@gitlab/ui 86.9.0 → 86.10.0

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

@@ -383,7 +383,7 @@
               ]
             },
             "active": {
-              "value": "#535158",
+              "value": "#4c4b51",
               "$type": "color",
               "comment": "Used for the background of a solid, strong neutral action in the active state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -559,7 +559,7 @@
               ]
             },
             "hover": {
-              "value": "#434248",
+              "value": "#3a383f",
               "$type": "color",
               "comment": "Used for the border of a solid, strong neutral action in the hover state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -584,7 +584,7 @@
               ]
             },
             "focus": {
-              "value": "#434248",
+              "value": "#3a383f",
               "$type": "color",
               "comment": "Used for the border of a solid, strong neutral action in the focus state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -609,7 +609,7 @@
               ]
             },
             "active": {
-              "value": "#333238",
+              "value": "#28272d",
               "$type": "color",
               "comment": "Used for the border of a solid, strong neutral action in the active state.",
               "filePath": "src/tokens/action.tokens.json",
@@ -639,7 +639,7 @@
       "text": {
         "color": {
           "default": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text of outlined and borderless neutral actions.",
             "filePath": "src/tokens/action.tokens.json",
@@ -663,7 +663,7 @@
             ]
           },
           "hover": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text of a neutral action in the hover state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -687,7 +687,7 @@
             ]
           },
           "focus": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text of a neutral action in the focus state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -711,7 +711,7 @@
             ]
           },
           "active": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text of a neutral action in the active state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -787,7 +787,7 @@
             ]
           },
           "hover": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the icon of outlined and borderless neutral actions in the hover state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -811,7 +811,7 @@
             ]
           },
           "focus": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the icon of outlined and borderless neutral actions in the focus state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -835,7 +835,7 @@
             ]
           },
           "active": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the icon of outlined and borderless neutral actions in the active state.",
             "filePath": "src/tokens/action.tokens.json",
@@ -2533,7 +2533,7 @@
         ]
       },
       "overlay": {
-        "value": "rgba(31, 30, 36, 0.24)",
+        "value": "rgba(05, 05, 06, 0.24)",
         "$type": "color",
         "comment": "Used for an overlay that covers other content.",
         "filePath": "src/tokens/background.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",
@@ -8661,7 +8661,7 @@
     }
   },
   "black": {
-    "value": "#000",
+    "value": "#050506",
     "$type": "color",
     "themeable": true,
     "prefix": false,
@@ -8669,7 +8669,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "default": "#000",
+        "default": "#050506",
         "dark": "#fff"
       },
       "$type": "color",
@@ -8692,7 +8692,7 @@
     "original": {
       "value": {
         "default": "#fff",
-        "dark": "#333238"
+        "dark": "#28272d"
       },
       "$type": "color",
       "themeable": true,
@@ -8970,7 +8970,7 @@
       "original": {
         "value": {
           "default": "#fbfafd",
-          "dark": "#1f1e24"
+          "dark": "#18171d"
         },
         "$type": "color",
         "themeable": true,
@@ -8993,7 +8993,7 @@
       "original": {
         "value": {
           "default": "#ececef",
-          "dark": "#333238"
+          "dark": "#28272d"
         },
         "$type": "color",
         "themeable": true,
@@ -9016,7 +9016,7 @@
       "original": {
         "value": {
           "default": "#dcdcde",
-          "dark": "#434248"
+          "dark": "#3a383f"
         },
         "$type": "color",
         "themeable": true,
@@ -9039,7 +9039,7 @@
       "original": {
         "value": {
           "default": "#bfbfc3",
-          "dark": "#535158"
+          "dark": "#4c4b51"
         },
         "$type": "color",
         "themeable": true,
@@ -9145,7 +9145,7 @@
       ]
     },
     "700": {
-      "value": "#535158",
+      "value": "#4c4b51",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -9153,7 +9153,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#535158",
+          "default": "#4c4b51",
           "dark": "#bfbfc3"
         },
         "$type": "color",
@@ -9168,7 +9168,7 @@
       ]
     },
     "800": {
-      "value": "#434248",
+      "value": "#3a383f",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -9176,7 +9176,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#434248",
+          "default": "#3a383f",
           "dark": "#dcdcde"
         },
         "$type": "color",
@@ -9191,7 +9191,7 @@
       ]
     },
     "900": {
-      "value": "#333238",
+      "value": "#28272d",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -9199,7 +9199,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#333238",
+          "default": "#28272d",
           "dark": "#ececef"
         },
         "$type": "color",
