@primer/primitives 7.15.9 → 7.15.10-rc.d7a91629

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

@@ -1429,7 +1429,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1640,7 +1640,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1905,7 +1905,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#ffffff00",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1918,7 +1918,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2769,7 +2769,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2856,7 +2856,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3088,7 +3088,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -3188,7 +3188,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3901,7 +3901,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#ffffff00",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3988,7 +3988,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4627,7 +4627,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5405,7 +5405,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#ffffff00",
+    "value": "#d0d7de80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5414,10 +5414,11 @@
         "group": "component (internal)"
       }
     },
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5425,7 +5426,8 @@
           "mode": "light",
           "group": "component (internal)"
         }
-      }
+      },
+      "alpha": 0.5
     },
     "name": "overlay-borderColor",
     "attributes": {},
@@ -6437,7 +6439,7 @@
     "path": ["bgColor", "inverse"]
   },
   "bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6447,10 +6449,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.gray.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6459,7 +6462,8 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.7
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -7300,7 +7304,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -10882,7 +10886,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -10897,7 +10901,7 @@
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 0,
+          "alpha": 0.5,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10934,7 +10938,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
+    "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -11002,7 +11006,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d",
+    "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -11046,7 +11050,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352",
+    "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {

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

@@ -1429,7 +1429,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1640,7 +1640,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1905,7 +1905,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#ffffff00",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1918,7 +1918,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2769,7 +2769,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2856,7 +2856,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3088,7 +3088,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -3188,7 +3188,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3901,7 +3901,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#ffffff00",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3988,7 +3988,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4627,7 +4627,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5405,7 +5405,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#ffffff00",
+    "value": "#d0d7de80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5414,10 +5414,11 @@
         "group": "component (internal)"
       }
     },
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5425,7 +5426,8 @@
           "mode": "light",
           "group": "component (internal)"
         }
-      }
+      },
+      "alpha": 0.5
     },
     "name": "overlay-borderColor",
     "attributes": {},
@@ -6437,7 +6439,7 @@
     "path": ["bgColor", "inverse"]
   },
   "bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6447,10 +6449,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.gray.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6459,7 +6462,8 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.7
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -7300,7 +7304,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eaeef2b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -10880,7 +10884,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -10895,7 +10899,7 @@
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 0,
+          "alpha": 0.5,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10932,7 +10936,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
+    "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -11000,7 +11004,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d",
+    "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -11044,7 +11048,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352",
+    "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {

package/dist/figma/shadows/light-colorblind.json

@@ -538,10 +538,10 @@
   {
     "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -638,10 +638,10 @@
   {
     "name": "shadow/floating/large/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -738,10 +738,10 @@
   {
     "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -988,10 +988,10 @@
   {
     "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],

package/dist/figma/shadows/light-high-contrast.json

@@ -538,10 +538,10 @@
   {
     "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -638,10 +638,10 @@
   {
     "name": "shadow/floating/large/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -738,10 +738,10 @@
   {
     "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -988,10 +988,10 @@
   {
     "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],

package/dist/figma/shadows/light-tritanopia.json

@@ -538,10 +538,10 @@
   {
     "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -638,10 +638,10 @@
   {
     "name": "shadow/floating/large/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -738,10 +738,10 @@
   {
     "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -988,10 +988,10 @@
   {
     "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],

package/dist/figma/shadows/light.json

@@ -538,10 +538,10 @@
   {
     "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -638,10 +638,10 @@
   {
     "name": "shadow/floating/large/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -738,10 +738,10 @@
   {
     "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -988,10 +988,10 @@
   {
     "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],