@primer/primitives 10.1.0-rc.f957a908 → 10.2.0-rc.265b4e6a

package/dist/docs/functional/themes/dark-tritanopia.json

@@ -166,17 +166,13 @@
     "type": "color"
   },
   "diffBlob-additionWord-bgColor": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.4}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "diffBlob-additionWord-bgColor",
     "attributes": {},
@@ -212,17 +208,13 @@
     "type": "color"
   },
   "diffBlob-additionNum-bgColor": {
-    "$extensions": {
-      "alpha": 0.3
-    },
+    "alpha": 0.3,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.3}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.3
-      }
+      "alpha": 0.3
     },
     "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
@@ -424,17 +416,13 @@
     "type": "color"
   },
   "diffBlob-hunkLine-bgColor": {
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.3}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
     },
     "name": "diffBlob-hunkLine-bgColor",
     "attributes": {},
@@ -497,17 +485,13 @@
     "type": "color"
   },
   "diffBlob-hunkNum-bgColor-rest": {
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.6}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
     },
     "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
@@ -516,17 +500,13 @@
     "type": "color"
   },
   "diffBlob-hunkNum-bgColor-hover": {
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.8}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
     },
     "name": "diffBlob-hunkNum-bgColor-hover",
     "attributes": {},
@@ -6888,7 +6868,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6901,7 +6881,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#212830",
+    "value": "#00000000",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -6969,7 +6949,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6982,7 +6962,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#656c761a",
+    "value": "#00000000",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -12020,8 +12000,8 @@
     "type": "color"
   },
   "fgColor-disabled": {
+    "alpha": 0.6,
     "$extensions": {
-      "alpha": 0.6,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -12033,8 +12013,8 @@
     "original": {
       "$value": "{base.color.neutral.8}",
       "$type": "color",
+      "alpha": 0.6,
       "$extensions": {
-        "alpha": 0.6,
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
@@ -12908,8 +12888,8 @@
     "type": "color"
   },
   "bgColor-danger-muted": {
+    "alpha": 0.1,
     "$extensions": {
-      "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -12924,8 +12904,8 @@
     "original": {
       "$value": "{base.color.red.4}",
       "$type": "color",
+      "alpha": 0.1,
       "$extensions": {
-        "alpha": 0.1,
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
@@ -13490,17 +13470,13 @@
     "type": "color"
   },
   "borderColor-success-muted": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.4}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "borderColor-success-muted",
     "attributes": {},
@@ -13522,17 +13498,13 @@
     "type": "color"
   },
   "borderColor-open-muted": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.red.4}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "borderColor-open-muted",
     "attributes": {},
@@ -13622,17 +13594,13 @@
     "type": "color"
   },
   "borderColor-severe-muted": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.red.4}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "borderColor-severe-muted",
     "attributes": {},
@@ -13722,17 +13690,13 @@
     "type": "color"
   },
   "borderColor-closed-muted": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{borderColor.default}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "borderColor-closed-muted",
     "attributes": {},

package/dist/docs/functional/themes/dark.json

@@ -7002,7 +7002,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7015,7 +7015,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#212830",
+    "value": "#00000000",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -7083,7 +7083,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7096,7 +7096,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#656c761a",
+    "value": "#00000000",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -12176,8 +12176,8 @@
     "type": "color"
   },
   "fgColor-disabled": {
+    "alpha": 0.6,
     "$extensions": {
-      "alpha": 0.6,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -12189,8 +12189,8 @@
     "original": {
       "$value": "{base.color.neutral.8}",
       "$type": "color",
+      "alpha": 0.6,
       "$extensions": {
-        "alpha": 0.6,
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
@@ -13264,8 +13264,8 @@
     "type": "color"
   },
   "bgColor-danger-muted": {
+    "alpha": 0.1,
     "$extensions": {
-      "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -13280,8 +13280,8 @@
     "original": {
       "$value": "{base.color.red.4}",
       "$type": "color",
+      "alpha": 0.1,
       "$extensions": {
-        "alpha": 0.1,
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
@@ -13332,8 +13332,8 @@
     "type": "color"
   },
   "bgColor-closed-muted": {
+    "alpha": 0.1,
     "$extensions": {
-      "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -13348,8 +13348,8 @@
     "original": {
       "$value": "{bgColor.danger.muted}",
       "$type": "color",
+      "alpha": 0.1,
       "$extensions": {
-        "alpha": 0.1,
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",

package/dist/docs/functional/themes/light-colorblind.json

@@ -6834,7 +6834,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6847,7 +6847,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#eff2f5",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -6915,7 +6915,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6928,7 +6928,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#818b981a",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -13666,17 +13666,13 @@
     "type": "color"
   },
   "borderColor-closed-muted": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
       "$value": "{borderColor.default}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "borderColor-closed-muted",
     "attributes": {},

package/dist/docs/functional/themes/light-high-contrast.json

@@ -5630,7 +5630,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5643,7 +5643,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#e0e6eb",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -5711,7 +5711,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5724,7 +5724,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#59636e1f",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-outline-fgColor-rest": {

package/dist/docs/functional/themes/light-tritanopia.json

@@ -6848,7 +6848,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6861,7 +6861,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#eff2f5",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -6929,7 +6929,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6942,7 +6942,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#818b981a",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -13708,17 +13708,13 @@
     "type": "color"
   },
   "borderColor-closed-muted": {
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{borderColor.default}",
       "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
     },
     "name": "borderColor-closed-muted",
     "attributes": {},

package/dist/docs/functional/themes/light.json

@@ -6974,7 +6974,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6987,7 +6987,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#eff2f5",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -7055,7 +7055,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7068,7 +7068,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#818b981a",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-outline-fgColor-rest": {

package/dist/figma/themes/dark-colorblind.json

@@ -2700,7 +2700,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/control/fgColor/disabled",
@@ -3070,7 +3070,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/control/checked/bgColor/disabled",
@@ -3166,7 +3166,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/control/checked/borderColor/disabled",
@@ -3230,7 +3230,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/disabled",
@@ -3294,7 +3294,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/borderColor/disabled",
@@ -3876,7 +3876,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/fgColor/disabled",
@@ -3924,7 +3924,7 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/iconColor/disabled",
@@ -3985,14 +3985,14 @@
   {
     "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark colorblind",
     "group": "component (internal)",
@@ -4033,14 +4033,14 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark colorblind",
     "group": "component (internal)",
@@ -7040,9 +7040,10 @@
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
       "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
     },
     "type": "COLOR",
+    "alpha": 0.6,
     "refId": "mode/fgColor/disabled",
     "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",