fix: update existing core color tokens

Kajabi · Jul 9, 2024 · 4f6693c · 4f6693c
1 parent 856382e
commit 4f6693c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 20 deletions.
diff --git a/docs/lib/sage_rails/app/sage_tokens/sage_dictionary.rb b/docs/lib/sage_rails/app/sage_tokens/sage_dictionary.rb
@@ -21,7 +21,7 @@ module SageDictionary
   #
   # Static vars for COLOR BASE
   #
-  SD_SAGE_COLOR_BASE_PRIMARY_100_HEX = "#Fee2e1"
+  SD_SAGE_COLOR_BASE_PRIMARY_100_HEX = "#fee2e1"
   SD_SAGE_COLOR_BASE_PRIMARY_100_CODE = "primary-100"
   SD_SAGE_COLOR_BASE_PRIMARY_100_CLASSNAME = "t-sage--color-primary-100"
   SD_SAGE_COLOR_BASE_PRIMARY_200_HEX = "#fda5a5"
@@ -105,7 +105,7 @@ module SageDictionary
   SD_SAGE_COLOR_BASE_PURPLE_300_HEX = "#533be5"
   SD_SAGE_COLOR_BASE_PURPLE_300_CODE = "purple-300"
   SD_SAGE_COLOR_BASE_PURPLE_300_CLASSNAME = "t-sage--color-purple-300"
-  SD_SAGE_COLOR_BASE_PURPLE_400_HEX = "#402Fa4"
+  SD_SAGE_COLOR_BASE_PURPLE_400_HEX = "#402fa4"
   SD_SAGE_COLOR_BASE_PURPLE_400_CODE = "purple-400"
   SD_SAGE_COLOR_BASE_PURPLE_400_CLASSNAME = "t-sage--color-purple-400"
   SD_SAGE_COLOR_BASE_PURPLE_500_HEX = "#221b4b"
@@ -477,20 +477,20 @@ module SageDictionary
   SD_SAGE_COLOR_COMBOS_PUBLISHED_BOLD_BACKGROUND = "#079250"
   SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_FOREGROUND = "#991b1b"
   SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_FOREGROUND_ACCENT = "#572627"
-  SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = "#Fee2e1"
+  SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = "#fee2e1"
   SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND_ACCENT = "#fda5a5"
   SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_ICON_BACKGROUND_ACCENT = "#ef4444"
   SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_FOREGROUND = "#991b1b"
   SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_FOREGROUND_ACCENT = "#ef4444"
   SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_BACKGROUND = "#fda5a5"
-  SD_SAGE_COLOR_COMBOS_INFO_BOLD_FOREGROUND = "#Fee2e1"
+  SD_SAGE_COLOR_COMBOS_INFO_BOLD_FOREGROUND = "#fee2e1"
   SD_SAGE_COLOR_COMBOS_INFO_BOLD_BACKGROUND = "#ef4444"
-  SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = "#402Fa4"
+  SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = "#402fa4"
   SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND_ACCENT = "#221b4b"
   SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND = "#e0e4ff"
   SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND_ACCENT = "#a3acfd"
   SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_ICON_BACKGROUND_ACCENT = "#533be5"
-  SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = "#402Fa4"
+  SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = "#402fa4"
   SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND_ACCENT = "#533be5"
   SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_BACKGROUND = "#a3acfd"
   SD_SAGE_COLOR_COMBOS_LOCKED_BOLD_FOREGROUND = "#e0e4ff"

diff --git a/packages/sage-assets/lib/stylesheets/dictionary/_tokens.scss b/packages/sage-assets/lib/stylesheets/dictionary/_tokens.scss
@@ -24,7 +24,7 @@
 ///
 /// color color-base-primary-100-hex
 ///
-$sd-sage-color-base-primary-100-hex: #Fee2e1;
+$sd-sage-color-base-primary-100-hex: #fee2e1;
 ///
 /// color color-base-primary-100-code
 ///
@@ -360,7 +360,7 @@ $sd-sage-color-base-purple-300-classname: "t-sage--color-purple-300";
 ///
 /// color color-base-purple-400-hex
 ///
-$sd-sage-color-base-purple-400-hex: #402Fa4;
+$sd-sage-color-base-purple-400-hex: #402fa4;
 ///
 /// color color-base-purple-400-code
 ///
@@ -1014,7 +1014,7 @@ $sd-sage-color-combos-info-default-foreground-accent: #572627;
 ///
 /// color combos color-combos-info-default-background
 ///
-$sd-sage-color-combos-info-default-background: #Fee2e1;
+$sd-sage-color-combos-info-default-background: #fee2e1;
 ///
 /// color combos color-combos-info-default-background-accent
 ///
@@ -1038,15 +1038,15 @@ $sd-sage-color-combos-info-subtle-background: #fda5a5;
 ///
 /// color combos color-combos-info-bold-foreground
 ///
-$sd-sage-color-combos-info-bold-foreground: #Fee2e1;
+$sd-sage-color-combos-info-bold-foreground: #fee2e1;
 ///
 /// color combos color-combos-info-bold-background
 ///
 $sd-sage-color-combos-info-bold-background: #ef4444;
 ///
 /// color combos color-combos-locked-default-foreground
 ///
