@gitlab/ui 86.9.0 → 86.10.0

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

@@ -3,7 +3,7 @@
     "background": {
       "color": {
         "disabled": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for the background of a disabled action.",
           "filePath": "src/tokens/action.tokens.json",
@@ -30,7 +30,7 @@
     "border": {
       "color": {
         "disabled": {
-          "value": "#434248",
+          "value": "#3a383f",
           "$type": "color",
           "comment": "Used for the border of a disabled action.",
           "filePath": "src/tokens/action.tokens.json",
@@ -112,7 +112,7 @@
       "background": {
         "color": {
           "default": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of an outlined neutral action in the default state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -136,7 +136,7 @@
             ]
           },
           "hover": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of an outlined neutral action in the hover state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -160,7 +160,7 @@
             ]
           },
           "focus": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of an outlined neutral action in the focus state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -184,7 +184,7 @@
             ]
           },
           "active": {
-            "value": "#434248",
+            "value": "#3a383f",
             "$type": "color",
             "comment": "Used for the background of an outlined neutral action in the active state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -231,7 +231,7 @@
               ]
             },
             "hover": {
-              "value": "#333238",
+              "value": "#28272d",
               "$type": "color",
               "comment": "Used for the background of a borderless, subtle neutral action in the hover state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -256,7 +256,7 @@
               ]
             },
             "focus": {
-              "value": "#333238",
+              "value": "#28272d",
               "$type": "color",
               "comment": "Used for the background of a borderless, subtle neutral action in the focus state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -281,7 +281,7 @@
               ]
             },
             "active": {
-              "value": "#434248",
+              "value": "#3a383f",
               "$type": "color",
               "comment": "Used for the background of a borderless, subtle neutral action in the active state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -413,7 +413,7 @@
       "border": {
         "color": {
           "default": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the border of an outlined neutral action in the default state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -509,7 +509,7 @@
             ]
           },
           "selected": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the border of a outlined neutral action when in a selected or current state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -735,7 +735,7 @@
             ]
           },
           "strong": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text on a solid, strong neutral action background.",
             "filePath": "src/tokens/action.tokens.json",
@@ -859,7 +859,7 @@
             ]
           },
           "strong": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the icon on a solid, strong neutral action background.",
             "filePath": "src/tokens/action.tokens.json",
@@ -889,7 +889,7 @@
       "background": {
         "color": {
           "default": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of an outlined confirm (positive) action in the default state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -1538,7 +1538,7 @@
             ]
           },
           "strong": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text on a solid, strong confirm (positive) action background.",
             "filePath": "src/tokens/action.tokens.json",
@@ -1662,7 +1662,7 @@
             ]
           },
           "strong": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the icon on a solid, strong confirm (positive) action background.",
             "filePath": "src/tokens/action.tokens.json",
@@ -1692,7 +1692,7 @@
       "background": {
         "color": {
           "default": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of an outlined danger (destructive) action in the default state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -2291,7 +2291,7 @@
             ]
           },
           "strong": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text on a solid, strong danger (destructive) action background.",
             "filePath": "src/tokens/action.tokens.json",
@@ -2415,7 +2415,7 @@
             ]
           },
           "strong": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the icon on a solid, strong danger (destructive) action background.",
             "filePath": "src/tokens/action.tokens.json",
