@gitlab/ui 137.1.1 → 137.2.0

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

@@ -34,7 +34,7 @@
       },
       "default": {
         "key": "{border.color.default}",
-        "$value": "#4c4b51",
+        "$value": "#4d4b4e",
         "$type": "color",
         "$description": "Used for the default border color.",
         "$extensions": {
@@ -65,7 +65,7 @@
       },
       "subtle": {
         "key": "{border.color.subtle}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$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": "#626168",
+        "$value": "#646163",
         "$type": "color",
         "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
         "$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": []
@@ -8184,7 +8184,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{background.color.subtle}",
+            "$value": "{feedback.neutral.background.color}",
             "$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": "#646163",
+          "$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": "#89888d",
+            "$value": "#8a8888",
             "$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.neutral.400}",
               "$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"
@@ -8282,7 +8314,7 @@
       "title": {
         "color": {
           "key": "{alert.info.title.color}",
-          "$value": "#63a6e9",
+          "$value": "#9dc7f1",
           "$type": "color",
           "$description": "Used for the title color of an info alert.",
           "$extensions": {
@@ -8293,7 +8325,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.blue.300}",
+            "$value": "{color.blue.200}",
             "$type": "color",
             "$description": "Used for the title color of an info alert.",
             "$extensions": {
@@ -8316,7 +8348,7 @@
       "background": {
         "color": {
           "key": "{alert.info.background.color}",
-          "$value": "#28272d",
+          "$value": "#1d283e",
           "$type": "color",
           "$description": "Used for the background color of an info alert.",
           "$extensions": {
@@ -8328,7 +8360,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{background.color.subtle}",
+            "$value": "{feedback.info.background.color}",
             "$type": "color",
             "$description": "Used for the background color of an info alert.",
             "$extensions": {
@@ -8350,6 +8382,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.info.border.color}",
+          "$value": "#2f68b4",
+          "$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}",
@@ -8416,7 +8480,7 @@
       "title": {
         "color": {
           "key": "{alert.success.title.color}",
-          "$value": "#52b87a",
+          "$value": "#91d4a8",
           "$type": "color",
           "$description": "Used for the title color of a success alert.",
           "$extensions": {
@@ -8427,7 +8491,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.green.300}",
+            "$value": "{color.green.200}",
             "$type": "color",
             "$description": "Used for the title color of a success alert.",
             "$extensions": {
@@ -8450,7 +8514,7 @@
       "background": {
         "color": {
           "key": "{alert.success.background.color}",
-          "$value": "#28272d",
+          "$value": "#1e3e28",
           "$type": "color",
           "$description": "Used for the background color of a success alert.",
           "$extensions": {
@@ -8462,7 +8526,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{background.color.subtle}",
+            "$value": "{feedback.success.background.color}",
             "$type": "color",
             "$description": "Used for the background color of a success alert.",
             "$extensions": {
@@ -8484,6 +8548,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.success.border.color}",
+          "$value": "#2f7549",
+          "$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}",
@@ -8560,7 +8656,7 @@
       "title": {
         "color": {
           "key": "{alert.warning.title.color}",
-          "$value": "#d99530",
+          "$value": "#e9be74",
           "$type": "color",
           "$description": "Used for the title color of a warning alert.",
           "$extensions": {
@@ -8571,7 +8667,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.orange.300}",
+            "$value": "{color.orange.200}",
             "$type": "color",
             "$description": "Used for the title color of a warning alert.",
             "$extensions": {
@@ -8594,7 +8690,7 @@
       "background": {
         "color": {
           "key": "{alert.warning.background.color}",
-          "$value": "#28272d",
+          "$value": "#532e16",
           "$type": "color",
           "$description": "Used for the background color of a warning alert.",
           "$extensions": {
@@ -8606,7 +8702,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{background.color.subtle}",
+            "$value": "{feedback.warning.background.color}",
             "$type": "color",
             "$description": "Used for the background color of a warning alert.",
             "$extensions": {
@@ -8628,6 +8724,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.warning.border.color}",
+          "$value": "#995715",
+          "$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}",
@@ -8704,7 +8832,7 @@
       "title": {
         "color": {
           "key": "{alert.danger.title.color}",
-          "$value": "#f6806d",
+          "$value": "#fcb5aa",
           "$type": "color",
           "$description": "Used for the title color of a danger alert.",
           "$extensions": {
@@ -8715,7 +8843,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.red.300}",
+            "$value": "{color.red.200}",
             "$type": "color",
             "$description": "Used for the title color of a danger alert.",
             "$extensions": {
@@ -8738,7 +8866,7 @@
       "background": {
         "color": {
           "key": "{alert.danger.background.color}",
-          "$value": "#28272d",
+          "$value": "#582014",
           "$type": "color",
           "$description": "Used for the background color of a danger alert.",
           "$extensions": {
@@ -8750,7 +8878,7 @@
           "filePath": "src/tokens/contextual/alert.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{background.color.subtle}",
+            "$value": "{feedback.danger.background.color}",
             "$type": "color",
             "$description": "Used for the background color of a danger alert.",
             "$extensions": {
@@ -8772,6 +8900,38 @@
         }
       },
       "border": {
+        "color": {
+          "key": "{alert.danger.border.color}",
+          "$value": "#f6806d",
+          "$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": "#050506",
+        "$value": "#050408",
         "$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": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$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": "#89888d",
+            "$value": "#8a8888",
             "$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": "#89888d",
+            "$value": "#8a8888",
             "$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": "#89888d",
+            "$value": "#8a8888",
             "$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": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$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": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$type": "color",
             "$description": "Used for the border of a muted badge in the hover state.",
             "$extensions": {
@@ -10059,7 +10219,7 @@
         "color": {
           "default": {
             "key": "{badge.neutral.background.color.default}",
-            "$value": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$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": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$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": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$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": {
@@ -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": "#ececef",
+              "$value": "#ecebea",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a default primary button in the active state.",
               "$extensions": {
@@ -15462,7 +15622,7 @@
           "color": {
             "default": {
               "key": "{button.default.tertiary.foreground.color.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a default borderless, tertiary button in the default state.",
               "$extensions": {
@@ -15498,7 +15658,7 @@
             },
             "hover": {
               "key": "{button.default.tertiary.foreground.color.hover}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a default borderless, tertiary button in the hover state.",
               "$extensions": {
@@ -15534,7 +15694,7 @@
             },
             "focus": {
               "key": "{button.default.tertiary.foreground.color.focus}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a default borderless, tertiary button in the focus state.",
               "$extensions": {
@@ -15570,7 +15730,7 @@
             },
             "active": {
               "key": "{button.default.tertiary.foreground.color.active}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a default borderless, tertiary button in the active state.",
               "$extensions": {
@@ -16050,7 +16210,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.primary.background.color.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the background of a confirm (positive) primary button in the default state.",
               "$extensions": {
@@ -16086,7 +16246,7 @@
             },
             "hover": {
               "key": "{button.confirm.primary.background.color.hover}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the background of a confirm (positive) primary button in the hover state.",
               "$extensions": {
@@ -16122,7 +16282,7 @@
             },
             "focus": {
               "key": "{button.confirm.primary.background.color.focus}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the background of a confirm (positive) primary button in the focus state.",
               "$extensions": {
@@ -16158,7 +16318,7 @@
             },
             "active": {
               "key": "{button.confirm.primary.background.color.active}",
-              "$value": "#dcdcde",
+              "$value": "#dcdbd9",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a confirm (positive) button in the default state.",
               "$extensions": {
@@ -16376,7 +16536,7 @@
             },
             "hover": {
               "key": "{button.confirm.secondary.foreground.color.hover}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the foreground of a confirm (positive) button in the hover state.",
               "$extensions": {
@@ -16412,7 +16572,7 @@
             },
             "focus": {
               "key": "{button.confirm.secondary.foreground.color.focus}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the foreground of a confirm (positive) button in the focus state.",
               "$extensions": {
@@ -16778,7 +16938,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.tertiary.foreground.color.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.",
               "$extensions": {
@@ -16814,7 +16974,7 @@
             },
             "hover": {
               "key": "{button.confirm.tertiary.foreground.color.hover}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.",
               "$extensions": {
@@ -16850,7 +17010,7 @@
             },
             "focus": {
               "key": "{button.confirm.tertiary.foreground.color.focus}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the focus 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": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$type": "color",
             "$description": "Used for the border of a dashed button in the active state.",
             "$extensions": {
@@ -19003,7 +19163,7 @@
         "color": {
           "default": {
             "key": "{button.selected.background.color.default}",
-            "$value": "#a4a3a8",
+            "$value": "#a5a3a3",
             "$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": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$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": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$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": "#89888d",
+            "$value": "#8a8888",
             "$type": "color",
             "$description": "Used for the background of a selected button in the active state.",
             "$extensions": {
@@ -19284,7 +19444,7 @@
       "foreground": {
         "color": {
           "key": "{button.disabled.foreground.color}",
-          "$value": "#89888d",
+          "$value": "#8a8888",
           "$type": "color",
           "$description": "Used for the foreground of a disabled button.",
           "$extensions": {
@@ -19467,7 +19627,7 @@
       "pointer": {
         "color": {
           "key": "{chart.axis.pointer.color}",
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$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": "#4c4b51",
+          "$value": "#4d4b4e",
           "$type": "color",
           "$description": "Used in charts for axis line color.",
           "$extensions": {
@@ -19535,7 +19695,7 @@
       "text": {
         "color": {
           "key": "{chart.axis.text.color}",
-          "$value": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$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": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$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": "#4c4b51",
+        "$value": "#4d4b4e",
         "$type": "color",
         "$description": "Used for the border of a dropdown.",
         "$extensions": {
@@ -19926,7 +20086,7 @@
     "divider": {
       "color": {
         "key": "{dropdown.divider.color}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used for the divider of a dropdown.",
         "$extensions": {
@@ -19963,7 +20123,7 @@
         "color": {
           "default": {
             "key": "{dropdown.option.text.color.default}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the text of a dropdown option in the default state.",
             "$extensions": {
@@ -19996,7 +20156,7 @@
           },
           "hover": {
             "key": "{dropdown.option.text.color.hover}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the text of a dropdown option in the hover state.",
             "$extensions": {
@@ -20029,7 +20189,7 @@
           },
           "focus": {
             "key": "{dropdown.option.text.color.focus}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the text of a dropdown option in the focus state.",
             "$extensions": {
@@ -20062,7 +20222,7 @@
           },
           "active": {
             "key": "{dropdown.option.text.color.active}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the text of a dropdown option in the active state.",
             "$extensions": {
@@ -20095,7 +20255,7 @@
           },
           "disabled": {
             "key": "{dropdown.option.text.color.disabled}",
-            "$value": "#737278",
+            "$value": "#747273",
             "$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": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the dropdown selected option indicator in the default state.",
               "$extensions": {
@@ -20169,7 +20329,7 @@
             },
             "hover": {
               "key": "{dropdown.option.indicator.color.selected.hover}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the dropdown selected option indicator in the hover state.",
               "$extensions": {
@@ -20205,7 +20365,7 @@
             },
             "focus": {
               "key": "{dropdown.option.indicator.color.selected.focus}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the dropdown selected option indicator in the focus state.",
               "$extensions": {
@@ -20241,7 +20401,7 @@
             },
             "active": {
               "key": "{dropdown.option.indicator.color.selected.active}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the dropdown selected option indicator in the active state.",
               "$extensions": {
@@ -20429,7 +20589,7 @@
           "selected": {
             "default": {
               "key": "{dropdown.option.background.color.selected.default}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$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": "#4c4b51",
+              "$value": "#4d4b4e",
               "$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": "#4c4b51",
+              "$value": "#4d4b4e",
               "$type": "color",
               "$description": "Used for the background of a selected dropdown option in the focus state.",
               "$extensions": {
@@ -20657,7 +20817,7 @@
             },
             "hover": {
               "key": "{filtered-search.token.type.background.color.hover}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$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": "#3a383f",
+              "$value": "#3a383d",
               "$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": "#4c4b51",
+              "$value": "#4d4b4e",
               "$type": "color",
               "$description": "Used for the filtered search data token background color in the hover state.",
               "$extensions": {
@@ -20813,7 +20973,7 @@
             },
             "hover": {
               "key": "{filtered-search.token.operator.background.color.hover}",
-              "$value": "#3a383f",
+              "$value": "#3a383d",
               "$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": "#bfbfc3",
+            "$value": "#c1bfbe",
             "$type": "color",
             "$description": "Used for the foreground of a default navigation item in the default state.",
             "$extensions": {
@@ -23515,7 +23675,7 @@
     "track": {
       "color": {
         "key": "{progress-bar.track.color}",
-        "$value": "#4c4b51",
+        "$value": "#4d4b4e",
         "$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": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used for the skeleton loader background color.",
         "$extensions": {
@@ -23585,7 +23745,7 @@
     "shimmer": {
       "color": {
         "key": "{skeleton-loader.shimmer.color}",
-        "$value": "#4c4b51",
+        "$value": "#4d4b4e",
         "$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": "#626168",
+          "$value": "#646163",
           "$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": "#dcdcde",
+          "$value": "#dcdbd9",
           "$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": {
@@ -24067,7 +24227,7 @@
           "checked": {
             "default": {
               "key": "{toggle.switch.track.color.checked.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the track color of a checked toggle switch in the default state.",
               "$extensions": {
@@ -24103,7 +24263,7 @@
             },
             "hover": {
               "key": "{toggle.switch.track.color.checked.hover}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the track color of a checked toggle switch in the hover state.",
               "$extensions": {
@@ -24139,7 +24299,7 @@
             },
             "focus": {
               "key": "{toggle.switch.track.color.checked.focus}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the track color of a checked toggle switch in the focus state.",
               "$extensions": {
@@ -24211,7 +24371,7 @@
             },
             "disabled": {
               "key": "{toggle.switch.track.color.checked.disabled}",
-              "$value": "#737278",
+              "$value": "#747273",
               "$type": "color",
               "$description": "Used for the track color of a disabled checked toggle switch, which stays filled so the checked state remains legible.",
               "$extensions": {
@@ -24287,7 +24447,7 @@
             "unchecked": {
               "default": {
                 "key": "{toggle.switch.track.border.color.unchecked.default}",
-                "$value": "#737278",
+                "$value": "#747273",
                 "$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": "#a4a3a8",
+                "$value": "#a5a3a3",
                 "$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": "#a4a3a8",
+                "$value": "#a5a3a3",
                 "$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": "#a4a3a8",
+                "$value": "#a5a3a3",
                 "$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": "#3a383f",
+                "$value": "#3a383d",
                 "$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": "#ececef",
+                "$value": "#ecebea",
                 "$type": "color",
                 "$description": "Used for the track border color of a checked toggle switch in the default state.",
                 "$extensions": {
@@ -24499,7 +24659,7 @@
               },
               "hover": {
                 "key": "{toggle.switch.track.border.color.checked.hover}",
-                "$value": "#fbfafd",
+                "$value": "#f7f7f5",
                 "$type": "color",
                 "$description": "Used for the track border color of a checked toggle switch in the hover state.",
                 "$extensions": {
@@ -24534,7 +24694,7 @@
               },
               "focus": {
                 "key": "{toggle.switch.track.border.color.checked.focus}",
-                "$value": "#fbfafd",
+                "$value": "#f7f7f5",
                 "$type": "color",
                 "$description": "Used for the track border color of a checked toggle switch in the focus state.",
                 "$extensions": {
@@ -24604,7 +24764,7 @@
               },
               "disabled": {
                 "key": "{toggle.switch.track.border.color.checked.disabled}",
-                "$value": "#737278",
+                "$value": "#747273",
                 "$type": "color",
                 "$description": "Used for the track border color of a disabled checked toggle switch, which matches the track color.",
                 "$extensions": {
@@ -24680,7 +24840,7 @@
           "unchecked": {
             "default": {
               "key": "{toggle.switch.background.color.unchecked.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$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": "#ececef",
+              "$value": "#ecebea",
               "$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": "#737278",
+              "$value": "#747273",
               "$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": "#737278",
+            "$value": "#747273",
             "$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": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the default state.",
               "$extensions": {
@@ -25257,7 +25417,7 @@
             },
             "hover": {
               "key": "{toggle.switch.icon.color.checked.hover}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the hover state.",
               "$extensions": {
@@ -25291,7 +25451,7 @@
             },
             "focus": {
               "key": "{toggle.switch.icon.color.checked.focus}",
-              "$value": "#fbfafd",
+              "$value": "#f7f7f5",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the focus state.",
               "$extensions": {
@@ -25402,7 +25562,7 @@
           "color": {
             "focus": {
               "key": "{token-selector.token-container.token.background.color.focus}",
-              "$value": "#626168",
+              "$value": "#646163",
               "$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": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$description": "Used for the token foreground color.",
         "$extensions": {
@@ -25513,7 +25673,7 @@
     "background": {
       "color": {
         "key": "{token.background.color}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$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": {
@@ -27754,7 +27914,7 @@
     },
     "100": {
       "key": "{gray.100}",
-      "$value": "#3a383f",
+      "$value": "#3a383d",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27784,7 +27944,7 @@
     },
     "200": {
       "key": "{gray.200}",
-      "$value": "#4c4b51",
+      "$value": "#4d4b4e",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27814,7 +27974,7 @@
     },
     "300": {
       "key": "{gray.300}",
-      "$value": "#626168",
+      "$value": "#646163",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27844,7 +28004,7 @@
     },
     "400": {
       "key": "{gray.400}",
-      "$value": "#737278",
+      "$value": "#747273",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27874,7 +28034,7 @@
     },
     "500": {
       "key": "{gray.500}",
-      "$value": "#89888d",
+      "$value": "#8a8888",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27904,7 +28064,7 @@
     },
     "600": {
       "key": "{gray.600}",
-      "$value": "#a4a3a8",
+      "$value": "#a5a3a3",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27934,7 +28094,7 @@
     },
     "700": {
       "key": "{gray.700}",
-      "$value": "#bfbfc3",
+      "$value": "#c1bfbe",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27964,7 +28124,7 @@
     },
     "800": {
       "key": "{gray.800}",
-      "$value": "#dcdcde",
+      "$value": "#dcdbd9",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27994,7 +28154,7 @@
     },
     "900": {
       "key": "{gray.900}",
-      "$value": "#ececef",
+      "$value": "#ecebea",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28024,7 +28184,7 @@
     },
     "950": {
       "key": "{gray.950}",
-      "$value": "#fbfafd",
+      "$value": "#f7f7f5",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -30209,7 +30369,7 @@
       "foreground": {
         "color": {
           "key": "{action.disabled.foreground.color}",
-          "$value": "#737278",
+          "$value": "#747273",
           "$type": "color",
           "$description": "Used for the foreground of a disabled action.",
           "$extensions": {
@@ -30281,7 +30441,7 @@
       "border": {
         "color": {
           "key": "{action.disabled.border.color}",
-          "$value": "#3a383f",
+          "$value": "#3a383d",
           "$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": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the background of a selected action in the default state.",
             "$extensions": {
@@ -30497,7 +30657,7 @@
           },
           "hover": {
             "key": "{action.selected.background.color.hover}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for the background of a selected action in the hover state.",
             "$extensions": {
@@ -30532,7 +30692,7 @@
           },
           "focus": {
             "key": "{action.selected.background.color.focus}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for the background of a selected action in the focus state.",
             "$extensions": {
@@ -30602,7 +30762,7 @@
           },
           "disabled": {
             "key": "{action.selected.background.color.disabled}",
-            "$value": "#737278",
+            "$value": "#747273",
             "$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": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the border of a selected action in the default state.",
             "$extensions": {
@@ -30674,7 +30834,7 @@
           },
           "hover": {
             "key": "{action.selected.border.color.hover}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for the border of a selected action in the hover state.",
             "$extensions": {
@@ -30707,7 +30867,7 @@
           },
           "focus": {
             "key": "{action.selected.border.color.focus}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for the border of a selected action in the focus state.",
             "$extensions": {
@@ -30779,7 +30939,7 @@
         "color": {
           "default": {
             "key": "{action.neutral.foreground.color.default}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the foreground of a neutral action in the default state.",
             "$extensions": {
@@ -30814,7 +30974,7 @@
           },
           "hover": {
             "key": "{action.neutral.foreground.color.hover}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the foreground of a neutral action in the hover state.",
             "$extensions": {
@@ -30849,7 +31009,7 @@
           },
           "focus": {
             "key": "{action.neutral.foreground.color.focus}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the foreground of a neutral action in the focus state.",
             "$extensions": {
@@ -30884,7 +31044,7 @@
           },
           "active": {
             "key": "{action.neutral.foreground.color.active}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the foreground of a neutral action in the active state.",
             "$extensions": {
@@ -31205,7 +31365,7 @@
         "color": {
           "default": {
             "key": "{action.confirm.foreground.color.default}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for the foreground of a confirm (positive) action in the default state.",
             "$extensions": {
@@ -31240,7 +31400,7 @@
           },
           "hover": {
             "key": "{action.confirm.foreground.color.hover}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for the foreground of a confirm (positive) action in the hover state.",
             "$extensions": {
@@ -31275,7 +31435,7 @@
           },
           "focus": {
             "key": "{action.confirm.foreground.color.focus}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for the foreground of a confirm (positive) action in the focus state.",
             "$extensions": {
@@ -32496,7 +32656,7 @@
           "color": {
             "default": {
               "key": "{action.strong.neutral.background.color.default}",
-              "$value": "#4c4b51",
+              "$value": "#4d4b4e",
               "$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": "#626168",
+              "$value": "#646163",
               "$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": "#626168",
+              "$value": "#646163",
               "$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": "#737278",
+              "$value": "#747273",
               "$type": "color",
               "$description": "Used for the background of a strong neutral action in the active state.",
               "$extensions": {
@@ -32644,7 +32804,7 @@
           "color": {
             "default": {
               "key": "{action.strong.neutral.foreground.color.default}",
-              "$value": "#ececef",
+              "$value": "#ecebea",
               "$type": "color",
               "$description": "Used for the foreground of a strong neutral action in the default state.",
               "$extensions": {
@@ -33001,7 +33161,7 @@
       },
       "strong": {
         "key": "{background.color.strong}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used to make the background easily stand out from the default.",
         "$extensions": {
@@ -33100,7 +33260,7 @@
       },
       "section": {
         "key": "{background.color.section}",
-        "$value": "#3a383f",
+        "$value": "#3a383d",
         "$type": "color",
         "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
         "$extensions": {
@@ -33308,7 +33468,7 @@
         "selected": {
           "default": {
             "key": "{control.background.color.selected.default}",
-            "$value": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background.",
             "$extensions": {
@@ -33343,7 +33503,7 @@
           },
           "hover": {
             "key": "{control.background.color.selected.hover}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
             "$extensions": {
@@ -33378,7 +33538,7 @@
           },
           "focus": {
             "key": "{control.background.color.selected.focus}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on focus.",
             "$extensions": {
@@ -33418,7 +33578,7 @@
       "color": {
         "default": {
           "key": "{control.border.color.default}",
-          "$value": "#737278",
+          "$value": "#747273",
           "$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": "#a4a3a8",
+          "$value": "#a5a3a3",
           "$type": "color",
           "$description": "Used for form control (input, radio button, checkbox, textarea) border on hover.",
           "$extensions": {
@@ -33482,7 +33642,7 @@
         },
         "focus": {
           "key": "{control.border.color.focus}",
-          "$value": "#ececef",
+          "$value": "#ecebea",
           "$type": "color",
           "$description": "Used for form control (input, radio button, checkbox, textarea) border on focus.",
           "$extensions": {
@@ -33514,7 +33674,7 @@
         },
         "disabled": {
           "key": "{control.border.color.disabled}",
-          "$value": "#3a383f",
+          "$value": "#3a383d",
           "$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": "#ececef",
+            "$value": "#ecebea",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
             "$extensions": {
@@ -33612,7 +33772,7 @@
           },
           "hover": {
             "key": "{control.border.color.selected.hover}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.",
             "$extensions": {
@@ -33645,7 +33805,7 @@
           },
           "focus": {
             "key": "{control.border.color.selected.focus}",
-            "$value": "#fbfafd",
+            "$value": "#f7f7f5",
             "$type": "color",
             "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.",
             "$extensions": {
@@ -33781,7 +33941,7 @@
     "placeholder": {
       "color": {
         "key": "{control.placeholder.color}",
-        "$value": "#89888d",
+        "$value": "#8a8888",
         "$type": "color",
         "$description": "Used for placeholder text within inputs.",
         "$extensions": {
@@ -33849,7 +34009,7 @@
         },
         "disabled": {
           "key": "{control.indicator.color.disabled}",
-          "$value": "#89888d",
+          "$value": "#8a8888",
           "$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": "#a4a3a8",
+          "$value": "#a5a3a3",
           "$type": "color",
           "$description": "Used for the border associated with strong feedback.",
           "$extensions": {
@@ -34134,7 +34294,7 @@
       "border": {
         "color": {
           "key": "{feedback.neutral.border.color}",
-          "$value": "#626168",
+          "$value": "#646163",
           "$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": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$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": "#a4a3a8",
+          "$value": "#c1bfbe",
           "$type": "color",
           "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
           "$extensions": {
@@ -34214,7 +34374,7 @@
           "filePath": "src/tokens/semantic/feedback.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.neutral.300}",
+            "$value": "{color.neutral.200}",
             "$type": "color",
             "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
             "$extensions": {
@@ -34344,7 +34504,7 @@
       "icon": {
         "color": {
           "key": "{feedback.info.icon.color}",
-          "$value": "#63a6e9",
+          "$value": "#9dc7f1",
           "$type": "color",
           "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34356,7 +34516,7 @@
           "filePath": "src/tokens/semantic/feedback.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.blue.300}",
+            "$value": "{color.blue.200}",
             "$type": "color",
             "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
             "$extensions": {
@@ -34486,7 +34646,7 @@
       "icon": {
         "color": {
           "key": "{feedback.success.icon.color}",
-          "$value": "#52b87a",
+          "$value": "#91d4a8",
           "$type": "color",
           "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34498,7 +34658,7 @@
           "filePath": "src/tokens/semantic/feedback.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.green.300}",
+            "$value": "{color.green.200}",
             "$type": "color",
             "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
             "$extensions": {
@@ -34628,7 +34788,7 @@
       "icon": {
         "color": {
           "key": "{feedback.warning.icon.color}",
-          "$value": "#d99530",
+          "$value": "#e9be74",
           "$type": "color",
           "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34640,7 +34800,7 @@
           "filePath": "src/tokens/semantic/feedback.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.orange.300}",
+            "$value": "{color.orange.200}",
             "$type": "color",
             "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
             "$extensions": {
@@ -34770,7 +34930,7 @@
       "icon": {
         "color": {
           "key": "{feedback.danger.icon.color}",
-          "$value": "#f6806d",
+          "$value": "#fcb5aa",
           "$type": "color",
           "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34782,7 +34942,7 @@
           "filePath": "src/tokens/semantic/feedback.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.red.300}",
+            "$value": "{color.red.200}",
             "$type": "color",
             "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
             "$extensions": {
@@ -34912,7 +35072,7 @@
       "icon": {
         "color": {
           "key": "{feedback.brand.icon.color}",
-          "$value": "#ac93e6",
+          "$value": "#cbbbf2",
           "$type": "color",
           "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -34924,7 +35084,7 @@
           "filePath": "src/tokens/semantic/feedback.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "{color.purple.300}",
+            "$value": "{color.purple.200}",
             "$type": "color",
             "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
             "$extensions": {
@@ -35165,7 +35325,7 @@
     "color": {
       "default": {
         "key": "{icon.color.default}",
-        "$value": "#ececef",
+        "$value": "#ecebea",
         "$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": "#bfbfc3",
+        "$value": "#c1bfbe",
         "$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": "#3a383f",
+          "$value": "#3a383d",
           "$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": "#bfbfc3",
+          "$value": "#c1bfbe",
           "$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": "#a4a3a8",
+          "$value": "#a5a3a3",
           "$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": "#ececef",
+      "$value": "#ecebea",
       "$type": "color",
       "$description": "Use text.color.default instead.",
       "$extensions": {
@@ -36177,7 +36337,7 @@
     },
     "secondary": {
       "key": "{text.secondary}",
-      "$value": "#bfbfc3",
+      "$value": "#c1bfbe",
       "$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": "#ececef",
+        "$value": "#ecebea",
         "$type": "color",
         "$description": "Used for the default text color.",
         "$extensions": {
@@ -36273,7 +36433,7 @@
       },
       "subtle": {
         "key": "{text.color.subtle}",
-        "$value": "#bfbfc3",
+        "$value": "#c1bfbe",
         "$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": {