-$sd-sage-color-combos-locked-default-foreground: #402Fa4;
+$sd-sage-color-combos-locked-default-foreground: #402fa4;
 ///
 /// color combos color-combos-locked-default-foreground-accent
 ///
@@ -1066,7 +1066,7 @@ $sd-sage-color-combos-locked-default-icon-background-accent: #533be5;
 ///
 /// color combos color-combos-locked-subtle-foreground
 ///
-$sd-sage-color-combos-locked-subtle-foreground: #402Fa4;
+$sd-sage-color-combos-locked-subtle-foreground: #402fa4;
 ///
 /// color combos color-combos-locked-subtle-foreground-accent
 ///

diff --git a/packages/sage-react/lib/configs/dictionary/tokens.js b/packages/sage-react/lib/configs/dictionary/tokens.js
@@ -19,7 +19,7 @@
 //
 // Static vars for COLOR BASE
 //
-export const COLOR_BASE_PRIMARY_100_HEX = '#Fee2e1';
+export const COLOR_BASE_PRIMARY_100_HEX = '#fee2e1';
 export const COLOR_BASE_PRIMARY_100_CODE = 'primary-100';
 export const COLOR_BASE_PRIMARY_100_CLASSNAME = 't-sage--color-primary-100';
 export const COLOR_BASE_PRIMARY_200_HEX = '#fda5a5';
@@ -103,7 +103,7 @@ export const COLOR_BASE_PURPLE_200_CLASSNAME = 't-sage--color-purple-200';
 export const COLOR_BASE_PURPLE_300_HEX = '#533be5';
 export const COLOR_BASE_PURPLE_300_CODE = 'purple-300';
 export const COLOR_BASE_PURPLE_300_CLASSNAME = 't-sage--color-purple-300';
-export const COLOR_BASE_PURPLE_400_HEX = '#402Fa4';
+export const COLOR_BASE_PURPLE_400_HEX = '#402fa4';
 export const COLOR_BASE_PURPLE_400_CODE = 'purple-400';
 export const COLOR_BASE_PURPLE_400_CLASSNAME = 't-sage--color-purple-400';
 export const COLOR_BASE_PURPLE_500_HEX = '#221b4b';
@@ -475,20 +475,20 @@ export const COLOR_COMBOS_PUBLISHED_BOLD_FOREGROUND = '#fff';
 export const COLOR_COMBOS_PUBLISHED_BOLD_BACKGROUND = '#079250';
 export const COLOR_COMBOS_INFO_DEFAULT_FOREGROUND = '#991b1b';
 export const COLOR_COMBOS_INFO_DEFAULT_FOREGROUND_ACCENT = '#572627';
-export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = '#Fee2e1';
+export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = '#fee2e1';
 export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND_ACCENT = '#fda5a5';
 export const COLOR_COMBOS_INFO_DEFAULT_ICON_BACKGROUND_ACCENT = '#ef4444';
 export const COLOR_COMBOS_INFO_SUBTLE_FOREGROUND = '#991b1b';
 export const COLOR_COMBOS_INFO_SUBTLE_FOREGROUND_ACCENT = '#ef4444';
 export const COLOR_COMBOS_INFO_SUBTLE_BACKGROUND = '#fda5a5';
-export const COLOR_COMBOS_INFO_BOLD_FOREGROUND = '#Fee2e1';
+export const COLOR_COMBOS_INFO_BOLD_FOREGROUND = '#fee2e1';
 export const COLOR_COMBOS_INFO_BOLD_BACKGROUND = '#ef4444';
-export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = '#402Fa4';
+export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = '#402fa4';
 export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND_ACCENT = '#221b4b';
 export const COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND = '#e0e4ff';
 export const COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND_ACCENT = '#a3acfd';
 export const COLOR_COMBOS_LOCKED_DEFAULT_ICON_BACKGROUND_ACCENT = '#533be5';
-export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = '#402Fa4';
+export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = '#402fa4';
 export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND_ACCENT = '#533be5';
 export const COLOR_COMBOS_LOCKED_SUBTLE_BACKGROUND = '#a3acfd';
 export const COLOR_COMBOS_LOCKED_BOLD_FOREGROUND = '#e0e4ff';

diff --git a/style-dictionary/tokens/color/base.json b/style-dictionary/tokens/color/base.json
@@ -3,7 +3,7 @@
     "base": {
       "primary": {
         "100": {
-          "hex": { "value": "#Fee2e1" },
+          "hex": { "value": "#fee2e1" },
           "code": { "value": "primary-100" },
           "classname": { "value": "t-sage--color-primary-100" }
         },
@@ -153,7 +153,7 @@
           "classname": { "value": "t-sage--color-purple-300" }
         },
         "400": {
-          "hex": { "value": "#402Fa4" },
+          "hex": { "value": "#402fa4" },
           "code": { "value": "purple-400" },
           "classname": { "value": "t-sage--color-purple-400" }
         },