@primer/primitives 7.14.0 → 7.14.1-rc.9f71972

package/tokens-next-private/docs/functional/themes/light-high-contrast.json

@@ -1891,7 +1891,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1904,7 +1904,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1920,7 +1920,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#ced5dc",
+    "value": "#ced5dc33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1930,6 +1930,7 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
@@ -1942,7 +1943,8 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.2
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -3877,7 +3879,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3890,7 +3892,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4740,9 +4742,9 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
+    "alpha": 0.2,
     "original": {
       "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
@@ -4771,9 +4773,9 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
+    "alpha": 0.2,
     "original": {
       "value": "{bgColor.neutral.emphasis}",
       "$type": "color",

package/tokens-next-private/docs/functional/themes/light-tritanopia.json

@@ -679,7 +679,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#eaeef280",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1891,7 +1891,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1904,7 +1904,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1920,7 +1920,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#f6f8fa",
+    "value": "#d0d7de33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1930,10 +1930,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.gray.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1942,7 +1943,8 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.2
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -3857,7 +3859,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3870,7 +3872,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4710,7 +4712,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4720,7 +4722,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
@@ -4733,15 +4734,14 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "buttonCounter-default-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4751,7 +4751,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
@@ -4764,8 +4763,7 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "buttonCounter-invisible-bgColor-rest",
     "attributes": {},
@@ -6550,7 +6548,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#eaeef280",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6560,11 +6558,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.gray.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6574,7 +6572,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.5
+      "alpha": 0.2
     },
     "name": "bgColor-neutral-muted",
     "attributes": {},

package/tokens-next-private/docs/functional/themes/light.json

@@ -679,7 +679,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#eaeef280",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1891,7 +1891,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1904,7 +1904,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1920,7 +1920,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#f6f8fa",
+    "value": "#d0d7de33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1930,10 +1930,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.gray.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1942,7 +1943,8 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.2
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -3857,7 +3859,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3870,7 +3872,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4710,7 +4712,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4720,7 +4722,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
@@ -4733,15 +4734,14 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "buttonCounter-default-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4751,7 +4751,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
@@ -4764,8 +4763,7 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "buttonCounter-invisible-bgColor-rest",
     "attributes": {},
@@ -6550,7 +6548,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#eaeef280",
+    "value": "#afb8c133",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6560,11 +6558,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.gray.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6574,7 +6572,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.5
+      "alpha": 0.2
     },
     "name": "bgColor-neutral-muted",
     "attributes": {},

package/tokens-next-private/figma/themes/dark.json

@@ -1380,10 +1380,10 @@
       "r": 0.43137254901960786,
       "g": 0.4627450980392157,
       "b": 0.5058823529411764,
-      "a": 0.15
+      "a": 0.4
     },
     "type": "COLOR",
-    "alpha": 0.15,
+    "alpha": 0.4,
     "refId": "mode/bgColor/neutral-muted",
     "reference": "base/color/dark/base/color/gray/4",
     "collection": "mode",
@@ -3786,6 +3786,22 @@
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "button/invisible/bgColor/disabled",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/bgColor/active",
     "value": {
@@ -4111,14 +4127,14 @@
   {
     "name": "controlTrack/fgColor/disabled",
     "value": {
-      "r": 0.49019607843137253,
-      "g": 0.5215686274509804,
-      "b": 0.5647058823529412,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/fgColor/disabled",
-    "reference": "mode/fgColor/muted",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4503,7 +4519,7 @@
       "r": 0.43137254901960786,
       "g": 0.4627450980392157,
       "b": 0.5058823529411764,
-      "a": 0.15
+      "a": 0.4
     },
     "type": "COLOR",
     "refId": "mode/codeMirror/activeline/bgColor",
@@ -4769,22 +4785,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/invisible/bgColor/disabled",
-    "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/invisible/iconColor/disabled",
     "value": {

package/tokens-next-private/figma/themes/light.json

@@ -1370,15 +1370,15 @@
   {
     "name": "bgColor/neutral-muted",
     "value": {
-      "r": 0.9176470588235294,
-      "g": 0.9333333333333333,
-      "b": 0.9490196078431372,
-      "a": 0.5
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.2,
     "refId": "mode/bgColor/neutral-muted",
-    "reference": "base/color/light/base/color/gray/1",
+    "reference": "base/color/light/base/color/gray/3",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -2507,14 +2507,31 @@
   {
     "name": "control/transparent/bgColor/selected",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.2
     },
     "type": "COLOR",
+    "alpha": 0.2,
     "refId": "mode/control/transparent/bgColor/selected",
-    "reference": "base/color/light/base/color/gray/0",
+    "reference": "base/color/light/base/color/gray/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "control/transparent/bgColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/control/transparent/bgColor/disabled",
+    "reference": "base/color/light/base/color/transparent",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -3467,13 +3484,12 @@
   {
     "name": "buttonCounter/invisible/bgColor/rest",
     "value": {
-      "r": 0.9176470588235294,
-      "g": 0.9333333333333333,
-      "b": 0.9490196078431372,
-      "a": 1
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
     },
     "type": "COLOR",
-    "alpha": 1,
     "refId": "mode/buttonCounter/invisible/bgColor/rest",
     "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
@@ -3484,13 +3500,12 @@
   {
     "name": "buttonCounter/default/bgColor/rest",
     "value": {
-      "r": 0.9176470588235294,
-      "g": 0.9333333333333333,
-      "b": 0.9490196078431372,
-      "a": 1
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
     },
     "type": "COLOR",
-    "alpha": 1,
     "refId": "mode/buttonCounter/default/bgColor/rest",
     "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
@@ -3725,6 +3740,22 @@
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "button/invisible/bgColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/bgColor/active",
     "value": {
@@ -4535,10 +4566,10 @@
   {
     "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.9176470588235294,
-      "g": 0.9333333333333333,
-      "b": 0.9490196078431372,
-      "a": 0.5
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
     },
     "type": "COLOR",
     "refId": "mode/codeMirror/activeline/bgColor",
@@ -4788,22 +4819,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/invisible/bgColor/disabled",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/invisible/iconColor/disabled",
     "value": {
@@ -4884,22 +4899,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "control/transparent/bgColor/disabled",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/transparent/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/borderColor/disabled",
     "value": {