@@ -2445,7 +2445,7 @@
   "background": {
     "color": {
       "default": {
-        "value": "#1f1e24",
+        "value": "#18171d",
         "$type": "color",
         "comment": "Used for the default background color.",
         "filePath": "src/tokens/background.tokens.json",
@@ -2467,7 +2467,7 @@
         ]
       },
       "subtle": {
-        "value": "#333238",
+        "value": "#28272d",
         "$type": "color",
         "comment": "Used to slightly differentiate the background from the default.",
         "filePath": "src/tokens/background.tokens.json",
@@ -2489,7 +2489,7 @@
         ]
       },
       "strong": {
-        "value": "#434248",
+        "value": "#3a383f",
         "$type": "color",
         "comment": "Used to make the background easily stand out from the default.",
         "filePath": "src/tokens/background.tokens.json",
@@ -2511,7 +2511,7 @@
         ]
       },
       "disabled": {
-        "value": "#333238",
+        "value": "#28272d",
         "$type": "color",
         "comment": "Used to identify a disabled section.",
         "filePath": "src/tokens/background.tokens.json",
@@ -2559,7 +2559,7 @@
   "border": {
     "color": {
       "default": {
-        "value": "#434248",
+        "value": "#3a383f",
         "$type": "color",
         "comment": "Used for the default border color.",
         "filePath": "src/tokens/border.tokens.json",
@@ -2581,7 +2581,7 @@
         ]
       },
       "subtle": {
-        "value": "#333238",
+        "value": "#28272d",
         "$type": "color",
         "comment": "Used for a subtle border in combination with the default background.",
         "filePath": "src/tokens/border.tokens.json",
@@ -2666,12 +2666,12 @@
       },
       "dark": {
         "2": {
-          "value": "rgba(31, 30, 36, 0.02)",
+          "value": "rgba(05, 05, 06, 0.02)",
           "$type": "color",
           "filePath": "src/tokens/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "value": "rgba(31, 30, 36, 0.02)",
+            "value": "rgba(05, 05, 06, 0.02)",
             "$type": "color"
           },
           "name": "COLOR_ALPHA_DARK_2",
@@ -2684,12 +2684,12 @@
           ]
         },
         "4": {
-          "value": "rgba(31, 30, 36, 0.04)",
+          "value": "rgba(05, 05, 06, 0.04)",
           "$type": "color",
           "filePath": "src/tokens/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "value": "rgba(31, 30, 36, 0.04)",
+            "value": "rgba(05, 05, 06, 0.04)",
             "$type": "color"
           },
           "name": "COLOR_ALPHA_DARK_4",
@@ -2702,12 +2702,12 @@
           ]
         },
         "6": {
-          "value": "rgba(31, 30, 36, 0.06)",
+          "value": "rgba(05, 05, 06, 0.06)",
           "$type": "color",
           "filePath": "src/tokens/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "value": "rgba(31, 30, 36, 0.06)",
+            "value": "rgba(05, 05, 06, 0.06)",
             "$type": "color"
           },
           "name": "COLOR_ALPHA_DARK_6",
@@ -2720,12 +2720,12 @@
           ]
         },
         "8": {
-          "value": "rgba(31, 30, 36, 0.08)",
+          "value": "rgba(05, 05, 06, 0.08)",
           "$type": "color",
           "filePath": "src/tokens/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "value": "rgba(31, 30, 36, 0.08)",
+            "value": "rgba(05, 05, 06, 0.08)",
             "$type": "color"
           },
           "name": "COLOR_ALPHA_DARK_8",
@@ -2738,12 +2738,12 @@
           ]
         },
         "16": {
-          "value": "rgba(31, 30, 36, 0.16)",
+          "value": "rgba(05, 05, 06, 0.16)",
           "$type": "color",
           "filePath": "src/tokens/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "value": "rgba(31, 30, 36, 0.16)",
+            "value": "rgba(05, 05, 06, 0.16)",
             "$type": "color"
           },
           "name": "COLOR_ALPHA_DARK_16",
@@ -2756,12 +2756,12 @@
           ]
         },
         "24": {
-          "value": "rgba(31, 30, 36, 0.24)",
+          "value": "rgba(05, 05, 06, 0.24)",
           "$type": "color",
           "filePath": "src/tokens/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "value": "rgba(31, 30, 36, 0.24)",
+            "value": "rgba(05, 05, 06, 0.24)",
             "$type": "color"
           },
           "name": "COLOR_ALPHA_DARK_24",
@@ -3247,12 +3247,12 @@
         ]
       },
       "700": {
-        "value": "#535158",
+        "value": "#4c4b51",
         "$type": "color",
         "filePath": "src/tokens/color.constant.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#535158",
+          "value": "#4c4b51",
           "$type": "color"
         },
         "name": "COLOR_NEUTRAL_700",
@@ -3264,12 +3264,12 @@
         ]
       },
       "800": {
-        "value": "#434248",
+        "value": "#3a383f",
         "$type": "color",
         "filePath": "src/tokens/color.constant.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#434248",
+          "value": "#3a383f",
           "$type": "color"
         },
         "name": "COLOR_NEUTRAL_800",
@@ -3281,12 +3281,12 @@
         ]
       },
       "900": {
-        "value": "#333238",
+        "value": "#28272d",
         "$type": "color",
         "filePath": "src/tokens/color.constant.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color"
         },
         "name": "COLOR_NEUTRAL_900",
@@ -3298,12 +3298,12 @@
         ]
       },
       "950": {
-        "value": "#1f1e24",
+        "value": "#18171d",
         "$type": "color",
         "filePath": "src/tokens/color.constant.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#1f1e24",
+          "value": "#18171d",
           "$type": "color"
         },
         "name": "COLOR_NEUTRAL_950",
