@gitlab/ui 89.1.0 → 89.3.0

package/dist/tokens/json/tokens.json

@@ -1254,6 +1254,24 @@
             "dark",
             "24"
           ]
+        },
+        "40": {
+          "value": "rgba(05, 05, 06, 0.4)",
+          "$type": "color",
+          "filePath": "src/tokens/color.alpha.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "rgba(05, 05, 06, 0.4)",
+            "$type": "color"
+          },
+          "name": "COLOR_ALPHA_DARK_40",
+          "attributes": {},
+          "path": [
+            "color",
+            "alpha",
+            "dark",
+            "40"
+          ]
         }
       },
       "light": {
@@ -5745,7 +5763,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.50}",
-                "dark": "{color.neutral.900}"
+                "dark": "{color.neutral.400}"
               },
               "$type": "color",
               "comment": "Used for the background of a muted badge when static or the default state when linked."
@@ -5811,7 +5829,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.100}",
-                "dark": "{color.neutral.800}"
+                "dark": "{color.neutral.300}"
               },
               "$type": "color",
               "comment": "Used for the background of a muted badge in the active state."
@@ -5860,7 +5878,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.200}",
-                "dark": "{color.neutral.700}"
+                "dark": "{color.neutral.300}"
               },
               "$type": "color",
               "comment": "Used for the border of a muted badge in the hover state."
@@ -5930,7 +5948,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.600}",
-                "dark": "{color.neutral.300}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a muted badge when static or the default state when linked."
@@ -5954,7 +5972,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.700}",
-                "dark": "{color.neutral.200}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a muted badge in the hover state."
@@ -5999,7 +6017,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.800}",
-                "dark": "{color.neutral.100}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a muted badge in the active state."
@@ -6027,7 +6045,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.500}",
-                "dark": "{color.neutral.400}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a muted badge when static or the default state when linked."
@@ -6051,7 +6069,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.600}",
-                "dark": "{color.neutral.300}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a muted badge in the hover state."
@@ -6096,7 +6114,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.700}",
-                "dark": "{color.neutral.200}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a muted badge in the active state."
@@ -6126,7 +6144,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.100}",
-                "dark": "{color.neutral.800}"
+                "dark": "{color.neutral.300}"
               },
               "$type": "color",
               "comment": "Used for the background of a neutral badge when static or the default state when linked."
@@ -6192,7 +6210,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.200}",
-                "dark": "{color.neutral.700}"
+                "dark": "{color.neutral.200}"
               },
               "$type": "color",
               "comment": "Used for the background of a neutral badge in the active state."
@@ -6241,7 +6259,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.200}",
-                "dark": "{color.neutral.700}"
+                "dark": "{color.neutral.200}"
               },
               "$type": "color",
               "comment": "Used for the border of a neutral badge in the hover state."
@@ -6311,7 +6329,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.700}",
-                "dark": "{color.neutral.200}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a neutral badge when static or the default state when linked."
@@ -6335,7 +6353,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.800}",
-                "dark": "{color.neutral.100}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a neutral badge in the hover state."
@@ -6380,7 +6398,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.900}",
-                "dark": "{color.neutral.50}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a neutral badge in the active state."
@@ -6408,7 +6426,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.500}",
-                "dark": "{color.neutral.400}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a neutral badge when static or the default state when linked."
@@ -6432,7 +6450,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.600}",
-                "dark": "{color.neutral.300}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a neutral badge in the hover state."
@@ -6477,7 +6495,7 @@
             "original": {
               "value": {
                 "default": "{color.neutral.700}",
-                "dark": "{color.neutral.200}"
+                "dark": "{color.neutral.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a neutral badge in the active state."
@@ -6507,7 +6525,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.100}",
-                "dark": "{color.blue.800}"
+                "dark": "{color.blue.300}"
               },
               "$type": "color",
               "comment": "Used for the background of an informational badge when static or the default state when linked."
@@ -6573,7 +6591,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.200}",
-                "dark": "{color.blue.700}"
+                "dark": "{color.blue.200}"
               },
               "$type": "color",
               "comment": "Used for the background of an informational badge in the active state."
@@ -6622,7 +6640,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.200}",
-                "dark": "{color.blue.700}"
+                "dark": "{color.blue.200}"
               },
               "$type": "color",
               "comment": "Used for the border of an informational badge in the hover state."