@@ -9214,7 +9214,7 @@
       ]
     },
     "950": {
-      "value": "#1f1e24",
+      "value": "#18171d",
       "$type": "color",
       "themeable": true,
       "prefix": false,
@@ -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",
@@ -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",
@@ -11289,7 +11289,7 @@
     "scoped": {
       "text": {
         "color": {
-          "value": "#1f1e24",
+          "value": "#18171d",
           "$type": "color",
           "comment": "Used for the scoped label text color.",
           "filePath": "src/tokens/contextual/label.tokens.json",
@@ -11316,7 +11316,7 @@
         "background": {
           "color": {
             "hover": {
-              "value": "#1f1e24",
+              "value": "#18171d",
               "$type": "color",
               "comment": "Used for the scoped label remove button background in the hover state.",
               "filePath": "src/tokens/contextual/label.tokens.json",
@@ -11345,7 +11345,7 @@
         "icon": {
           "color": {
             "default": {
-              "value": "#1f1e24",
+              "value": "#18171d",
               "$type": "color",
               "comment": "Used for the scoped label remove button icon in the default state.",
               "filePath": "src/tokens/contextual/label.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",
@@ -11526,7 +11526,7 @@
     "segment": {
       "color": {
         "default": {
-          "value": "#535158",
+          "value": "#4c4b51",
           "$type": "color",
           "comment": "Used for the animated segment of a loading spinner.",
           "filePath": "src/tokens/contextual/spinner.tokens.json",
@@ -11602,7 +11602,7 @@
     "sorting": {
       "icon": {
         "color": {
-          "value": "#1f1e24",
+          "value": "#18171d",
           "$type": "color",
           "comment": "Used for the color of the sorting icons in the column headers.",
           "filePath": "src/tokens/contextual/table.tokens.json",
@@ -11798,7 +11798,7 @@
           ]
         },
         "focus": {
-          "value": "#333238",
+          "value": "#28272d",
           "$type": "color",
           "comment": "Used for form control (input, radio button, checkbox, textarea) border on focus.",
           "filePath": "src/tokens/control.tokens.json",
@@ -12071,7 +12071,7 @@
     "background": {
       "color": {
         "strong": {
-          "value": "#1f1e24",
+          "value": "#18171d",
           "$type": "color",
           "comment": "Used for a background associated with feedback like a tooltip or toast message.",
           "filePath": "src/tokens/feedback.tokens.json",
@@ -12487,7 +12487,7 @@
   "icon": {
     "color": {
       "default": {
-        "value": "#535158",
+        "value": "#4c4b51",
         "$type": "color",
         "comment": "Used for the default icon color. Can be paired with default text.",
         "filePath": "src/tokens/icon.tokens.json",
@@ -12531,7 +12531,7 @@
         ]
       },
       "strong": {
-        "value": "#333238",
+        "value": "#28272d",
         "$type": "color",
         "comment": "Used for an icon with the highest contrast.",
         "filePath": "src/tokens/icon.tokens.json",
@@ -12901,15 +12901,15 @@
   "shadow": {
     "color": {
       "default": {
-        "value": "rgba(5, 5, 6, 0.16)",
+        "value": "rgba(05, 05, 06, 0.16)",
         "$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."
@@ -13033,7 +13033,7 @@
             ]
           },
           "hover": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the text of a subtle neutral status item in the hover state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13057,7 +13057,7 @@
             ]
           },
           "focus": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the text of a subtle neutral status item in the focus state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13081,7 +13081,7 @@
             ]
           },
           "active": {
-            "value": "#434248",
+            "value": "#3a383f",
             "$type": "color",
             "comment": "Used for the text of a subtle neutral status item in the active state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13181,7 +13181,7 @@
             ]
           },
           "active": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the icon of a subtle neutral status item in the active state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13291,7 +13291,7 @@
       "text": {
         "color": {
           "default": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the text of a neutral status item when static or the default state when linked.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13315,7 +13315,7 @@
             ]
           },
           "hover": {
-            "value": "#434248",
+            "value": "#3a383f",
             "$type": "color",
             "comment": "Used for the text of a neutral status item in the hover state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13339,7 +13339,7 @@
             ]
           },
           "focus": {
-            "value": "#434248",
+            "value": "#3a383f",
             "$type": "color",
             "comment": "Used for the text of a neutral status item in the focus state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13363,7 +13363,7 @@
             ]
           },
           "active": {
-            "value": "#333238",
+            "value": "#28272d",
             "$type": "color",
             "comment": "Used for the text of a neutral status item in the active state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -13463,7 +13463,7 @@
             ]
           },
           "active": {
-            "value": "#535158",
+            "value": "#4c4b51",
             "$type": "color",
             "comment": "Used for the icon of a neutral status item in the active state.",
             "filePath": "src/tokens/status.tokens.json",
@@ -14902,7 +14902,7 @@
   },
   "text": {
     "primary": {
-      "value": "#333238",
+      "value": "#28272d",
       "$type": "color",
       "comment": "Use text.color.default instead",
       "deprecated": true,
@@ -14910,7 +14910,7 @@
       "isSource": true,
       "original": {
         "value": {
-          "default": "#333238",
+          "default": "#28272d",
           "dark": "#ececef"
         },
         "$type": "color",
@@ -14972,7 +14972,7 @@
     },
     "color": {
       "default": {
-        "value": "#434248",
+        "value": "#3a383f",
         "$type": "color",
         "comment": "Used for the default text color.",
         "filePath": "src/tokens/text.tokens.json",
@@ -15016,7 +15016,7 @@
         ]
       },
       "strong": {
-        "value": "#1f1e24",
+        "value": "#18171d",
         "$type": "color",
         "comment": "Used for text with the highest contrast.",
         "filePath": "src/tokens/text.tokens.json",
@@ -15038,7 +15038,7 @@
         ]
       },
       "heading": {
-        "value": "#1f1e24",
+        "value": "#18171d",
         "$type": "color",
         "comment": "Used for headings level 1-6.",
         "filePath": "src/tokens/text.tokens.json",