@@ -3315,12 +3315,12 @@
         ]
       },
       "1000": {
-        "value": "#000",
+        "value": "#050506",
         "$type": "color",
         "filePath": "src/tokens/color.constant.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#000",
+          "value": "#050506",
           "$type": "color"
         },
         "name": "COLOR_NEUTRAL_1000",
@@ -8669,7 +8669,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "default": "#000",
+        "default": "#050506",
         "dark": "#fff"
       },
       "$type": "color",
@@ -8683,7 +8683,7 @@
     ]
   },
   "white": {
-    "value": "#333238",
+    "value": "#28272d",
     "$type": "color",
     "themeable": true,
     "prefix": false,
@@ -8692,7 +8692,7 @@
     "original": {
       "value": {
         "default": "#fff",
-        "dark": "#333238"
+        "dark": "#28272d"
       },
       "$type": "color",
       "themeable": true,
@@ -8961,7 +8961,7 @@
   },
   "gray": {
     "10": {
-      "value": "#1f1e24",
+      "value": "#18171d",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -8970,7 +8970,7 @@
       "original": {
         "value": {
           "default": "#fbfafd",
-          "dark": "#1f1e24"
+          "dark": "#18171d"
         },
         "$type": "color",
         "themeable": true,
@@ -8984,7 +8984,7 @@
       ]
     },
     "50": {
-      "value": "#333238",
+      "value": "#28272d",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -8993,7 +8993,7 @@
       "original": {
         "value": {
           "default": "#ececef",
-          "dark": "#333238"
+          "dark": "#28272d"
         },
         "$type": "color",
         "themeable": true,
@@ -9007,7 +9007,7 @@
       ]
     },
     "100": {
-      "value": "#434248",
+      "value": "#3a383f",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -9016,7 +9016,7 @@
       "original": {
         "value": {
           "default": "#dcdcde",
-          "dark": "#434248"
+          "dark": "#3a383f"
         },
         "$type": "color",
         "themeable": true,
@@ -9030,7 +9030,7 @@
       ]
     },
     "200": {
-      "value": "#535158",
+      "value": "#4c4b51",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -9039,7 +9039,7 @@
       "original": {
         "value": {
           "default": "#bfbfc3",
-          "dark": "#535158"
+          "dark": "#4c4b51"
         },
         "$type": "color",
         "themeable": true,
@@ -9153,7 +9153,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#535158",
+          "default": "#4c4b51",
           "dark": "#bfbfc3"
         },
         "$type": "color",
@@ -9176,7 +9176,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#434248",
+          "default": "#3a383f",
           "dark": "#dcdcde"
         },
         "$type": "color",
@@ -9199,7 +9199,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#333238",
+          "default": "#28272d",
           "dark": "#ececef"
         },
         "$type": "color",
@@ -9222,7 +9222,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#1f1e24",
+          "default": "#18171d",
           "dark": "#fbfafd"
         },
         "$type": "color",
