@gitlab/ui 128.0.0 → 128.2.0

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

@@ -3,7 +3,7 @@
     "color": {
       "transparent": {
         "key": "{border.color.transparent}",
-        "$value": "transparent",
+        "$value": "rgba(0, 0, 0, 0)",
         "$type": "color",
         "$description": "Used when a border needs to be present, but not visibly perceived.",
         "$extensions": {
@@ -456,7 +456,7 @@
     "alpha": {
       "0": {
         "key": "{color.alpha.0}",
-        "$value": "transparent",
+        "$value": "rgba(0, 0, 0, 0)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -464,7 +464,7 @@
         "filePath": "src/tokens/constant/color.alpha.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "transparent",
+          "$value": "rgba(0, 0, 0, 0)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -482,7 +482,7 @@
       "dark": {
         "2": {
           "key": "{color.alpha.dark.2}",
-          "$value": "rgba(05, 05, 06, 0.02)",
+          "$value": "rgba(5, 5, 6, 0.02)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -490,7 +490,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.02)",
+            "$value": "rgba(5, 5, 6, 0.02)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -508,7 +508,7 @@
         },
         "4": {
           "key": "{color.alpha.dark.4}",
-          "$value": "rgba(05, 05, 06, 0.04)",
+          "$value": "rgba(5, 5, 6, 0.04)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -516,7 +516,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.04)",
+            "$value": "rgba(5, 5, 6, 0.04)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -534,7 +534,7 @@
         },
         "6": {
           "key": "{color.alpha.dark.6}",
-          "$value": "rgba(05, 05, 06, 0.06)",
+          "$value": "rgba(5, 5, 6, 0.06)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -542,7 +542,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.06)",
+            "$value": "rgba(5, 5, 6, 0.06)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -560,7 +560,7 @@
         },
         "8": {
           "key": "{color.alpha.dark.8}",
-          "$value": "rgba(05, 05, 06, 0.08)",
+          "$value": "rgba(5, 5, 6, 0.08)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -568,7 +568,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.08)",
+            "$value": "rgba(5, 5, 6, 0.08)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -586,7 +586,7 @@
         },
         "16": {
           "key": "{color.alpha.dark.16}",
-          "$value": "rgba(05, 05, 06, 0.16)",
+          "$value": "rgba(5, 5, 6, 0.16)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -594,7 +594,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.16)",
+            "$value": "rgba(5, 5, 6, 0.16)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -612,7 +612,7 @@
         },
         "24": {
           "key": "{color.alpha.dark.24}",
-          "$value": "rgba(05, 05, 06, 0.24)",
+          "$value": "rgba(5, 5, 6, 0.24)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -620,7 +620,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.24)",
+            "$value": "rgba(5, 5, 6, 0.24)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -638,7 +638,7 @@
         },
         "40": {
           "key": "{color.alpha.dark.40}",
-          "$value": "rgba(05, 05, 06, 0.4)",
+          "$value": "rgba(5, 5, 6, 0.4)",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -646,7 +646,7 @@
           "filePath": "src/tokens/constant/color.alpha.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(05, 05, 06, 0.4)",
+            "$value": "rgba(5, 5, 6, 0.4)",
             "$type": "color",
             "$extensions": {
               "com.figma.scopes": []
@@ -8710,14 +8710,14 @@
       "key": "{shadow.sm}",
       "$value": [
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": 0,
           "blur": "2px",
           "spread": 0
         },
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": "1px",
           "blur": "4px",
@@ -8766,21 +8766,21 @@
       "key": "{shadow.md}",
       "$value": [
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": 0,
           "blur": "1px",
           "spread": 0
         },
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": 0,
           "blur": "2px",
           "spread": 0
         },
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": "2px",
           "blur": "8px",
@@ -8836,21 +8836,21 @@
       "key": "{shadow.lg}",
       "$value": [
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": 0,
           "blur": "2px",
           "spread": 0
         },
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": 0,
           "blur": "2px",
           "spread": 0
         },
         {
-          "color": "rgba(05, 05, 06, 0.4)",
+          "color": "rgba(5, 5, 6, 0.4)",
           "offsetX": 0,
           "offsetY": "4px",
           "blur": "12px",
@@ -8905,7 +8905,7 @@
     "color": {
       "default": {
         "key": "{shadow.color.default}",
-        "$value": "rgba(05, 05, 06, 0.4)",
+        "$value": "rgba(5, 5, 6, 0.4)",
         "$type": "color",
         "$description": "Used for the default shadow color.",
         "$extensions": {
@@ -10020,7 +10020,7 @@
         "bottom": {
           "color": {
             "key": "{alert.neutral.border.bottom.color}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border bottom color of a neutral alert.",
             "$extensions": {
@@ -10164,7 +10164,7 @@
         "bottom": {
           "color": {
             "key": "{alert.info.border.bottom.color}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border bottom color of an info alert.",
             "filePath": "src/tokens/contextual/alert.tokens.json",
@@ -10298,7 +10298,7 @@
         "bottom": {
           "color": {
             "key": "{alert.success.border.bottom.color}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border bottom color of a success alert.",
             "$extensions": {
@@ -10442,7 +10442,7 @@
         "bottom": {
           "color": {
             "key": "{alert.warning.border.bottom.color}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border bottom color of a warning alert.",
             "$extensions": {
@@ -10586,7 +10586,7 @@
         "bottom": {
           "color": {
             "key": "{alert.danger.border.bottom.color}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border bottom color of a danger alert.",
             "$extensions": {
@@ -10897,7 +10897,7 @@
         "color": {
           "red": {
             "key": "{avatar.fallback.background.color.red}",
-            "$value": "#fcb5aa3d",
+            "$value": "rgba(252, 181, 170, 0.23921568627450981)",
             "$type": "color",
             "$description": "Red background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -10909,7 +10909,7 @@
             "filePath": "src/tokens/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "#fcb5aa3d",
+              "$value": "rgba(252, 181, 170, 0.23921568627450981)",
               "$type": "color",
               "$description": "Red background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -10932,7 +10932,7 @@
           },
           "purple": {
             "key": "{avatar.fallback.background.color.purple}",
-            "$value": "#cbbbf23d",
+            "$value": "rgba(203, 187, 242, 0.23921568627450981)",
             "$type": "color",
             "$description": "Purple background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -10944,7 +10944,7 @@
             "filePath": "src/tokens/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "#cbbbf23d",
+              "$value": "rgba(203, 187, 242, 0.23921568627450981)",
               "$type": "color",
               "$description": "Purple background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -10967,7 +10967,7 @@
           },
           "blue": {
             "key": "{avatar.fallback.background.color.blue}",
-            "$value": "#9dc7f13d",
+            "$value": "rgba(157, 199, 241, 0.23921568627450981)",
             "$type": "color",
             "$description": "Blue background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -10979,7 +10979,7 @@
             "filePath": "src/tokens/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "#9dc7f13d",
+              "$value": "rgba(157, 199, 241, 0.23921568627450981)",
               "$type": "color",
               "$description": "Blue background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -11002,7 +11002,7 @@
           },
           "green": {
             "key": "{avatar.fallback.background.color.green}",
-            "$value": "#91d4a83d",
+            "$value": "rgba(145, 212, 168, 0.23921568627450981)",
             "$type": "color",
             "$description": "Green background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -11014,7 +11014,7 @@
             "filePath": "src/tokens/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "#91d4a83d",
+              "$value": "rgba(145, 212, 168, 0.23921568627450981)",
               "$type": "color",
               "$description": "Green background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -11037,7 +11037,7 @@
           },
           "orange": {
             "key": "{avatar.fallback.background.color.orange}",
-            "$value": "#e9be743d",
+            "$value": "rgba(233, 190, 116, 0.23921568627450981)",
             "$type": "color",
             "$description": "Orange background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -11049,7 +11049,7 @@
             "filePath": "src/tokens/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "#e9be743d",
+              "$value": "rgba(233, 190, 116, 0.23921568627450981)",
               "$type": "color",
               "$description": "Orange background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -11072,7 +11072,7 @@
           },
           "neutral": {
             "key": "{avatar.fallback.background.color.neutral}",
-            "$value": "#bfbfc33d",
+            "$value": "rgba(191, 191, 195, 0.23921568627450981)",
             "$type": "color",
             "$description": "Neutral background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -11084,7 +11084,7 @@
             "filePath": "src/tokens/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "#bfbfc33d",
+              "$value": "rgba(191, 191, 195, 0.23921568627450981)",
               "$type": "color",
               "$description": "Neutral background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -11265,7 +11265,7 @@
         "color": {
           "default": {
             "key": "{badge.muted.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a muted badge when static or the default state when linked.",
             "$extensions": {
@@ -11331,7 +11331,7 @@
           },
           "focus": {
             "key": "{badge.muted.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a muted badge in the focus state.",
             "$extensions": {
@@ -11364,7 +11364,7 @@
           },
           "active": {
             "key": "{badge.muted.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a muted badge in the active state.",
             "$extensions": {
@@ -11831,7 +11831,7 @@
         "color": {
           "default": {
             "key": "{badge.neutral.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral badge when static or the default state when linked.",
             "$extensions": {
@@ -11897,7 +11897,7 @@
           },
           "focus": {
             "key": "{badge.neutral.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral badge in the focus state.",
             "$extensions": {
@@ -11930,7 +11930,7 @@
           },
           "active": {
             "key": "{badge.neutral.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral badge in the active state.",
             "$extensions": {
@@ -12393,7 +12393,7 @@
         "color": {
           "default": {
             "key": "{badge.info.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -12459,7 +12459,7 @@
           },
           "focus": {
             "key": "{badge.info.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of an informational badge in the focus state.",
             "$extensions": {
@@ -12492,7 +12492,7 @@
           },
           "active": {
             "key": "{badge.info.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of an informational badge in the active state.",
             "$extensions": {
@@ -12955,7 +12955,7 @@
         "color": {
           "default": {
             "key": "{badge.success.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -13021,7 +13021,7 @@
           },
           "focus": {
             "key": "{badge.success.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a success badge in the focus state.",
             "$extensions": {
@@ -13054,7 +13054,7 @@
           },
           "active": {
             "key": "{badge.success.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a success badge in the active state.",
             "$extensions": {
@@ -13517,7 +13517,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -13583,7 +13583,7 @@
           },
           "focus": {
             "key": "{badge.warning.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a warning badge in the focus state.",
             "$extensions": {
@@ -13616,7 +13616,7 @@
           },
           "active": {
             "key": "{badge.warning.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a warning badge in the active state.",
             "$extensions": {
@@ -14079,7 +14079,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -14145,7 +14145,7 @@
           },
           "focus": {
             "key": "{badge.danger.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger badge in the focus state.",
             "$extensions": {
@@ -14178,7 +14178,7 @@
           },
           "active": {
             "key": "{badge.danger.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger badge in the active state.",
             "$extensions": {
@@ -14641,7 +14641,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -14707,7 +14707,7 @@
           },
           "focus": {
             "key": "{badge.tier.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a tier related badge in the focus state.",
             "$extensions": {
@@ -14740,7 +14740,7 @@
           },
           "active": {
             "key": "{badge.tier.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a tier related badge in the active state.",
             "$extensions": {
@@ -16948,7 +16948,7 @@
           "color": {
             "default": {
               "key": "{button.default.primary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the default state.",
               "$extensions": {
@@ -16982,7 +16982,7 @@
             },
             "hover": {
               "key": "{button.default.primary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the hover state.",
               "$extensions": {
@@ -17016,7 +17016,7 @@
             },
             "focus": {
               "key": "{button.default.primary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the focus state.",
               "$extensions": {
@@ -17050,7 +17050,7 @@
             },
             "active": {
               "key": "{button.default.primary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an default primary button in the active state.",
               "$extensions": {
@@ -17238,7 +17238,7 @@
           "color": {
             "default": {
               "key": "{button.default.tertiary.background.color.default}",
-              "$value": "rgba(137, 136, 141, 0.0)",
+              "$value": "rgba(137, 136, 141, 0)",
               "$type": "color",
               "$description": "Used for the background of a default borderless, tertiary button in the default state.",
               "$extensions": {
@@ -17386,7 +17386,7 @@
           "color": {
             "default": {
               "key": "{button.default.tertiary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a default borderless, tertiary button in the default state.",
               "$extensions": {
@@ -17420,7 +17420,7 @@
             },
             "hover": {
               "key": "{button.default.tertiary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a default borderless, tertiary button in the hover state.",
               "$extensions": {
@@ -17454,7 +17454,7 @@
             },
             "focus": {
               "key": "{button.default.tertiary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a default borderless, tertiary button in the focus state.",
               "$extensions": {
@@ -17488,7 +17488,7 @@
             },
             "active": {
               "key": "{button.default.tertiary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a default borderless, tertiary button in the active state.",
               "$extensions": {
@@ -17826,7 +17826,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.primary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a confirm (positive) primary button in the default state.",
               "$extensions": {
@@ -17860,7 +17860,7 @@
             },
             "hover": {
               "key": "{button.confirm.primary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a confirm (positive) primary button in the hover state.",
               "$extensions": {
@@ -17894,7 +17894,7 @@
             },
             "focus": {
               "key": "{button.confirm.primary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a confirm (positive) primary button in the focus state.",
               "$extensions": {
@@ -17928,7 +17928,7 @@
             },
             "active": {
               "key": "{button.confirm.primary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a confirm (positive) primary button in the active state.",
               "$extensions": {
@@ -18264,7 +18264,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.secondary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined confirm (positive) button in the default state.",
               "$extensions": {
@@ -18298,7 +18298,7 @@
             },
             "hover": {
               "key": "{button.confirm.secondary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined confirm (positive) button in the hover state.",
               "$extensions": {
@@ -18332,7 +18332,7 @@
             },
             "focus": {
               "key": "{button.confirm.secondary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined confirm (positive) button in the focus state.",
               "$extensions": {
@@ -18366,7 +18366,7 @@
             },
             "active": {
               "key": "{button.confirm.secondary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined confirm (positive) button in the active state.",
               "$extensions": {
@@ -18554,7 +18554,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.tertiary.background.color.default}",
-              "$value": "rgba(66, 143, 220, 0.0)",
+              "$value": "rgba(66, 143, 220, 0)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the default state.",
               "$extensions": {
@@ -18702,7 +18702,7 @@
           "color": {
             "default": {
               "key": "{button.confirm.tertiary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the default state.",
               "$extensions": {
@@ -18736,7 +18736,7 @@
             },
             "hover": {
               "key": "{button.confirm.tertiary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the hover state.",
               "$extensions": {
@@ -18770,7 +18770,7 @@
             },
             "focus": {
               "key": "{button.confirm.tertiary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the focus state.",
               "$extensions": {
@@ -18804,7 +18804,7 @@
             },
             "active": {
               "key": "{button.confirm.tertiary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the active state.",
               "$extensions": {
@@ -19142,7 +19142,7 @@
           "color": {
             "default": {
               "key": "{button.danger.primary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the default state.",
               "$extensions": {
@@ -19176,7 +19176,7 @@
             },
             "hover": {
               "key": "{button.danger.primary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the hover state.",
               "$extensions": {
@@ -19210,7 +19210,7 @@
             },
             "focus": {
               "key": "{button.danger.primary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the focus state.",
               "$extensions": {
@@ -19244,7 +19244,7 @@
             },
             "active": {
               "key": "{button.danger.primary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the active state.",
               "$extensions": {
@@ -19432,7 +19432,7 @@
           "color": {
             "default": {
               "key": "{button.danger.secondary.background.color.default}",
-              "$value": "rgba(236, 89, 65, 0.40)",
+              "$value": "rgba(236, 89, 65, 0.4)",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the default state.",
               "$extensions": {
@@ -19444,7 +19444,7 @@
               "filePath": "src/tokens/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "rgba(236, 89, 65, 0.40)",
+                "$value": "rgba(236, 89, 65, 0.4)",
                 "$type": "color",
                 "$description": "Used for the background of an outlined danger (destructive) button in the default state.",
                 "$extensions": {
@@ -19580,7 +19580,7 @@
           "color": {
             "default": {
               "key": "{button.danger.secondary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the default state.",
               "$extensions": {
@@ -19614,7 +19614,7 @@
             },
             "hover": {
               "key": "{button.danger.secondary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the hover state.",
               "$extensions": {
@@ -19648,7 +19648,7 @@
             },
             "focus": {
               "key": "{button.danger.secondary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the focus state.",
               "$extensions": {
@@ -19682,7 +19682,7 @@
             },
             "active": {
               "key": "{button.danger.secondary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the active state.",
               "$extensions": {
@@ -19870,7 +19870,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.background.color.default}",
-              "$value": "rgba(236, 89, 65, 0.0)",
+              "$value": "rgba(236, 89, 65, 0)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -20018,7 +20018,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -20052,7 +20052,7 @@
             },
             "hover": {
               "key": "{button.danger.tertiary.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the hover state.",
               "$extensions": {
@@ -20086,7 +20086,7 @@
             },
             "focus": {
               "key": "{button.danger.tertiary.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the focus state.",
               "$extensions": {
@@ -20120,7 +20120,7 @@
             },
             "active": {
               "key": "{button.danger.tertiary.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the active state.",
               "$extensions": {
@@ -20775,7 +20775,7 @@
         "color": {
           "default": {
             "key": "{button.selected.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a selected button in the default state.",
             "$extensions": {
@@ -20808,7 +20808,7 @@
           },
           "hover": {
             "key": "{button.selected.border.color.hover}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a selected button in the hover state.",
             "$extensions": {
@@ -20841,7 +20841,7 @@
           },
           "focus": {
             "key": "{button.selected.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a selected button in the focus state.",
             "$extensions": {
@@ -20874,7 +20874,7 @@
           },
           "active": {
             "key": "{button.selected.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a selected button in the active state.",
             "$extensions": {
@@ -20984,7 +20984,7 @@
       "border": {
         "color": {
           "key": "{button.disabled.border.color}",
-          "$value": "transparent",
+          "$value": "rgba(0, 0, 0, 0)",
           "$type": "color",
           "$description": "Used for the border of a disabled button.",
           "$extensions": {
@@ -21199,7 +21199,7 @@
       "area": {
         "color": {
           "key": "{chart.threshold.area.color}",
-          "$value": "rgba(221,43,14,0.1)",
+          "$value": "rgba(221, 43, 14, 0.1)",
           "$type": "color",
           "$description": "Used in charts to delineate a threshold area in a chart.",
           "$extensions": {
@@ -21210,7 +21210,7 @@
           "filePath": "src/tokens/contextual/chart.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(221,43,14,0.1)",
+            "$value": "rgba(221, 43, 14, 0.1)",
             "$type": "color",
             "$description": "Used in charts to delineate a threshold area in a chart.",
             "$extensions": {
@@ -21911,7 +21911,7 @@
           "unselected": {
             "default": {
               "key": "{dropdown.option.background.color.unselected.default}",
-              "$value": "rgba(137, 136, 141, 0.0)",
+              "$value": "rgba(137, 136, 141, 0)",
               "$type": "color",
               "$description": "Used for the background of an unselected dropdown option in the default state.",
               "$extensions": {
@@ -22207,7 +22207,7 @@
       "background": {
         "color": {
           "key": "{dropdown.search.background.color}",
-          "$value": "rgba(05, 05, 06, 0.16)",
+          "$value": "rgba(5, 5, 6, 0.16)",
           "$type": "color",
           "$description": "Used for the background of a search input in a dropdown listbox.",
           "$extensions": {
@@ -23700,7 +23700,7 @@
           "color": {
             "default": {
               "key": "{label.light.button.background.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the label remove button background on a light background color in the default state.",
               "$extensions": {
@@ -23854,7 +23854,7 @@
           "color": {
             "default": {
               "key": "{label.dark.button.background.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the label remove button background on a dark background color in the default state.",
               "$extensions": {
@@ -31697,7 +31697,7 @@
   "t-gray-a": {
     "16": {
       "key": "{t-gray-a.16}",
-      "$value": "rgba(05, 05, 06, 0.16)",
+      "$value": "rgba(5, 5, 6, 0.16)",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31709,7 +31709,7 @@
       "filePath": "src/tokens/deprecated/deprecated.color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "rgba(05, 05, 06, 0.16)",
+        "$value": "rgba(5, 5, 6, 0.16)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -31729,7 +31729,7 @@
     },
     "24": {
       "key": "{t-gray-a.24}",
-      "$value": "rgba(05, 05, 06, 0.24)",
+      "$value": "rgba(5, 5, 6, 0.24)",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31741,7 +31741,7 @@
       "filePath": "src/tokens/deprecated/deprecated.color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "rgba(05, 05, 06, 0.24)",
+        "$value": "rgba(5, 5, 6, 0.24)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -31761,7 +31761,7 @@
     },
     "02": {
       "key": "{t-gray-a.02}",
-      "$value": "rgba(05, 05, 06, 0.02)",
+      "$value": "rgba(5, 5, 6, 0.02)",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31773,7 +31773,7 @@
       "filePath": "src/tokens/deprecated/deprecated.color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "rgba(05, 05, 06, 0.02)",
+        "$value": "rgba(5, 5, 6, 0.02)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -31793,7 +31793,7 @@
     },
     "04": {
       "key": "{t-gray-a.04}",
-      "$value": "rgba(05, 05, 06, 0.04)",
+      "$value": "rgba(5, 5, 6, 0.04)",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31805,7 +31805,7 @@
       "filePath": "src/tokens/deprecated/deprecated.color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "rgba(05, 05, 06, 0.04)",
+        "$value": "rgba(5, 5, 6, 0.04)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -31825,7 +31825,7 @@
     },
     "06": {
       "key": "{t-gray-a.06}",
-      "$value": "rgba(05, 05, 06, 0.06)",
+      "$value": "rgba(5, 5, 6, 0.06)",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31837,7 +31837,7 @@
       "filePath": "src/tokens/deprecated/deprecated.color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "rgba(05, 05, 06, 0.06)",
+        "$value": "rgba(5, 5, 6, 0.06)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -31857,7 +31857,7 @@
     },
     "08": {
       "key": "{t-gray-a.08}",
-      "$value": "rgba(05, 05, 06, 0.08)",
+      "$value": "rgba(5, 5, 6, 0.08)",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31869,7 +31869,7 @@
       "filePath": "src/tokens/deprecated/deprecated.color.transparency.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "rgba(05, 05, 06, 0.08)",
+        "$value": "rgba(5, 5, 6, 0.08)",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -31990,7 +31990,7 @@
       "$value": "rgba(255, 255, 255, 0.02)",
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
       "$description": "Use color.alpha.light.2 instead.",
       "themeable": true,
@@ -32002,7 +32002,7 @@
         "$value": "rgba(255, 255, 255, 0.02)",
         "$type": "color",
         "$extensions": {
-          "com.figma.scopes": []
+          "com.figma.scope": []
         },
         "$description": "Use color.alpha.light.2 instead.",
         "themeable": true,
@@ -32022,7 +32022,7 @@
       "$value": "rgba(255, 255, 255, 0.04)",
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
       "$description": "Use color.alpha.light.4 instead.",
       "themeable": true,
@@ -32034,7 +32034,7 @@
         "$value": "rgba(255, 255, 255, 0.04)",
         "$type": "color",
         "$extensions": {
-          "com.figma.scopes": []
+          "com.figma.scope": []
         },
         "$description": "Use color.alpha.light.4 instead.",
         "themeable": true,
@@ -32054,7 +32054,7 @@
       "$value": "rgba(255, 255, 255, 0.06)",
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
       "$description": "Use color.alpha.light.6 instead.",
       "themeable": true,
@@ -32066,7 +32066,7 @@
         "$value": "rgba(255, 255, 255, 0.06)",
         "$type": "color",
         "$extensions": {
-          "com.figma.scopes": []
+          "com.figma.scope": []
         },
         "$description": "Use color.alpha.light.6 instead.",
         "themeable": true,
@@ -32086,7 +32086,7 @@
       "$value": "rgba(255, 255, 255, 0.08)",
       "$type": "color",
       "$extensions": {
-        "com.figma.scopes": []
+        "com.figma.scope": []
       },
       "$description": "Use color.alpha.light.8 instead.",
       "themeable": true,
@@ -32098,7 +32098,7 @@
         "$value": "rgba(255, 255, 255, 0.08)",
         "$type": "color",
         "$extensions": {
-          "com.figma.scopes": []
+          "com.figma.scope": []
         },
         "$description": "Use color.alpha.light.8 instead.",
         "themeable": true,
@@ -32831,7 +32831,7 @@
         "color": {
           "default": {
             "key": "{action.neutral.background.color.default}",
-            "$value": "rgba(137, 136, 141, 0.0)",
+            "$value": "rgba(137, 136, 141, 0)",
             "$type": "color",
             "$description": "Used for the background of a neutral action in the default state.",
             "$extensions": {
@@ -32843,7 +32843,7 @@
             "filePath": "src/tokens/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(137, 136, 141, 0.0)",
+              "$value": "rgba(137, 136, 141, 0)",
               "$type": "color",
               "$description": "Used for the background of a neutral action in the default state.",
               "$extensions": {
@@ -32975,7 +32975,7 @@
         "color": {
           "default": {
             "key": "{action.neutral.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral action in the default state.",
             "$extensions": {
@@ -33008,7 +33008,7 @@
           },
           "hover": {
             "key": "{action.neutral.border.color.hover}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral action in the hover state.",
             "$extensions": {
@@ -33041,7 +33041,7 @@
           },
           "focus": {
             "key": "{action.neutral.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral action in the focus state.",
             "$extensions": {
@@ -33074,7 +33074,7 @@
           },
           "active": {
             "key": "{action.neutral.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a neutral action in the active state.",
             "$extensions": {
@@ -33257,7 +33257,7 @@
         "color": {
           "default": {
             "key": "{action.confirm.background.color.default}",
-            "$value": "rgba(66, 143, 220, 0.0)",
+            "$value": "rgba(66, 143, 220, 0)",
             "$type": "color",
             "$description": "Used for the background of a confirm (positive) action in the default state.",
             "$extensions": {
@@ -33269,7 +33269,7 @@
             "filePath": "src/tokens/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(66, 143, 220, 0.0)",
+              "$value": "rgba(66, 143, 220, 0)",
               "$type": "color",
               "$description": "Used for the background of a confirm (positive) action in the default state.",
               "$extensions": {
@@ -33401,7 +33401,7 @@
         "color": {
           "default": {
             "key": "{action.confirm.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a confirm action in the default state.",
             "$extensions": {
@@ -33434,7 +33434,7 @@
           },
           "hover": {
             "key": "{action.confirm.border.color.hover}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a confirm action in the hover state.",
             "$extensions": {
@@ -33467,7 +33467,7 @@
           },
           "focus": {
             "key": "{action.confirm.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a confirm action in the focus state.",
             "$extensions": {
@@ -33500,7 +33500,7 @@
           },
           "active": {
             "key": "{action.confirm.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a confirm action in the active state.",
             "$extensions": {
@@ -33683,7 +33683,7 @@
         "color": {
           "default": {
             "key": "{action.danger.background.color.default}",
-            "$value": "rgba(236, 89, 65, 0.0)",
+            "$value": "rgba(236, 89, 65, 0)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the default state.",
             "$extensions": {
@@ -33695,7 +33695,7 @@
             "filePath": "src/tokens/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(236, 89, 65, 0.0)",
+              "$value": "rgba(236, 89, 65, 0)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the default state.",
               "$extensions": {
@@ -33827,7 +33827,7 @@
         "color": {
           "default": {
             "key": "{action.danger.border.color.default}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger action in the default state.",
             "$extensions": {
@@ -33860,7 +33860,7 @@
           },
           "hover": {
             "key": "{action.danger.border.color.hover}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger action in the hover state.",
             "$extensions": {
@@ -33893,7 +33893,7 @@
           },
           "focus": {
             "key": "{action.danger.border.color.focus}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger action in the focus state.",
             "$extensions": {
@@ -33926,7 +33926,7 @@
           },
           "active": {
             "key": "{action.danger.border.color.active}",
-            "$value": "transparent",
+            "$value": "rgba(0, 0, 0, 0)",
             "$type": "color",
             "$description": "Used for the border of a danger action in the active state.",
             "$extensions": {
@@ -34262,7 +34262,7 @@
           "color": {
             "default": {
               "key": "{action.strong.confirm.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong confirm action in the default state.",
               "$extensions": {
@@ -34296,7 +34296,7 @@
             },
             "hover": {
               "key": "{action.strong.confirm.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong confirm action in the hover state.",
               "$extensions": {
@@ -34330,7 +34330,7 @@
             },
             "focus": {
               "key": "{action.strong.confirm.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong confirm action in the focus state.",
               "$extensions": {
@@ -34364,7 +34364,7 @@
             },
             "active": {
               "key": "{action.strong.confirm.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong confirm action in the active state.",
               "$extensions": {
@@ -34700,7 +34700,7 @@
           "color": {
             "default": {
               "key": "{action.strong.neutral.border.color.default}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong neutral action in the default state.",
               "$extensions": {
@@ -34734,7 +34734,7 @@
             },
             "hover": {
               "key": "{action.strong.neutral.border.color.hover}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong neutral action in the hover state.",
               "$extensions": {
@@ -34768,7 +34768,7 @@
             },
             "focus": {
               "key": "{action.strong.neutral.border.color.focus}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong neutral action in the focus state.",
               "$extensions": {
@@ -34802,7 +34802,7 @@
             },
             "active": {
               "key": "{action.strong.neutral.border.color.active}",
-              "$value": "transparent",
+              "$value": "rgba(0, 0, 0, 0)",
               "$type": "color",
               "$description": "Used for the border of a strong neutral action in the active state.",
               "$extensions": {
@@ -35041,7 +35041,7 @@
       },
       "overlay": {
         "key": "{background.color.overlay}",
-        "$value": "rgba(0,0,0,0.64)",
+        "$value": "rgba(0, 0, 0, 0.64)",
         "$type": "color",
         "$description": "Used for an overlay that covers other content.",
         "$extensions": {
@@ -35053,7 +35053,7 @@
         "filePath": "src/tokens/semantic/background.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0,0,0,0.64)",
+          "$value": "rgba(0, 0, 0, 0.64)",
           "$type": "color",
           "$description": "Used for an overlay that covers other content.",
           "$extensions": {
@@ -35079,7 +35079,7 @@
       "color": {
         "default": {
           "key": "{control.background.color.default}",
-          "$value": "rgba(05, 05, 06, 0.4)",
+          "$value": "rgba(5, 5, 6, 0.4)",
           "$type": "color",
           "$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
           "$extensions": {