@@ -6692,7 +6710,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Used for the text of an informational badge when static or the default state when linked."
@@ -6716,7 +6734,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.800}",
-                "dark": "{color.blue.100}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Used for the text of an informational badge in the hover state."
@@ -6761,7 +6779,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.900}",
-                "dark": "{color.blue.50}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Used for the text of an informational badge in the active state."
@@ -6789,7 +6807,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.500}",
-                "dark": "{color.blue.400}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of an informational badge when static or the default state when linked."
@@ -6813,7 +6831,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.600}",
-                "dark": "{color.blue.300}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of an informational badge in the hover state."
@@ -6858,7 +6876,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of an informational badge in the active state."
@@ -6888,7 +6906,7 @@
             "original": {
               "value": {
                 "default": "{color.green.100}",
-                "dark": "{color.green.800}"
+                "dark": "{color.green.300}"
               },
               "$type": "color",
               "comment": "Used for the background of a success badge when static or the default state when linked."
@@ -6954,7 +6972,7 @@
             "original": {
               "value": {
                 "default": "{color.green.200}",
-                "dark": "{color.green.700}"
+                "dark": "{color.green.200}"
               },
               "$type": "color",
               "comment": "Used for the background of a success badge in the active state."
@@ -7003,7 +7021,7 @@
             "original": {
               "value": {
                 "default": "{color.green.200}",
-                "dark": "{color.green.700}"
+                "dark": "{color.green.200}"
               },
               "$type": "color",
               "comment": "Used for the border of a success badge in the hover state."
@@ -7073,7 +7091,7 @@
             "original": {
               "value": {
                 "default": "{color.green.700}",
-                "dark": "{color.green.200}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a success badge when static or the default state when linked."
@@ -7097,7 +7115,7 @@
             "original": {
               "value": {
                 "default": "{color.green.800}",
-                "dark": "{color.green.100}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a success badge in the hover state."
@@ -7142,7 +7160,7 @@
             "original": {
               "value": {
                 "default": "{color.green.900}",
-                "dark": "{color.green.50}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a success badge in the active state."
@@ -7170,7 +7188,7 @@
             "original": {
               "value": {
                 "default": "{color.green.500}",
-                "dark": "{color.green.400}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a success badge when static or the default state when linked."
@@ -7194,7 +7212,7 @@
             "original": {
               "value": {
                 "default": "{color.green.600}",
-                "dark": "{color.green.300}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a success badge in the hover state."
@@ -7239,7 +7257,7 @@
             "original": {
               "value": {
                 "default": "{color.green.700}",
-                "dark": "{color.green.200}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a success badge in the active state."
@@ -7269,7 +7287,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.100}",
-                "dark": "{color.orange.800}"
+                "dark": "{color.orange.300}"
               },
               "$type": "color",
               "comment": "Used for the background of a warning badge when static or the default state when linked."
@@ -7335,7 +7353,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.200}",
-                "dark": "{color.orange.700}"
+                "dark": "{color.orange.200}"
               },
               "$type": "color",
               "comment": "Used for the background of a warning badge in the active state."
@@ -7384,7 +7402,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.200}",
-                "dark": "{color.orange.700}"
+                "dark": "{color.orange.200}"
               },
               "$type": "color",
               "comment": "Used for the border of a warning badge in the hover state."
@@ -7454,7 +7472,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.700}",
-                "dark": "{color.orange.200}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a warning badge when static or the default state when linked."
@@ -7478,7 +7496,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.800}",
-                "dark": "{color.orange.100}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a warning badge in the hover state."
@@ -7523,7 +7541,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.900}",
-                "dark": "{color.orange.50}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a warning badge in the active state."
@@ -7551,7 +7569,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.500}",
-                "dark": "{color.orange.400}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a warning badge when static or the default state when linked."
@@ -7575,7 +7593,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.600}",
-                "dark": "{color.orange.300}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a warning badge in the hover state."
@@ -7620,7 +7638,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.700}",
-                "dark": "{color.orange.200}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a warning badge in the active state."
@@ -7650,7 +7668,7 @@
             "original": {
               "value": {
                 "default": "{color.red.100}",
-                "dark": "{color.red.800}"
+                "dark": "{color.red.300}"
               },
               "$type": "color",
               "comment": "Used for the background of a danger badge when static or the default state when linked."
@@ -7716,7 +7734,7 @@
             "original": {
               "value": {
                 "default": "{color.red.200}",
-                "dark": "{color.red.700}"
+                "dark": "{color.red.200}"
               },
               "$type": "color",
               "comment": "Used for the background of a danger badge in the active state."
@@ -7765,7 +7783,7 @@
             "original": {
               "value": {
                 "default": "{color.red.200}",
-                "dark": "{color.red.700}"
+                "dark": "{color.red.200}"
               },
               "$type": "color",
               "comment": "Used for the border of a danger badge in the hover state."
@@ -7835,7 +7853,7 @@
             "original": {
               "value": {
                 "default": "{color.red.700}",
-                "dark": "{color.red.200}"
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a danger badge when static or the default state when linked."
@@ -7859,7 +7877,7 @@
             "original": {
               "value": {
                 "default": "{color.red.800}",
-                "dark": "{color.red.100}"
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a danger badge in the hover state."
@@ -7904,7 +7922,7 @@
             "original": {
               "value": {
                 "default": "{color.red.900}",
-                "dark": "{color.red.50}"
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a danger badge in the active state."
@@ -7924,15 +7942,15 @@
       "icon": {
         "color": {
           "default": {
-            "value": "#dd2b0e",
+            "value": "#ae1800",
             "$type": "color",
             "comment": "Used for the icon of a danger badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.red.500}",
-                "dark": "{color.red.400}"
+                "default": "{color.red.700}",
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a danger badge when static or the default state when linked."
@@ -7948,15 +7966,15 @@
             ]
           },
           "hover": {
-            "value": "#c91c00",
+            "value": "#8d1300",
             "$type": "color",
             "comment": "Used for the icon of a danger badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.red.600}",
-                "dark": "{color.red.300}"
+                "default": "{color.red.800}",
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a danger badge in the hover state."
@@ -7972,7 +7990,7 @@
             ]
           },
           "focus": {
-            "value": "#c91c00",
+            "value": "#8d1300",
             "$type": "color",
             "comment": "Used for the icon of a danger badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
@@ -7993,15 +8011,15 @@
             ]
           },
           "active": {
-            "value": "#ae1800",
+            "value": "#660e00",
             "$type": "color",
             "comment": "Used for the icon of a danger badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.red.700}",
-                "dark": "{color.red.200}"
+                "default": "{color.red.900}",
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a danger badge in the active state."
@@ -8031,7 +8049,7 @@
             "original": {
               "value": {
                 "default": "{color.purple.100}",
-                "dark": "{color.purple.900}"
+                "dark": "{color.purple.300}"
               },
               "$type": "color",
               "comment": "Used for the background of a tier related badge when static or the default state when linked."
@@ -8097,7 +8115,7 @@
             "original": {
               "value": {
                 "default": "{color.purple.200}",
-                "dark": "{color.purple.800}"
+                "dark": "{color.purple.200}"
               },
               "$type": "color",
               "comment": "Used for the background of a tier related badge in the active state."
@@ -8146,7 +8164,7 @@
             "original": {
               "value": {
                 "default": "{color.purple.200}",
-                "dark": "{color.purple.800}"
+                "dark": "{color.purple.200}"
               },
               "$type": "color",
               "comment": "Used for the border of a tier related badge in the hover state."
@@ -8216,7 +8234,7 @@
             "original": {
               "value": {
                 "default": "{color.purple.700}",
-                "dark": "{color.purple.300}"
+                "dark": "{color.purple.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a tier related badge when static or the default state when linked."
@@ -8240,7 +8258,7 @@
             "original": {
               "value": {
                 "default": "{color.purple.800}",
-                "dark": "{color.purple.200}"
+                "dark": "{color.purple.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a tier related badge in the hover state."
@@ -8285,7 +8303,7 @@
             "original": {
               "value": {
                 "default": "{color.purple.900}",
-                "dark": "{color.purple.100}"
+                "dark": "{color.purple.950}"
               },
               "$type": "color",
               "comment": "Used for the text of a tier related badge in the active state."
@@ -8305,15 +8323,15 @@
       "icon": {
         "color": {
           "default": {
-            "value": "#7b58cf",
+            "value": "#5943b6",
             "$type": "color",
             "comment": "Used for the icon of a tier related badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.purple.500}",
-                "dark": "{color.purple.500}"
+                "default": "{color.purple.700}",
+                "dark": "{color.purple.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a tier related badge when static or the default state when linked."
@@ -8329,15 +8347,15 @@
             ]
           },
           "hover": {
-            "value": "#694cc0",
+            "value": "#453894",
             "$type": "color",
             "comment": "Used for the icon of a tier related badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.purple.600}",
-                "dark": "{color.purple.400}"
+                "default": "{color.purple.800}",
+                "dark": "{color.purple.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a tier related badge in the hover state."
@@ -8353,7 +8371,7 @@
             ]
           },
           "focus": {
-            "value": "#694cc0",
+            "value": "#453894",
             "$type": "color",
             "comment": "Used for the icon of a tier related badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
@@ -8374,15 +8392,15 @@
             ]
           },
           "active": {
-            "value": "#5943b6",
+            "value": "#2f2a6b",
             "$type": "color",
             "comment": "Used for the icon of a tier related badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.purple.700}",
-                "dark": "{color.purple.300}"
+                "default": "{color.purple.900}",
+                "dark": "{color.purple.950}"
               },
               "$type": "color",
               "comment": "Used for the icon of a tier related badge in the active state."
@@ -11359,6 +11377,30 @@
     }
   },
   "datepicker": {
+    "background": {
+      "color": {
+        "value": "#fff",
+        "$type": "color",
+        "comment": "Used for the background color of datepicker.",
+        "filePath": "src/tokens/contextual/datepicker.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": {
+            "default": "{color.neutral.0}",
+            "dark": "{color.neutral.900}"
+          },
+          "$type": "color",
+          "comment": "Used for the background color of datepicker."
+        },
+        "name": "DATEPICKER_BACKGROUND_COLOR",
+        "attributes": {},
+        "path": [
+          "datepicker",
+          "background",
+          "color"
+        ]
+      }
+    },
     "date": {
       "text": {
         "color": {
@@ -11938,7 +11980,7 @@
           "original": {
             "value": {
               "default": "{color.neutral.0}",
-              "dark": "{color.neutral.900}"
+              "dark": "{color.alpha.dark.40}"
             },
             "$type": "color",
             "comment": "Used for form control (input, radio button, checkbox, textarea) default background."
@@ -11961,7 +12003,7 @@
           "original": {
             "value": {
               "default": "{color.neutral.10}",
-              "dark": "{color.neutral.950}"
+              "dark": "{color.alpha.light.4}"
             },
             "$type": "color",
             "comment": "Used for disabled form control (checkbox, input, radio button, textarea) background."
@@ -11975,6 +12017,52 @@
             "disabled"
           ]
         },
+        "concatenation": {
+          "value": "#fbfafd",
+          "$type": "color",
+          "comment": "Used for the background of static content that prepends or appends a text input.",
+          "filePath": "src/tokens/control.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": {
+              "default": "{color.neutral.10}",
+              "dark": "{color.alpha.light.4}"
+            },
+            "$type": "color",
+            "comment": "Used for the background of static content that prepends or appends a text input."
+          },
+          "name": "CONTROL_BACKGROUND_COLOR_CONCATENATION",
+          "attributes": {},
+          "path": [
+            "control",
+            "background",
+            "color",
+            "concatenation"
+          ]
+        },
+        "readonly": {
+          "value": "#fbfafd",
+          "$type": "color",
+          "comment": "Used for the background of static content that prepends or appends a text input.",
+          "filePath": "src/tokens/control.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": {
+              "default": "{color.neutral.10}",
+              "dark": "{color.neutral.900}"
+            },
+            "$type": "color",
+            "comment": "Used for the background of static content that prepends or appends a text input."
+          },
+          "name": "CONTROL_BACKGROUND_COLOR_READONLY",
+          "attributes": {},
+          "path": [
+            "control",
+            "background",
+            "color",
+            "readonly"
+          ]
+        },
         "selected": {
           "default": {
             "value": "#1f75cb",
@@ -11985,7 +12073,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.500}",
-                "dark": "{color.blue.400}"
+                "dark": "{color.blue.300}"
               },
               "$type": "color",
               "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background."
@@ -12154,7 +12242,7 @@
           "original": {
             "value": {
               "default": "{color.red.500}",
-              "dark": "{color.red.400}"
+              "dark": "{color.red.300}"
             },
             "$type": "color",
             "comment": "Used for invalid form control (input, textarea) border."
@@ -12247,16 +12335,13 @@
     "text": {
       "color": {
         "error": {
-          "value": "#dd2b0e",
+          "value": "#c91c00",
           "$type": "color",
           "comment": "Used for the helper text when the input is invalid.",
           "filePath": "src/tokens/control.tokens.json",
           "isSource": true,
           "original": {
-            "value": {
-              "default": "{color.red.500}",
-              "dark": "{color.red.400}"
-            },
+            "value": "{text.color.danger}",
             "$type": "color",
             "comment": "Used for the helper text when the input is invalid."
           },
@@ -12270,16 +12355,13 @@
           ]
         },
         "valid": {
-          "value": "#108548",
+          "value": "#217645",
           "$type": "color",
           "comment": "Used for the helper text when the input is valid.",
           "filePath": "src/tokens/control.tokens.json",
           "isSource": true,
           "original": {
-            "value": {
-              "default": "{color.green.500}",
-              "dark": "{color.green.400}"
-            },
+            "value": "{text.color.success}",
             "$type": "color",
             "comment": "Used for the helper text when the input is valid."
           },
@@ -12302,10 +12384,7 @@
         "filePath": "src/tokens/control.tokens.json",
         "isSource": true,
         "original": {
-          "value": {
-            "default": "{color.neutral.400}",
-            "dark": "{color.neutral.500}"
-          },
+          "value": "{text.color.disabled}",
           "$type": "color",
           "comment": "Used for placeholder text within inputs."
         },
@@ -12329,7 +12408,7 @@
           "original": {
             "value": {
               "default": "{color.neutral.0}",
-              "dark": "{color.neutral.900}"
+              "dark": "{color.neutral.950}"
             },
             "$type": "color",
             "comment": "Used for checkbox and radio button state indicators."