@@ -10519,7 +10519,7 @@
   },
   "t-gray-a": {
     "16": {
-      "value": "rgba(31, 30, 36, 0.16)",
+      "value": "rgba(05, 05, 06, 0.16)",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -10527,7 +10527,7 @@
       "filePath": "src/tokens/color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "value": "rgba(31, 30, 36, 0.16)",
+        "value": "rgba(05, 05, 06, 0.16)",
         "$type": "color",
         "themeable": true,
         "prefix": false,
@@ -10541,7 +10541,7 @@
       ]
     },
     "24": {
-      "value": "rgba(31, 30, 36, 0.24)",
+      "value": "rgba(05, 05, 06, 0.24)",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -10549,7 +10549,7 @@
       "filePath": "src/tokens/color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "value": "rgba(31, 30, 36, 0.24)",
+        "value": "rgba(05, 05, 06, 0.24)",
         "$type": "color",
         "themeable": true,
         "prefix": false,
@@ -10563,7 +10563,7 @@
       ]
     },
     "02": {
-      "value": "rgba(31, 30, 36, 0.02)",
+      "value": "rgba(05, 05, 06, 0.02)",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -10571,7 +10571,7 @@
       "filePath": "src/tokens/color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "value": "rgba(31, 30, 36, 0.02)",
+        "value": "rgba(05, 05, 06, 0.02)",
         "$type": "color",
         "themeable": true,
         "prefix": false,
@@ -10585,7 +10585,7 @@
       ]
     },
     "04": {
-      "value": "rgba(31, 30, 36, 0.04)",
+      "value": "rgba(05, 05, 06, 0.04)",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -10593,7 +10593,7 @@
       "filePath": "src/tokens/color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "value": "rgba(31, 30, 36, 0.04)",
+        "value": "rgba(05, 05, 06, 0.04)",
         "$type": "color",
         "themeable": true,
         "prefix": false,
@@ -10607,7 +10607,7 @@
       ]
     },
     "06": {
-      "value": "rgba(31, 30, 36, 0.06)",
+      "value": "rgba(05, 05, 06, 0.06)",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -10615,7 +10615,7 @@
       "filePath": "src/tokens/color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "value": "rgba(31, 30, 36, 0.06)",
+        "value": "rgba(05, 05, 06, 0.06)",
         "$type": "color",
         "themeable": true,
         "prefix": false,
@@ -10629,7 +10629,7 @@
       ]
     },
     "08": {
-      "value": "rgba(31, 30, 36, 0.08)",
+      "value": "rgba(05, 05, 06, 0.08)",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -10637,7 +10637,7 @@
       "filePath": "src/tokens/color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "value": "rgba(31, 30, 36, 0.08)",
+        "value": "rgba(05, 05, 06, 0.08)",
         "$type": "color",
         "themeable": true,
         "prefix": false,
@@ -10811,7 +10811,7 @@
     "border": {
       "color": {
         "default": {
-          "value": "rgba(31, 30, 36, 0.08)",
+          "value": "rgba(05, 05, 06, 0.08)",
           "$type": "color",
           "comment": "Used to define the edge of an avatar.",
           "filePath": "src/tokens/contextual/avatar.tokens.json",
@@ -10831,7 +10831,7 @@
           ]
         },
         "hover": {
-          "value": "rgba(31, 30, 36, 0.24)",
+          "value": "rgba(05, 05, 06, 0.24)",
           "$type": "color",
           "comment": "Used to increase the edge definition of an avatar in the hover state.",
           "filePath": "src/tokens/contextual/avatar.tokens.json",
@@ -10976,7 +10976,7 @@
             ]
           },
           "neutral": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Neutral background for avatar fallback with no particular meaning.",
             "filePath": "src/tokens/contextual/avatar.tokens.json",
@@ -11034,7 +11034,7 @@
     "promo": {
       "background": {
         "color": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used as background for the default banner type.",
           "filePath": "src/tokens/contextual/banner.tokens.json",
@@ -11062,7 +11062,7 @@
   "breadcrumb": {
     "separator": {
       "color": {
-        "value": "#535158",
+        "value": "#4c4b51",
         "$type": "color",
         "comment": "Used for the breadcrumb level separator.",
         "filePath": "src/tokens/contextual/breadcrumb.tokens.json",
@@ -11089,7 +11089,7 @@
     "light": {
       "text": {
         "color": {
-          "value": "#1f1e24",
+          "value": "#18171d",
           "$type": "color",
           "comment": "Used for the label text color on a light background color.",
           "filePath": "src/tokens/contextual/label.tokens.json",
@@ -11135,7 +11135,7 @@
               ]
             },
             "hover": {
-              "value": "#1f1e24",
+              "value": "#18171d",
               "$type": "color",
               "comment": "Used for the label remove button background on a light background color in the hover state.",
               "filePath": "src/tokens/contextual/label.tokens.json",
@@ -11161,7 +11161,7 @@
         "icon": {
           "color": {
             "default": {
-              "value": "#1f1e24",
+              "value": "#18171d",
               "$type": "color",
               "comment": "Used for the label remove button icon on a light background color in the default state.",
               "filePath": "src/tokens/contextual/label.tokens.json",
@@ -11370,7 +11370,7 @@
               ]
             },
             "hover": {
-              "value": "#1f1e24",
+              "value": "#18171d",
               "$type": "color",
               "comment": "Used for the scoped label remove button icon in the hover state.",
               "filePath": "src/tokens/contextual/label.tokens.json",
@@ -11402,7 +11402,7 @@
   "popover": {
     "background": {
       "color": {
-        "value": "#333238",
+        "value": "#28272d",
         "$type": "color",
         "comment": "Used for the background color of popover.",
         "filePath": "src/tokens/contextual/popover.tokens.json",
@@ -11428,7 +11428,7 @@
   "skeleton-loader": {
     "background": {
       "color": {
-        "value": "#434248",
+        "value": "#3a383f",
         "$type": "color",
         "comment": "Used for the skeleton loader background color.",
         "filePath": "src/tokens/contextual/skeleton-loader.tokens.json",
@@ -11452,7 +11452,7 @@
     },
     "shimmer": {
       "color": {
-        "value": "#535158",
+        "value": "#4c4b51",
         "$type": "color",
         "comment": "Used for the animated shimmer effect in a skeleton loader.",
         "filePath": "src/tokens/contextual/skeleton-loader.tokens.json",
@@ -11479,7 +11479,7 @@
     "track": {
       "color": {
         "default": {
-          "value": "#434248",
+          "value": "#3a383f",
           "$type": "color",
           "comment": "Used for the static track (background) of a loading spinner.",
           "filePath": "src/tokens/contextual/spinner.tokens.json",
@@ -11502,7 +11502,7 @@
           ]
         },
         "light": {
-          "value": "#434248",
+          "value": "#3a383f",
           "$type": "color",
           "comment": "Used for the static track (background) of a loading spinner on a dark background.",
           "filePath": "src/tokens/contextual/spinner.tokens.json",
@@ -11576,7 +11576,7 @@
       "background": {
         "color": {
           "hover": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of a table row in hover state.",
             "filePath": "src/tokens/contextual/table.tokens.json",
@@ -11628,7 +11628,7 @@
     "background": {
       "color": {
         "default": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for form control (input, radio button, checkbox, textarea) default background.",
           "filePath": "src/tokens/control.tokens.json",
@@ -11651,7 +11651,7 @@
           ]
         },
         "disabled": {
-          "value": "#1f1e24",
+          "value": "#18171d",
           "$type": "color",
           "comment": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
           "filePath": "src/tokens/control.tokens.json",
@@ -11821,7 +11821,7 @@
           ]
         },
         "disabled": {
-          "value": "#434248",
+          "value": "#3a383f",
           "$type": "color",
           "comment": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
           "filePath": "src/tokens/control.tokens.json",
@@ -12019,7 +12019,7 @@
     "indicator": {
       "color": {
         "selected": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for checkbox and radio button state indicators.",
           "filePath": "src/tokens/control.tokens.json",
@@ -12098,7 +12098,7 @@
     "text": {
       "color": {
         "strong": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for text on a strong feedback background.",
           "filePath": "src/tokens/feedback.tokens.json",
@@ -12125,7 +12125,7 @@
     "icon": {
       "color": {
         "strong": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for an icon on a strong feedback background.",
           "filePath": "src/tokens/feedback.tokens.json",
@@ -12179,7 +12179,7 @@
     "neutral": {
       "background": {
         "color": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for a background associated with neutral feedback.",
           "filePath": "src/tokens/feedback.tokens.json",
@@ -12464,7 +12464,7 @@
     },
     "inner": {
       "color": {
-        "value": "#1f1e24",
+        "value": "#18171d",
         "$type": "color",
         "comment": "Used for the inner neutral portion of the focus ring.",
         "filePath": "src/tokens/focus-ring.tokens.json",
@@ -12901,15 +12901,15 @@
   "shadow": {
     "color": {
       "default": {
-        "value": "rgba(5, 5, 6, 0.24)",
+        "value": "rgba(05, 05, 06, 0.24)",
         "$type": "color",
         "comment": "Used for the default shadow color.",
         "filePath": "src/tokens/shadow.tokens.json",
         "isSource": true,
         "original": {
           "value": {
-            "default": "rgba(5, 5, 6, 0.16)",
-            "dark": "rgba(5, 5, 6, 0.24)"
+            "default": "{color.alpha.dark.16}",
+            "dark": "{color.alpha.dark.24}"
           },
           "$type": "color",
           "comment": "Used for the default shadow color."
@@ -12929,7 +12929,7 @@
       "background": {
         "color": {
           "default": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the background of a subtle neutral status item when static or the default state when linked.",
             "filePath": "src/tokens/status.tokens.json",
@@ -12953,7 +12953,7 @@
             ]
           },
           "active": {
-            "value": "#434248",
+            "value": "#3a383f",
             "$type": "color",
             "comment": "Used for the background of a subtle neutral status item in the active state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -12981,7 +12981,7 @@
       "border": {
         "color": {
           "hover": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the border of a subtle neutral status item in the hover state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13211,7 +13211,7 @@
       "background": {
         "color": {
           "default": {
-            "value": "#434248",
+            "value": "#3a383f",
             "$type": "color",
             "comment": "Used for the background of a neutral status item when static or the default state when linked.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13235,7 +13235,7 @@
             ]
           },
           "active": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the background of a neutral status item in the active state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13263,7 +13263,7 @@
       "border": {
         "color": {
           "hover": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the border of a neutral status item in the hover state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -14910,7 +14910,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#333238",
+          "default": "#28272d",
           "dark": "#ececef"
         },
         "$type": "color",