feat: update color tokens

daangn · Jan 13, 2025 · 6d06c0e · 6d06c0e
1 parent b884f84
commit 6d06c0e
Show file tree

Hide file tree

Showing 71 changed files with 684 additions and 784 deletions.
diff --git a/docs/public/rootage/color.json b/docs/public/rootage/color.json
diff --git a/docs/public/rootage/components/action-button.json b/docs/public/rootage/components/action-button.json
@@ -22,16 +22,16 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "progressCircle": {
           "trackColor": "$color.palette.static-white-alpha-200",
@@ -172,16 +172,16 @@
           "color": "$color.bg.danger-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "progressCircle": {
           "trackColor": "$color.palette.static-white-alpha-200",

diff --git a/docs/public/rootage/components/badge.json b/docs/public/rootage/components/badge.json
@@ -92,7 +92,7 @@
           "color": "$color.bg.neutral-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -122,7 +122,7 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -152,7 +152,7 @@
           "color": "$color.bg.informative-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -182,7 +182,7 @@
           "color": "$color.bg.positive-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -212,7 +212,7 @@
           "color": "$color.bg.danger-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },

diff --git a/docs/public/rootage/components/checkbox.json b/docs/public/rootage/components/checkbox.json
@@ -41,7 +41,7 @@
           "color": "$color.bg.brand-solid"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "pressed": {
@@ -54,7 +54,7 @@
           "color": "$color.bg.brand-solid-pressed"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "disabled": {

diff --git a/docs/public/rootage/components/chip-tab.json b/docs/public/rootage/components/chip-tab.json
@@ -78,7 +78,7 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white",
+          "color": "$color.palette.static-white",
           "fontWeight": "$font-weight.bold"
         }
       },

diff --git a/docs/public/rootage/components/control-chip.json b/docs/public/rootage/components/control-chip.json
@@ -41,17 +41,17 @@
           "color": "$color.bg.neutral-solid-muted"
         },
         "label": {
-          "color": "$color.fg.static-white",
+          "color": "$color.palette.static-white",
           "fontWeight": "$font-weight.bold"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "count": {
           "color": "$color.palette.static-white-alpha-800"

diff --git a/docs/public/rootage/components/inline-banner.json b/docs/public/rootage/components/inline-banner.json
@@ -198,19 +198,19 @@
           "color": "$color.bg.danger-solid"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "title": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "description": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "linkLabel": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "actionableIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     }

diff --git a/docs/public/rootage/components/progress-circle.json b/docs/public/rootage/components/progress-circle.json
@@ -98,7 +98,7 @@
           "color": "$color.palette.static-white-alpha-200"
         },
         "range": {
-          "color": "$color.bg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     }

diff --git a/docs/public/rootage/components/radio.json b/docs/public/rootage/components/radio.json
@@ -28,7 +28,7 @@
           "strokeWidth": "0px"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "enabled,selected,pressed": {

diff --git a/docs/public/rootage/components/select-box.json b/docs/public/rootage/components/select-box.json
@@ -73,14 +73,14 @@
           "strokeWidth": 0
         },
         "checkboxIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "radioControl": {
           "color": "$color.bg.brand-solid",
           "strokeWidth": 0
         },
         "radioIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "enabled,selected,pressed": {

diff --git a/docs/public/rootage/components/switch.json b/docs/public/rootage/components/switch.json
@@ -12,7 +12,7 @@
           "cornerRadius": "$radius.full"
         },
         "thumb": {
-          "color": "$color.fg.static-white",
+          "color": "$color.palette.static-white",
           "cornerRadius": "$radius.full"
         }
       },

diff --git a/docs/public/rootage/components/toggle-button.json b/docs/public/rootage/components/toggle-button.json
@@ -22,13 +22,13 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "progressCircle": {
           "trackColor": "$color.palette.static-white-alpha-200",

diff --git a/docs/public/rootage/components/top-navigation.json b/docs/public/rootage/components/top-navigation.json
@@ -56,10 +56,10 @@
           "color": "#00000000"
         },
         "title": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },