@gitlab/ui 137.1.2 → 137.2.0

package/src/tokens/build/json/tokens.json

@@ -34,7 +34,7 @@
       },
       "default": {
         "key": "{border.color.default}",
-        "$value": "#dcdcde",
+        "$value": "#dcdbd9",
         "$type": "color",
         "$description": "Used for the default border color.",
         "$extensions": {
@@ -65,7 +65,7 @@
       },
       "subtle": {
         "key": "{border.color.subtle}",
-        "$value": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$description": "Used for a subtle border in combination with the default background.",
         "$extensions": {
@@ -96,7 +96,7 @@
       },
       "strong": {
         "key": "{border.color.strong}",
-        "$value": "#bfbfc3",
+        "$value": "#c1bfbe",
         "$type": "color",
         "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
         "$extensions": {
@@ -127,7 +127,7 @@
       },
       "section": {
         "key": "{border.color.section}",
-        "$value": "#dcdcde",
+        "$value": "#dcdbd9",
         "$type": "color",
         "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
         "$extensions": {
@@ -3224,7 +3224,7 @@
       },
       "10": {
         "key": "{color.neutral.10}",
-        "$value": "#fbfafd",
+        "$value": "#f7f7f5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3232,7 +3232,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fbfafd",
+          "$value": "#f7f7f5",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3249,7 +3249,7 @@
       },
       "50": {
         "key": "{color.neutral.50}",
-        "$value": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3257,7 +3257,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ececef",
+          "$value": "#ecebea",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3274,7 +3274,7 @@
       },
       "100": {
         "key": "{color.neutral.100}",
-        "$value": "#dcdcde",
+        "$value": "#dcdbd9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3282,7 +3282,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#dcdcde",
+          "$value": "#dcdbd9",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3299,7 +3299,7 @@
       },
       "200": {
         "key": "{color.neutral.200}",
-        "$value": "#bfbfc3",
+        "$value": "#c1bfbe",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3307,7 +3307,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3324,7 +3324,7 @@
       },
       "300": {
         "key": "{color.neutral.300}",
-        "$value": "#a4a3a8",
+        "$value": "#a5a3a3",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3332,7 +3332,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#a4a3a8",
+          "$value": "#a5a3a3",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3349,7 +3349,7 @@
       },
       "400": {
         "key": "{color.neutral.400}",
-        "$value": "#89888d",
+        "$value": "#8a8888",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3357,7 +3357,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#89888d",
+          "$value": "#8a8888",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3374,7 +3374,7 @@
       },
       "500": {
         "key": "{color.neutral.500}",
-        "$value": "#737278",
+        "$value": "#747273",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3382,7 +3382,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#737278",
+          "$value": "#747273",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3399,7 +3399,7 @@
       },
       "600": {
         "key": "{color.neutral.600}",
-        "$value": "#626168",
+        "$value": "#646163",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3407,7 +3407,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#626168",
+          "$value": "#646163",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3424,7 +3424,7 @@
       },
       "700": {
         "key": "{color.neutral.700}",
-        "$value": "#4c4b51",
+        "$value": "#4d4b4e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3432,7 +3432,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#4c4b51",
+          "$value": "#4d4b4e",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3449,7 +3449,7 @@
       },
       "800": {
         "key": "{color.neutral.800}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3457,7 +3457,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#3a383f",
+          "$value": "#3a383d",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3524,7 +3524,7 @@
       },
       "1000": {
         "key": "{color.neutral.1000}",
-        "$value": "#050506",
+        "$value": "#050408",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3532,7 +3532,7 @@
         "filePath": "src/tokens/constant/color.neutral.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#050506",
+          "$value": "#050408",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -8172,7 +8172,7 @@
       "background": {
         "color": {
           "key": "{alert.neutral.background.color}",
-          "$value": "#ececef",
+          "$value": "#ecebea",
           "$type": "color",
           "$description": "Used for the background color of a neutral alert.",
           "$extensions": {
@@ -8206,12 +8206,44 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.neutral.border.color}",
+          "$value": "#c1bfbe",
+          "$type": "color",
+          "$description": "Used for the border color of a neutral alert.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "STROKE_COLOR"
+            ]
+          },
+          "filePath": "src/tokens/contextual/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{feedback.neutral.border.color}",
+            "$type": "color",
+            "$description": "Used for the border color of a neutral alert.",
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "key": "{alert.neutral.border.color}"
+          },
+          "name": "ALERT_NEUTRAL_BORDER_COLOR",
+          "attributes": {},
+          "path": [
+            "alert",
+            "neutral",
+            "border",
+            "color"
+          ]
+        },
         "top": {
           "color": {
             "key": "{alert.neutral.border.top.color}",
             "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
-            "$description": "Used for the border center color of a neutral alert.",
+            "$description": "Used for the border color of a neutral alert.",
             "$extensions": {
               "com.figma.scopes": [
                 "STROKE_COLOR"
@@ -8222,7 +8254,7 @@
             "original": {
               "$value": "{color.alpha.0}",
               "$type": "color",
-              "$description": "Used for the border center color of a neutral alert.",
+              "$description": "Used for the border color of a neutral alert.",
               "$extensions": {
                 "com.figma.scopes": [
                   "STROKE_COLOR"
@@ -8350,6 +8382,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.info.border.color}",
+          "$value": "#9dc7f1",
+          "$type": "color",
+          "$description": "Used for the border color of an info alert.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "STROKE_COLOR"
+            ]
+          },
+          "filePath": "src/tokens/contextual/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{feedback.info.border.color}",
+            "$type": "color",
+            "$description": "Used for the border color of an info alert.",
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "key": "{alert.info.border.color}"
+          },
+          "name": "ALERT_INFO_BORDER_COLOR",
+          "attributes": {},
+          "path": [
+            "alert",
+            "info",
+            "border",
+            "color"
+          ]
+        },
         "top": {
           "color": {
             "key": "{alert.info.border.top.color}",
@@ -8484,6 +8548,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.success.border.color}",
+          "$value": "#91d4a8",
+          "$type": "color",
+          "$description": "Used for the border color of a success alert.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "STROKE_COLOR"
+            ]
+          },
+          "filePath": "src/tokens/contextual/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{feedback.success.border.color}",
+            "$type": "color",
+            "$description": "Used for the border color of a success alert.",
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "key": "{alert.success.border.color}"
+          },
+          "name": "ALERT_SUCCESS_BORDER_COLOR",
+          "attributes": {},
+          "path": [
+            "alert",
+            "success",
+            "border",
+            "color"
+          ]
+        },
         "top": {
           "color": {
             "key": "{alert.success.border.top.color}",
@@ -8628,6 +8724,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.warning.border.color}",
+          "$value": "#e9be74",
+          "$type": "color",
+          "$description": "Used for the border color of a warning alert.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "STROKE_COLOR"
+            ]
+          },
+          "filePath": "src/tokens/contextual/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{feedback.warning.border.color}",
+            "$type": "color",
+            "$description": "Used for the border color of a warning alert.",
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "key": "{alert.warning.border.color}"
+          },
+          "name": "ALERT_WARNING_BORDER_COLOR",
+          "attributes": {},
+          "path": [
+            "alert",
+            "warning",
+            "border",
+            "color"
+          ]
+        },
         "top": {
           "color": {
             "key": "{alert.warning.border.top.color}",
@@ -8772,6 +8900,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.danger.border.color}",
+          "$value": "#dd2b0e",
+          "$type": "color",
+          "$description": "Used for the border color of a danger alert.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "STROKE_COLOR"
+            ]
+          },
+          "filePath": "src/tokens/contextual/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{feedback.danger.border.color}",
+            "$type": "color",
+            "$description": "Used for the border color of a danger alert.",
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "key": "{alert.danger.border.color}"
+          },
+          "name": "ALERT_DANGER_BORDER_COLOR",
+          "attributes": {},
+          "path": [
+            "alert",
+            "danger",
+            "border",
+            "color"
+          ]
+        },
         "top": {
           "color": {
             "key": "{alert.danger.border.top.color}",
@@ -8849,7 +9009,7 @@
     "background": {
       "color": {
         "key": "{application-chrome.background.color}",
-        "$value": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$description": "Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.",
         "$extensions": {
@@ -9232,7 +9392,7 @@
           },
           "neutral": {
             "key": "{avatar.fallback.text.color.neutral}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Neutral text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9487,7 +9647,7 @@
         "color": {
           "default": {
             "key": "{badge.muted.background.color.default}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a muted badge when static or the default state when linked.",
             "$extensions": {
@@ -9524,7 +9684,7 @@
           },
           "hover": {
             "key": "{badge.muted.background.color.hover}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a muted badge in the hover state.",
             "$extensions": {
@@ -9561,7 +9721,7 @@
           },
           "focus": {
             "key": "{badge.muted.background.color.focus}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a muted badge in the focus state.",
             "$extensions": {
@@ -9598,7 +9758,7 @@
           },
           "active": {
             "key": "{badge.muted.background.color.active}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a muted badge in the active state.",
             "$extensions": {
@@ -9670,7 +9830,7 @@
           },
           "hover": {
             "key": "{badge.muted.border.color.hover}",
-            "$value": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$type": "color",
             "$description": "Used for the border of a muted badge in the hover state.",
             "$extensions": {
@@ -9773,7 +9933,7 @@
         "color": {
           "default": {
             "key": "{badge.muted.text.color.default}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the text of a muted badge when static or the default state when linked.",
             "$extensions": {
@@ -9806,7 +9966,7 @@
           },
           "hover": {
             "key": "{badge.muted.text.color.hover}",
-            "$value": "#4c4b51",
+            "$value": "#4d4b4e",
             "$type": "color",
             "$description": "Used for the text of a muted badge in the hover state.",
             "$extensions": {
@@ -9839,7 +9999,7 @@
           },
           "focus": {
             "key": "{badge.muted.text.color.focus}",
-            "$value": "#4c4b51",
+            "$value": "#4d4b4e",
             "$type": "color",
             "$description": "Used for the text of a muted badge in the focus state.",
             "$extensions": {
@@ -9874,7 +10034,7 @@
           },
           "active": {
             "key": "{badge.muted.text.color.active}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the text of a muted badge in the active state.",
             "$extensions": {
@@ -9911,7 +10071,7 @@
         "color": {
           "default": {
             "key": "{badge.muted.icon.color.default}",
-            "$value": "#737278",
+            "$value": "#747273",
             "$type": "color",
             "$description": "Used for the icon of a muted badge when static or the default state when linked.",
             "$extensions": {
@@ -9946,7 +10106,7 @@
           },
           "hover": {
             "key": "{badge.muted.icon.color.hover}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the icon of a muted badge in the hover state.",
             "$extensions": {
@@ -9981,7 +10141,7 @@
           },
           "focus": {
             "key": "{badge.muted.icon.color.focus}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the icon of a muted badge in the focus state.",
             "$extensions": {
@@ -10018,7 +10178,7 @@
           },
           "active": {
             "key": "{badge.muted.icon.color.active}",
-            "$value": "#4c4b51",
+            "$value": "#4d4b4e",
             "$type": "color",
             "$description": "Used for the icon of a muted badge in the active state.",
             "$extensions": {
@@ -10059,7 +10219,7 @@
         "color": {
           "default": {
             "key": "{badge.neutral.background.color.default}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a neutral badge when static or the default state when linked.",
             "$extensions": {
@@ -10094,7 +10254,7 @@
           },
           "hover": {
             "key": "{badge.neutral.background.color.hover}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a neutral badge in the hover state.",
             "$extensions": {
@@ -10129,7 +10289,7 @@
           },
           "focus": {
             "key": "{badge.neutral.background.color.focus}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a neutral badge in the focus state.",
             "$extensions": {
@@ -10164,7 +10324,7 @@
           },
           "active": {
             "key": "{badge.neutral.background.color.active}",
-            "$value": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$type": "color",
             "$description": "Used for the background of a neutral badge in the active state.",
             "$extensions": {
@@ -10236,7 +10396,7 @@
           },
           "hover": {
             "key": "{badge.neutral.border.color.hover}",
-            "$value": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$type": "color",
             "$description": "Used for the border of a neutral badge in the hover state.",
             "$extensions": {
@@ -10339,7 +10499,7 @@
         "color": {
           "default": {
             "key": "{badge.neutral.text.color.default}",
-            "$value": "#4c4b51",
+            "$value": "#4d4b4e",
             "$type": "color",
             "$description": "Used for the text of a neutral badge when static or the default state when linked.",
             "$extensions": {
@@ -10372,7 +10532,7 @@
           },
           "hover": {
             "key": "{badge.neutral.text.color.hover}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the text of a neutral badge in the hover state.",
             "$extensions": {
@@ -10405,7 +10565,7 @@
           },
           "focus": {
             "key": "{badge.neutral.text.color.focus}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the text of a neutral badge in the focus state.",
             "$extensions": {
@@ -10475,7 +10635,7 @@
         "color": {
           "default": {
             "key": "{badge.neutral.icon.color.default}",
-            "$value": "#737278",
+            "$value": "#747273",
             "$type": "color",
             "$description": "Used for the icon of a neutral badge when static or the default state when linked.",
             "$extensions": {
@@ -10510,7 +10670,7 @@
           },
           "hover": {
             "key": "{badge.neutral.icon.color.hover}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the icon of a neutral badge in the hover state.",
             "$extensions": {
@@ -10545,7 +10705,7 @@
           },
           "focus": {
             "key": "{badge.neutral.icon.color.focus}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the icon of a neutral badge in the focus state.",
             "$extensions": {
@@ -10580,7 +10740,7 @@
           },
           "active": {
             "key": "{badge.neutral.icon.color.active}",
-            "$value": "#4c4b51",
+            "$value": "#4d4b4e",
             "$type": "color",
             "$description": "Used for the icon of a neutral badge in the active state.",
             "$extensions": {
@@ -13541,7 +13701,7 @@
     "separator": {
       "color": {
         "key": "{breadcrumb.separator.color}",
-        "$value": "#89888d",
+        "$value": "#8a8888",
         "$type": "color",
         "$description": "Used for the breadcrumb level separator.",
         "$extensions": {
@@ -13613,7 +13773,7 @@
           },
           "dark": {
             "key": "{broadcast.banner.background.color.dark}",
-            "$value": "#737278",
+            "$value": "#747273",
             "$type": "color",
             "$description": "Used for the background for the dark banner type.",
             "$extensions": {
@@ -13718,7 +13878,7 @@
           },
           "light": {
             "key": "{broadcast.banner.background.color.light}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background for the light banner type.",
             "$extensions": {
@@ -13965,7 +14125,7 @@
           },
           "dark": {
             "key": "{broadcast.banner.border.color.dark}",
-            "$value": "#4c4b51",
+            "$value": "#4d4b4e",
             "$type": "color",
             "$description": "Used for the border for the dark banner type.",
             "$extensions": {
@@ -14064,7 +14224,7 @@
           },
           "light": {
             "key": "{broadcast.banner.border.color.light}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the border for the light banner type.",
             "$extensions": {
@@ -15024,7 +15184,7 @@
           "color": {
             "default": {
               "key": "{button.default.primary.foreground.color.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the foreground of a default primary button in the default state.",
               "$extensions": {
@@ -15060,7 +15220,7 @@
             },
             "hover": {
               "key": "{button.default.primary.foreground.color.hover}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the foreground of a default primary button in the hover state.",
               "$extensions": {
@@ -15096,7 +15256,7 @@
             },
             "focus": {
               "key": "{button.default.primary.foreground.color.focus}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the foreground of a default primary button in the focus state.",
               "$extensions": {
@@ -15132,7 +15292,7 @@
             },
             "active": {
               "key": "{button.default.primary.foreground.color.active}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the foreground of a default primary button in the active state.",
               "$extensions": {
@@ -15208,7 +15368,7 @@
             },
             "hover": {
               "key": "{button.default.primary.background.color.hover}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the background of an default primary button in the hover state.",
               "$extensions": {
@@ -15244,7 +15404,7 @@
             },
             "focus": {
               "key": "{button.default.primary.background.color.focus}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the background of an default primary button in the focus state.",
               "$extensions": {
@@ -15280,7 +15440,7 @@
             },
             "active": {
               "key": "{button.default.primary.background.color.active}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of an default primary button in the active state.",
               "$extensions": {
@@ -15320,7 +15480,7 @@
           "color": {
             "default": {
               "key": "{button.default.primary.border.color.default}",
-              "$value": "#bfbfc3",
+              "$value": "#c1bfbe",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the default state.",
               "$extensions": {
@@ -15354,7 +15514,7 @@
             },
             "hover": {
               "key": "{button.default.primary.border.color.hover}",
-              "$value": "#89888d",
+              "$value": "#8a8888",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the hover state.",
               "$extensions": {
@@ -15388,7 +15548,7 @@
             },
             "focus": {
               "key": "{button.default.primary.border.color.focus}",
-              "$value": "#89888d",
+              "$value": "#8a8888",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the focus state.",
               "$extensions": {
@@ -15422,7 +15582,7 @@
             },
             "active": {
               "key": "{button.default.primary.border.color.active}",
-              "$value": "#626168",
+              "$value": "#646163",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the active state.",
               "$extensions": {
@@ -16050,7 +16210,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.primary.background.color.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the background of a confirm (positive) primary button in the default state.",
               "$extensions": {
@@ -16158,7 +16318,7 @@
             },
             "active": {
               "key": "{button.confirm.primary.background.color.active}",
-              "$value": "#050506",
+              "$value": "#050408",
               "$type": "color",
               "$description": "Used for the background of a confirm (positive) primary button in the active state.",
               "$extensions": {
@@ -16340,7 +16500,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.secondary.foreground.color.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the foreground of a confirm (positive) button in the default state.",
               "$extensions": {
@@ -16448,7 +16608,7 @@
             },
             "active": {
               "key": "{button.confirm.secondary.foreground.color.active}",
-              "$value": "#050506",
+              "$value": "#050408",
               "$type": "color",
               "$description": "Used for the foreground of a confirm (positive) button in the active state.",
               "$extensions": {
@@ -16524,7 +16684,7 @@
             },
             "hover": {
               "key": "{button.confirm.secondary.background.color.hover}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the background of an outlined confirm (positive) button in the hover state.",
               "$extensions": {
@@ -16560,7 +16720,7 @@
             },
             "focus": {
               "key": "{button.confirm.secondary.background.color.focus}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the background of an outlined confirm (positive) button in the focus state.",
               "$extensions": {
@@ -16596,7 +16756,7 @@
             },
             "active": {
               "key": "{button.confirm.secondary.background.color.active}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of an outlined confirm (positive) button in the active state.",
               "$extensions": {
@@ -16636,7 +16796,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.secondary.border.color.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the border of an outlined confirm (positive) button in the default state.",
               "$extensions": {
@@ -16738,7 +16898,7 @@
             },
             "active": {
               "key": "{button.confirm.secondary.border.color.active}",
-              "$value": "#050506",
+              "$value": "#050408",
               "$type": "color",
               "$description": "Used for the border of an outlined confirm (positive) button in the active state.",
               "$extensions": {
@@ -16778,7 +16938,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.tertiary.foreground.color.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.",
               "$extensions": {
@@ -16886,7 +17046,7 @@
             },
             "active": {
               "key": "{button.confirm.tertiary.foreground.color.active}",
-              "$value": "#050506",
+              "$value": "#050408",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.",
               "$extensions": {
@@ -18094,7 +18254,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.foreground.color.default}",
-              "$value": "#dd2b0e",
+              "$value": "#c02f12",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -18130,7 +18290,7 @@
             },
             "hover": {
               "key": "{button.danger.tertiary.foreground.color.hover}",
-              "$value": "#a32c12",
+              "$value": "#812713",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18166,7 +18326,7 @@
             },
             "focus": {
               "key": "{button.danger.tertiary.foreground.color.focus}",
-              "$value": "#a32c12",
+              "$value": "#812713",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18202,7 +18362,7 @@
             },
             "active": {
               "key": "{button.danger.tertiary.foreground.color.active}",
-              "$value": "#582014",
+              "$value": "#3e1a14",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.",
               "$extensions": {
@@ -18533,7 +18693,7 @@
         "color": {
           "default": {
             "key": "{button.dashed.border.color.default}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the border of a dashed button in the default state.",
             "$extensions": {
@@ -18568,7 +18728,7 @@
           },
           "hover": {
             "key": "{button.dashed.border.color.hover}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the border of a dashed button in the hover state.",
             "$extensions": {
@@ -18603,7 +18763,7 @@
           },
           "focus": {
             "key": "{button.dashed.border.color.focus}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the border of a dashed button in the focus state.",
             "$extensions": {
@@ -18638,7 +18798,7 @@
           },
           "active": {
             "key": "{button.dashed.border.color.active}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the border of a dashed button in the active state.",
             "$extensions": {
@@ -18859,7 +19019,7 @@
         "color": {
           "default": {
             "key": "{button.selected.foreground.color.default}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the foreground of a selected button in the default state.",
             "$extensions": {
@@ -18894,7 +19054,7 @@
           },
           "hover": {
             "key": "{button.selected.foreground.color.hover}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the foreground of a selected button in the hover state.",
             "$extensions": {
@@ -18929,7 +19089,7 @@
           },
           "focus": {
             "key": "{button.selected.foreground.color.focus}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the foreground of a selected button in the focus state.",
             "$extensions": {
@@ -18964,7 +19124,7 @@
           },
           "active": {
             "key": "{button.selected.foreground.color.active}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the foreground of a selected button in the active state.",
             "$extensions": {
@@ -19003,7 +19163,7 @@
         "color": {
           "default": {
             "key": "{button.selected.background.color.default}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a selected button in the default state.",
             "$extensions": {
@@ -19038,7 +19198,7 @@
           },
           "hover": {
             "key": "{button.selected.background.color.hover}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a selected button in the hover state.",
             "$extensions": {
@@ -19073,7 +19233,7 @@
           },
           "focus": {
             "key": "{button.selected.background.color.focus}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a selected button in the focus state.",
             "$extensions": {
@@ -19108,7 +19268,7 @@
           },
           "active": {
             "key": "{button.selected.background.color.active}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a selected button in the active state.",
             "$extensions": {
@@ -19147,7 +19307,7 @@
         "color": {
           "default": {
             "key": "{button.selected.border.color.default}",
-            "$value": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$type": "color",
             "$description": "Used for the border of a selected button in the default state.",
             "$extensions": {
@@ -19180,7 +19340,7 @@
           },
           "hover": {
             "key": "{button.selected.border.color.hover}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the border of a selected button in the hover state.",
             "$extensions": {
@@ -19213,7 +19373,7 @@
           },
           "focus": {
             "key": "{button.selected.border.color.focus}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the border of a selected button in the focus state.",
             "$extensions": {
@@ -19246,7 +19406,7 @@
           },
           "active": {
             "key": "{button.selected.border.color.active}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the border of a selected button in the active state.",
             "$extensions": {
@@ -19284,7 +19444,7 @@
       "foreground": {
         "color": {
           "key": "{button.disabled.foreground.color}",
-          "$value": "#737278",
+          "$value": "#747273",
           "$type": "color",
           "$description": "Used for the foreground of a disabled button.",
           "$extensions": {
@@ -19320,7 +19480,7 @@
       "background": {
         "color": {
           "key": "{button.disabled.background.color}",
-          "$value": "#fbfafd",
+          "$value": "#f7f7f5",
           "$type": "color",
           "$description": "Used for the background of a disabled button.",
           "$extensions": {
@@ -19356,7 +19516,7 @@
       "border": {
         "color": {
           "key": "{button.disabled.border.color}",
-          "$value": "#dcdcde",
+          "$value": "#dcdbd9",
           "$type": "color",
           "$description": "Used for the border of a disabled button.",
           "$extensions": {
@@ -19467,7 +19627,7 @@
       "pointer": {
         "color": {
           "key": "{chart.axis.pointer.color}",
-          "$value": "#626168",
+          "$value": "#646163",
           "$type": "color",
           "$description": "Used in charts for the color of the reference line and axis value under mouse pointer.",
           "$extensions": {
@@ -19501,7 +19661,7 @@
       "line": {
         "color": {
           "key": "{chart.axis.line.color}",
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$type": "color",
           "$description": "Used in charts for axis line color.",
           "$extensions": {
@@ -19535,7 +19695,7 @@
       "text": {
         "color": {
           "key": "{chart.axis.text.color}",
-          "$value": "#626168",
+          "$value": "#646163",
           "$type": "color",
           "$description": "Used in charts for the text color of axis titles and labels.",
           "$extensions": {
@@ -19675,7 +19835,7 @@
       "handle": {
         "color": {
           "key": "{chart.zoom.handle.color}",
-          "$value": "#626168",
+          "$value": "#646163",
           "$type": "color",
           "$description": "Used in charts for the handle color when zooming in on a specific area of data.",
           "$extensions": {
@@ -19858,7 +20018,7 @@
     "border": {
       "color": {
         "key": "{dropdown.border.color}",
-        "$value": "#bfbfc3",
+        "$value": "#c1bfbe",
         "$type": "color",
         "$description": "Used for the border of a dropdown.",
         "$extensions": {
@@ -19926,7 +20086,7 @@
     "divider": {
       "color": {
         "key": "{dropdown.divider.color}",
-        "$value": "#dcdcde",
+        "$value": "#dcdbd9",
         "$type": "color",
         "$description": "Used for the divider of a dropdown.",
         "$extensions": {
@@ -20095,7 +20255,7 @@
           },
           "disabled": {
             "key": "{dropdown.option.text.color.disabled}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the text of a dropdown option in the disabled state.",
             "$extensions": {
@@ -20133,7 +20293,7 @@
           "selected": {
             "default": {
               "key": "{dropdown.option.indicator.color.selected.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the dropdown selected option indicator in the default state.",
               "$extensions": {
@@ -20429,7 +20589,7 @@
           "selected": {
             "default": {
               "key": "{dropdown.option.background.color.selected.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the background of a selected dropdown option in the default state.",
               "$extensions": {
@@ -20465,7 +20625,7 @@
             },
             "hover": {
               "key": "{dropdown.option.background.color.selected.hover}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of a selected dropdown option in the hover state.",
               "$extensions": {
@@ -20501,7 +20661,7 @@
             },
             "focus": {
               "key": "{dropdown.option.background.color.selected.focus}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of a selected dropdown option in the focus state.",
               "$extensions": {
@@ -20537,7 +20697,7 @@
             },
             "active": {
               "key": "{dropdown.option.background.color.selected.active}",
-              "$value": "#bfbfc3",
+              "$value": "#c1bfbe",
               "$type": "color",
               "$description": "Used for the background of a selected dropdown option in the active state.",
               "$extensions": {
@@ -20621,7 +20781,7 @@
           "color": {
             "default": {
               "key": "{filtered-search.token.type.background.color.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the filtered search type token background color in the default state.",
               "$extensions": {
@@ -20657,7 +20817,7 @@
             },
             "hover": {
               "key": "{filtered-search.token.type.background.color.hover}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the filtered search type token background color in the hover state.",
               "$extensions": {
@@ -20699,7 +20859,7 @@
           "color": {
             "default": {
               "key": "{filtered-search.token.data.background.color.default}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the filtered search data background color in the default state.",
               "$extensions": {
@@ -20735,7 +20895,7 @@
             },
             "hover": {
               "key": "{filtered-search.token.data.background.color.hover}",
-              "$value": "#bfbfc3",
+              "$value": "#c1bfbe",
               "$type": "color",
               "$description": "Used for the filtered search data token background color in the hover state.",
               "$extensions": {
@@ -20777,7 +20937,7 @@
           "color": {
             "default": {
               "key": "{filtered-search.token.operator.background.color.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the filtered search operator background color in the default state.",
               "$extensions": {
@@ -20813,7 +20973,7 @@
             },
             "hover": {
               "key": "{filtered-search.token.operator.background.color.hover}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the filtered search operator token background color in the hover state.",
               "$extensions": {
@@ -22784,7 +22944,7 @@
         "color": {
           "default": {
             "key": "{nav.item.foreground.color.default}",
-            "$value": "#626168",
+            "$value": "#646163",
             "$type": "color",
             "$description": "Used for the foreground of a default navigation item in the default state.",
             "$extensions": {
@@ -22953,7 +23113,7 @@
           },
           "hover": {
             "key": "{nav.item.background.color.hover}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a default navigation item in the hover state.",
             "$extensions": {
@@ -22986,7 +23146,7 @@
           },
           "focus": {
             "key": "{nav.item.background.color.focus}",
-            "$value": "#dcdcde",
+            "$value": "#dcdbd9",
             "$type": "color",
             "$description": "Used for the background of a default navigation item in the focus state.",
             "$extensions": {
@@ -23019,7 +23179,7 @@
           },
           "active": {
             "key": "{nav.item.background.color.active}",
-            "$value": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$type": "color",
             "$description": "Used for the background of a default navigation item in the active state.",
             "$extensions": {
@@ -23232,7 +23392,7 @@
           "color": {
             "default": {
               "key": "{nav.item.selected.background.color.default}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of a selected navigation item in the default state.",
               "$extensions": {
@@ -23266,7 +23426,7 @@
             },
             "hover": {
               "key": "{nav.item.selected.background.color.hover}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of a selected navigation item in the hover state.",
               "$extensions": {
@@ -23300,7 +23460,7 @@
             },
             "focus": {
               "key": "{nav.item.selected.background.color.focus}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$type": "color",
               "$description": "Used for the background of a selected navigation item in the focus state.",
               "$extensions": {
@@ -23334,7 +23494,7 @@
             },
             "active": {
               "key": "{nav.item.selected.background.color.active}",
-              "$value": "#bfbfc3",
+              "$value": "#c1bfbe",
               "$type": "color",
               "$description": "Used for the background of a selected navigation item in the active state.",
               "$extensions": {
@@ -23515,7 +23675,7 @@
     "track": {
       "color": {
         "key": "{progress-bar.track.color}",
-        "$value": "#bfbfc3",
+        "$value": "#c1bfbe",
         "$type": "color",
         "$description": "Used for the track color for all progress-bar variants.",
         "$extensions": {
@@ -23552,7 +23712,7 @@
     "background": {
       "color": {
         "key": "{skeleton-loader.background.color}",
-        "$value": "#dcdcde",
+        "$value": "#dcdbd9",
         "$type": "color",
         "$description": "Used for the skeleton loader background color.",
         "$extensions": {
@@ -23585,7 +23745,7 @@
     "shimmer": {
       "color": {
         "key": "{skeleton-loader.shimmer.color}",
-        "$value": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$description": "Used for the animated shimmer effect in a skeleton loader.",
         "$extensions": {
@@ -23621,7 +23781,7 @@
       "color": {
         "default": {
           "key": "{spinner.track.color.default}",
-          "$value": "#dcdcde",
+          "$value": "#dcdbd9",
           "$type": "color",
           "$description": "Used for the static track (background) of a loading spinner.",
           "$extensions": {
@@ -23653,7 +23813,7 @@
         },
         "light": {
           "key": "{spinner.track.color.light}",
-          "$value": "#3a383f",
+          "$value": "#3a383d",
           "$type": "color",
           "$description": "Used for the static track (background) of a loading spinner on a dark background.",
           "$extensions": {
@@ -23689,7 +23849,7 @@
       "color": {
         "default": {
           "key": "{spinner.segment.color.default}",
-          "$value": "#4c4b51",
+          "$value": "#4d4b4e",
           "$type": "color",
           "$description": "Used for the animated segment of a loading spinner.",
           "$extensions": {
@@ -23721,7 +23881,7 @@
         },
         "light": {
           "key": "{spinner.segment.color.light}",
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$type": "color",
           "$description": "Used for the animated segment of a loading spinner on a dark background.",
           "$extensions": {
@@ -23841,7 +24001,7 @@
         "color": {
           "default": {
             "key": "{tab.selected.indicator.color.default}",
-            "$value": "#050506",
+            "$value": "#050408",
             "$type": "color",
             "$description": "Used for the selected indicator of a tab.",
             "$extensions": {
@@ -24067,7 +24227,7 @@
           "checked": {
             "default": {
               "key": "{toggle.switch.track.color.checked.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the track color of a checked toggle switch in the default state.",
               "$extensions": {
@@ -24175,7 +24335,7 @@
             },
             "active": {
               "key": "{toggle.switch.track.color.checked.active}",
-              "$value": "#050506",
+              "$value": "#050408",
               "$type": "color",
               "$description": "Used for the track color of a checked toggle switch in the active state.",
               "$extensions": {
@@ -24211,7 +24371,7 @@
             },
             "disabled": {
               "key": "{toggle.switch.track.color.checked.disabled}",
-              "$value": "#89888d",
+              "$value": "#8a8888",
               "$type": "color",
               "$description": "Used for the track color of a disabled checked toggle switch, which stays filled so the checked state remains legible.",
               "$extensions": {
@@ -24248,7 +24408,7 @@
           },
           "loading": {
             "key": "{toggle.switch.track.color.loading}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the track color of a loading toggle switch. A loading toggle renders no thumb and its value is still in flight, so the track carries no checked state.",
             "$extensions": {
@@ -24287,7 +24447,7 @@
             "unchecked": {
               "default": {
                 "key": "{toggle.switch.track.border.color.unchecked.default}",
-                "$value": "#89888d",
+                "$value": "#8a8888",
                 "$type": "color",
                 "$description": "Used for the track border color of an unchecked toggle switch in the default state.",
                 "$extensions": {
@@ -24322,7 +24482,7 @@
               },
               "hover": {
                 "key": "{toggle.switch.track.border.color.unchecked.hover}",
-                "$value": "#626168",
+                "$value": "#646163",
                 "$type": "color",
                 "$description": "Used for the track border color of an unchecked toggle switch in the hover state.",
                 "$extensions": {
@@ -24357,7 +24517,7 @@
               },
               "focus": {
                 "key": "{toggle.switch.track.border.color.unchecked.focus}",
-                "$value": "#626168",
+                "$value": "#646163",
                 "$type": "color",
                 "$description": "Used for the track border color of an unchecked toggle switch in the focus state.",
                 "$extensions": {
@@ -24392,7 +24552,7 @@
               },
               "active": {
                 "key": "{toggle.switch.track.border.color.unchecked.active}",
-                "$value": "#626168",
+                "$value": "#646163",
                 "$type": "color",
                 "$description": "Used for the track border color of an unchecked toggle switch in the active state.",
                 "$extensions": {
@@ -24427,7 +24587,7 @@
               },
               "disabled": {
                 "key": "{toggle.switch.track.border.color.unchecked.disabled}",
-                "$value": "#dcdcde",
+                "$value": "#dcdbd9",
                 "$type": "color",
                 "$description": "Used for the track border color of a disabled unchecked toggle switch.",
                 "$extensions": {
@@ -24464,7 +24624,7 @@
             "checked": {
               "default": {
                 "key": "{toggle.switch.track.border.color.checked.default}",
-                "$value": "#3a383f",
+                "$value": "#3a383d",
                 "$type": "color",
                 "$description": "Used for the track border color of a checked toggle switch in the default state.",
                 "$extensions": {
@@ -24569,7 +24729,7 @@
               },
               "active": {
                 "key": "{toggle.switch.track.border.color.checked.active}",
-                "$value": "#050506",
+                "$value": "#050408",
                 "$type": "color",
                 "$description": "Used for the track border color of a checked toggle switch in the active state.",
                 "$extensions": {
@@ -24604,7 +24764,7 @@
               },
               "disabled": {
                 "key": "{toggle.switch.track.border.color.checked.disabled}",
-                "$value": "#89888d",
+                "$value": "#8a8888",
                 "$type": "color",
                 "$description": "Used for the track border color of a disabled checked toggle switch, which matches the track color.",
                 "$extensions": {
@@ -24640,7 +24800,7 @@
             },
             "loading": {
               "key": "{toggle.switch.track.border.color.loading}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the track border color of a loading toggle switch, which matches the track color so the track reads as a single flat fill.",
               "$extensions": {
@@ -24680,7 +24840,7 @@
           "unchecked": {
             "default": {
               "key": "{toggle.switch.background.color.unchecked.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the default state.",
               "$extensions": {
@@ -24716,7 +24876,7 @@
             },
             "hover": {
               "key": "{toggle.switch.background.color.unchecked.hover}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the hover state.",
               "$extensions": {
@@ -24752,7 +24912,7 @@
             },
             "focus": {
               "key": "{toggle.switch.background.color.unchecked.focus}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the focus state.",
               "$extensions": {
@@ -24788,7 +24948,7 @@
             },
             "active": {
               "key": "{toggle.switch.background.color.unchecked.active}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the active state.",
               "$extensions": {
@@ -24824,7 +24984,7 @@
             },
             "disabled": {
               "key": "{toggle.switch.background.color.unchecked.disabled}",
-              "$value": "#89888d",
+              "$value": "#8a8888",
               "$type": "color",
               "$description": "Used for the background color of the disabled unchecked toggle switch thumb.",
               "$extensions": {
@@ -25043,7 +25203,7 @@
           },
           "disabled": {
             "key": "{toggle.switch.background.color.disabled}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Use toggle.switch.background.color.unchecked.disabled instead.",
             "$extensions": {
@@ -25223,7 +25383,7 @@
           "checked": {
             "default": {
               "key": "{toggle.switch.icon.color.checked.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the default state.",
               "$extensions": {
@@ -25325,7 +25485,7 @@
             },
             "active": {
               "key": "{toggle.switch.icon.color.checked.active}",
-              "$value": "#050506",
+              "$value": "#050408",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the active state.",
               "$extensions": {
@@ -25360,7 +25520,7 @@
           },
           "disabled": {
             "key": "{toggle.switch.icon.color.disabled}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the icon color of a disabled toggle switch.",
             "$extensions": {
@@ -25402,7 +25562,7 @@
           "color": {
             "focus": {
               "key": "{token-selector.token-container.token.background.color.focus}",
-              "$value": "#a4a3a8",
+              "$value": "#a5a3a3",
               "$type": "color",
               "$description": "Used for the background color of a token in a token-selector when it's token-container is in the focus state.",
               "$extensions": {
@@ -25478,7 +25638,7 @@
     "foreground": {
       "color": {
         "key": "{token.foreground.color}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used for the token foreground color.",
         "$extensions": {
@@ -25513,7 +25673,7 @@
     "background": {
       "color": {
         "key": "{token.background.color}",
-        "$value": "#dcdcde",
+        "$value": "#dcdbd9",
         "$type": "color",
         "$description": "Used for the token background color.",
         "$extensions": {
@@ -25551,7 +25711,7 @@
       "color": {
         "subtle": {
           "key": "{tooltip.text.color.subtle}",
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$type": "color",
           "$description": "Used for supplemental tooltip text that is less prominent than the default text and remains the same color regardless of mode.",
           "$extensions": {
@@ -27303,7 +27463,7 @@
   },
   "black": {
     "key": "{black}",
-    "$value": "#050506",
+    "$value": "#050408",
     "$type": "color",
     "$extensions": {
       "com.figma.scopes": []
@@ -27694,7 +27854,7 @@
   "gray": {
     "10": {
       "key": "{gray.10}",
-      "$value": "#fbfafd",
+      "$value": "#f7f7f5",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27724,7 +27884,7 @@
     },
     "50": {
       "key": "{gray.50}",
-      "$value": "#ececef",
+      "$value": "#ecebea",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27754,7 +27914,7 @@
     },
     "100": {
       "key": "{gray.100}",
-      "$value": "#dcdcde",
+      "$value": "#dcdbd9",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27784,7 +27944,7 @@
     },
     "200": {
       "key": "{gray.200}",
-      "$value": "#bfbfc3",
+      "$value": "#c1bfbe",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27814,7 +27974,7 @@
     },
     "300": {
       "key": "{gray.300}",
-      "$value": "#a4a3a8",
+      "$value": "#a5a3a3",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27844,7 +28004,7 @@
     },
     "400": {
       "key": "{gray.400}",
-      "$value": "#89888d",
+      "$value": "#8a8888",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27874,7 +28034,7 @@
     },
     "500": {
       "key": "{gray.500}",
-      "$value": "#737278",
+      "$value": "#747273",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27904,7 +28064,7 @@
     },
     "600": {
       "key": "{gray.600}",
-      "$value": "#626168",
+      "$value": "#646163",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27934,7 +28094,7 @@
     },
     "700": {
       "key": "{gray.700}",
-      "$value": "#4c4b51",
+      "$value": "#4d4b4e",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27964,7 +28124,7 @@
     },
     "800": {
       "key": "{gray.800}",
-      "$value": "#3a383f",
+      "$value": "#3a383d",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -30209,7 +30369,7 @@
       "foreground": {
         "color": {
           "key": "{action.disabled.foreground.color}",
-          "$value": "#89888d",
+          "$value": "#8a8888",
           "$type": "color",
           "$description": "Used for the foreground of a disabled action.",
           "$extensions": {
@@ -30245,7 +30405,7 @@
       "background": {
         "color": {
           "key": "{action.disabled.background.color}",
-          "$value": "#ececef",
+          "$value": "#ecebea",
           "$type": "color",
           "$description": "Used for the background of a disabled action.",
           "$extensions": {
@@ -30281,7 +30441,7 @@
       "border": {
         "color": {
           "key": "{action.disabled.border.color}",
-          "$value": "#dcdcde",
+          "$value": "#dcdbd9",
           "$type": "color",
           "$description": "Used for the border of a disabled action.",
           "$extensions": {
@@ -30462,7 +30622,7 @@
         "color": {
           "default": {
             "key": "{action.selected.background.color.default}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the background of a selected action in the default state.",
             "$extensions": {
@@ -30567,7 +30727,7 @@
           },
           "active": {
             "key": "{action.selected.background.color.active}",
-            "$value": "#050506",
+            "$value": "#050408",
             "$type": "color",
             "$description": "Used for the background of a selected action in the active state.",
             "$extensions": {
@@ -30602,7 +30762,7 @@
           },
           "disabled": {
             "key": "{action.selected.background.color.disabled}",
-            "$value": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the background of a disabled action that stays selected. Sits between the disabled background and the enabled selected background so the selected state keeps 3:1 contrast against the page while still reading as disabled.",
             "$extensions": {
@@ -30641,7 +30801,7 @@
         "color": {
           "default": {
             "key": "{action.selected.border.color.default}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the border of a selected action in the default state.",
             "$extensions": {
@@ -30740,7 +30900,7 @@
           },
           "active": {
             "key": "{action.selected.border.color.active}",
-            "$value": "#050506",
+            "$value": "#050408",
             "$type": "color",
             "$description": "Used for the border of a selected action in the active state.",
             "$extensions": {
@@ -31205,7 +31365,7 @@
         "color": {
           "default": {
             "key": "{action.confirm.foreground.color.default}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for the foreground of a confirm (positive) action in the default state.",
             "$extensions": {
@@ -31310,7 +31470,7 @@
           },
           "active": {
             "key": "{action.confirm.foreground.color.active}",
-            "$value": "#050506",
+            "$value": "#050408",
             "$type": "color",
             "$description": "Used for the foreground of a confirm (positive) action in the active state.",
             "$extensions": {
@@ -31631,7 +31791,7 @@
         "color": {
           "default": {
             "key": "{action.danger.foreground.color.default}",
-            "$value": "#dd2b0e",
+            "$value": "#c02f12",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the default state.",
             "$extensions": {
@@ -31643,7 +31803,7 @@
             "filePath": "src/tokens/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "{color.red.500}",
+              "$value": "{color.red.600}",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) action in the default state.",
               "$extensions": {
@@ -31666,7 +31826,7 @@
           },
           "hover": {
             "key": "{action.danger.foreground.color.hover}",
-            "$value": "#a32c12",
+            "$value": "#812713",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the hover state.",
             "$extensions": {
@@ -31678,7 +31838,7 @@
             "filePath": "src/tokens/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "{color.red.700}",
+              "$value": "{color.red.800}",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) action in the hover state.",
               "$extensions": {
@@ -31701,7 +31861,7 @@
           },
           "focus": {
             "key": "{action.danger.foreground.color.focus}",
-            "$value": "#a32c12",
+            "$value": "#812713",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the focus state.",
             "$extensions": {
@@ -31736,7 +31896,7 @@
           },
           "active": {
             "key": "{action.danger.foreground.color.active}",
-            "$value": "#582014",
+            "$value": "#3e1a14",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the active state.",
             "$extensions": {
@@ -31748,7 +31908,7 @@
             "filePath": "src/tokens/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "{color.red.900}",
+              "$value": "{color.red.950}",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) action in the active state.",
               "$extensions": {
@@ -32496,7 +32656,7 @@
           "color": {
             "default": {
               "key": "{action.strong.neutral.background.color.default}",
-              "$value": "#626168",
+              "$value": "#646163",
               "$type": "color",
               "$description": "Used for the background of a strong neutral action in the default state.",
               "$extensions": {
@@ -32532,7 +32692,7 @@
             },
             "hover": {
               "key": "{action.strong.neutral.background.color.hover}",
-              "$value": "#4c4b51",
+              "$value": "#4d4b4e",
               "$type": "color",
               "$description": "Used for the background of a strong neutral action in the hover state.",
               "$extensions": {
@@ -32568,7 +32728,7 @@
             },
             "focus": {
               "key": "{action.strong.neutral.background.color.focus}",
-              "$value": "#4c4b51",
+              "$value": "#4d4b4e",
               "$type": "color",
               "$description": "Used for the background of a strong neutral action in the focus state.",
               "$extensions": {
@@ -32604,7 +32764,7 @@
             },
             "active": {
               "key": "{action.strong.neutral.background.color.active}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$type": "color",
               "$description": "Used for the background of a strong neutral action in the active state.",
               "$extensions": {
@@ -32968,7 +33128,7 @@
       },
       "subtle": {
         "key": "{background.color.subtle}",
-        "$value": "#fbfafd",
+        "$value": "#f7f7f5",
         "$type": "color",
         "$description": "Used to slightly differentiate the background from the default.",
         "$extensions": {
@@ -33001,7 +33161,7 @@
       },
       "strong": {
         "key": "{background.color.strong}",
-        "$value": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$description": "Used to make the background easily stand out from the default.",
         "$extensions": {
@@ -33034,7 +33194,7 @@
       },
       "disabled": {
         "key": "{background.color.disabled}",
-        "$value": "#fbfafd",
+        "$value": "#f7f7f5",
         "$type": "color",
         "$description": "Used to identify a disabled section.",
         "$extensions": {
@@ -33205,7 +33365,7 @@
         },
         "disabled": {
           "key": "{control.background.color.disabled}",
-          "$value": "#fbfafd",
+          "$value": "#f7f7f5",
           "$type": "color",
           "$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
           "$extensions": {
@@ -33239,7 +33399,7 @@
         },
         "concatenation": {
           "key": "{control.background.color.concatenation}",
-          "$value": "#fbfafd",
+          "$value": "#f7f7f5",
           "$type": "color",
           "$description": "Used for the background of static content that prepends or appends a text input.",
           "$extensions": {
@@ -33308,7 +33468,7 @@
         "selected": {
           "default": {
             "key": "{control.background.color.selected.default}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background.",
             "$extensions": {
@@ -33418,7 +33578,7 @@
       "color": {
         "default": {
           "key": "{control.border.color.default}",
-          "$value": "#89888d",
+          "$value": "#8a8888",
           "$type": "color",
           "$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
           "$extensions": {
@@ -33450,7 +33610,7 @@
         },
         "hover": {
           "key": "{control.border.color.hover}",
-          "$value": "#626168",
+          "$value": "#646163",
           "$type": "color",
           "$description": "Used for form control (input, radio button, checkbox, textarea) border on hover.",
           "$extensions": {
@@ -33514,7 +33674,7 @@
         },
         "disabled": {
           "key": "{control.border.color.disabled}",
-          "$value": "#dcdcde",
+          "$value": "#dcdbd9",
           "$type": "color",
           "$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
           "$extensions": {
@@ -33579,7 +33739,7 @@
         "selected": {
           "default": {
             "key": "{control.border.color.selected.default}",
-            "$value": "#3a383f",
+            "$value": "#3a383d",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
             "$extensions": {
@@ -33781,7 +33941,7 @@
     "placeholder": {
       "color": {
         "key": "{control.placeholder.color}",
-        "$value": "#737278",
+        "$value": "#747273",
         "$type": "color",
         "$description": "Used for placeholder text within inputs.",
         "$extensions": {
@@ -33849,7 +34009,7 @@
         },
         "disabled": {
           "key": "{control.indicator.color.disabled}",
-          "$value": "#737278",
+          "$value": "#747273",
           "$type": "color",
           "$description": "Used for disabled checkbox and radio button state indicators.",
           "$extensions": {
@@ -33922,7 +34082,7 @@
       "background": {
         "color": {
           "key": "{feedback.strong.background.color}",
-          "$value": "#3a383f",
+          "$value": "#3a383d",
           "$type": "color",
           "$description": "Used for a background associated with strong feedback like a tooltip or toast message.",
           "$extensions": {
@@ -33958,7 +34118,7 @@
       "border": {
         "color": {
           "key": "{feedback.strong.border.color}",
-          "$value": "#050506",
+          "$value": "#050408",
           "$type": "color",
           "$description": "Used for the border associated with strong feedback.",
           "$extensions": {
@@ -34098,7 +34258,7 @@
       "background": {
         "color": {
           "key": "{feedback.neutral.background.color}",
-          "$value": "#ececef",
+          "$value": "#ecebea",
           "$type": "color",
           "$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.",
           "$extensions": {
@@ -34134,7 +34294,7 @@
       "border": {
         "color": {
           "key": "{feedback.neutral.border.color}",
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$type": "color",
           "$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
           "$extensions": {
@@ -34168,7 +34328,7 @@
       "text": {
         "color": {
           "key": "{feedback.neutral.text.color}",
-          "$value": "#4c4b51",
+          "$value": "#4d4b4e",
           "$type": "color",
           "$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.",
           "$extensions": {
@@ -34202,7 +34362,7 @@
       "icon": {
         "color": {
           "key": "{feedback.neutral.icon.color}",
-          "$value": "#626168",
+          "$value": "#646163",
           "$type": "color",
           "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
           "$extensions": {
@@ -35165,7 +35325,7 @@
     "color": {
       "default": {
         "key": "{icon.color.default}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used for the default icon color. Can be paired with default text.",
         "$extensions": {
@@ -35198,7 +35358,7 @@
       },
       "subtle": {
         "key": "{icon.color.subtle}",
-        "$value": "#626168",
+        "$value": "#646163",
         "$type": "color",
         "$description": "Used for a static or decorational icon. Can be paired with subtle text.",
         "$extensions": {
@@ -35264,7 +35424,7 @@
       },
       "disabled": {
         "key": "{icon.color.disabled}",
-        "$value": "#89888d",
+        "$value": "#8a8888",
         "$type": "color",
         "$description": "Used for an icon within a disabled section.",
         "$extensions": {
@@ -35497,7 +35657,7 @@
       "background": {
         "color": {
           "key": "{status.neutral.background.color}",
-          "$value": "#dcdcde",
+          "$value": "#dcdbd9",
           "$type": "color",
           "$description": "Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
           "$extensions": {
@@ -35533,7 +35693,7 @@
       "text": {
         "color": {
           "key": "{status.neutral.text.color}",
-          "$value": "#4c4b51",
+          "$value": "#4d4b4e",
           "$type": "color",
           "$description": "Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
           "$extensions": {
@@ -35567,7 +35727,7 @@
       "icon": {
         "color": {
           "key": "{status.neutral.icon.color}",
-          "$value": "#737278",
+          "$value": "#747273",
           "$type": "color",
           "$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
           "$extensions": {
@@ -36145,7 +36305,7 @@
   "text": {
     "primary": {
       "key": "{text.primary}",
-      "$value": "#3a383f",
+      "$value": "#3a383d",
       "$type": "color",
       "$description": "Use text.color.default instead.",
       "$extensions": {
@@ -36177,7 +36337,7 @@
     },
     "secondary": {
       "key": "{text.secondary}",
-      "$value": "#626168",
+      "$value": "#646163",
       "$type": "color",
       "$description": "Use text.color.subtle instead.",
       "$extensions": {
@@ -36209,7 +36369,7 @@
     },
     "tertiary": {
       "key": "{text.tertiary}",
-      "$value": "#89888d",
+      "$value": "#8a8888",
       "$type": "color",
       "$description": "Use text.color.disabled instead.",
       "$extensions": {
@@ -36242,7 +36402,7 @@
     "color": {
       "default": {
         "key": "{text.color.default}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used for the default text color.",
         "$extensions": {
@@ -36273,7 +36433,7 @@
       },
       "subtle": {
         "key": "{text.color.subtle}",
-        "$value": "#626168",
+        "$value": "#646163",
         "$type": "color",
         "$description": "Used for supplemental text that doesn't need to be as prominent as other text.",
         "$extensions": {
@@ -36490,7 +36650,7 @@
       },
       "disabled": {
         "key": "{text.color.disabled}",
-        "$value": "#89888d",
+        "$value": "#8a8888",
         "$type": "color",
         "$description": "Used for disabled text.",
         "$extensions": {