@primer/primitives 7.11.14-rc.ca761aa → 7.11.14

package/tokens-next-private/css/functional/themes/light.css

@@ -56,7 +56,7 @@
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #d0d7de;
+  --control-borderColor-disabled: #f6f8fa;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #2da44e;
   --control-borderColor-danger: #cf222e;
@@ -104,9 +104,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
+  --button-default-bgColor-disabled: #f6f8fa;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
+  --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -118,7 +120,7 @@
   --button-primary-bgColor-disabled: #95d8a6;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
-  --button-primary-borderColor-disabled: #1f232826;
+  --button-primary-borderColor-disabled: #95d8a6;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
@@ -129,6 +131,7 @@
   --button-invisible-bgColor-disabled: #f6f8fa;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
+  --button-invisible-borderColor-disabled: #f6f8fa;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #d0d7de;
+  --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
@@ -454,7 +457,7 @@
     --control-fgColor-disabled: #8c959f;
     --control-borderColor-rest: #d0d7de;
     --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-disabled: #f6f8fa;
     --control-borderColor-selected: #f6f8fa;
     --control-borderColor-success: #2da44e;
     --control-borderColor-danger: #cf222e;
@@ -502,9 +505,11 @@
     --button-default-bgColor-hover: #eef1f4;
     --button-default-bgColor-active: #e7ebef;
     --button-default-bgColor-selected: #e7ebef;
+    --button-default-bgColor-disabled: #f6f8fa;
     --button-default-borderColor-rest: #d0d7de;
     --button-default-borderColor-hover: #d0d7de;
     --button-default-borderColor-active: #d0d7de;
+    --button-default-borderColor-disabled: #f6f8fa;
     --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
     --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
     --button-primary-fgColor-rest: #ffffff;
@@ -516,7 +521,7 @@
     --button-primary-bgColor-disabled: #95d8a6;
     --button-primary-borderColor-rest: #1f232826;
     --button-primary-borderColor-hover: #1f232826;
-    --button-primary-borderColor-disabled: #1f232826;
+    --button-primary-borderColor-disabled: #95d8a6;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
@@ -527,6 +532,7 @@
     --button-invisible-bgColor-disabled: #f6f8fa;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #ffffff00;
+    --button-invisible-borderColor-disabled: #f6f8fa;
     --button-outline-fgColor-rest: #0969da;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
     --borderColor-default: #d0d7de;
     --borderColor-muted: #d0d7de66;
     --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #d0d7de;
+    --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -686,7 +686,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#484f58",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -738,7 +738,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -785,7 +785,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#30363d",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1082,7 +1082,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1176,7 +1176,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1244,7 +1244,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1296,7 +1296,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1322,7 +1322,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#484f58",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1361,7 +1361,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#484f58",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1464,6 +1464,19 @@
     "attributes": {},
     "path": ["button", "default", "bgColor", "selected"]
   },
+  "button-default-bgColor-disabled": {
+    "value": "#161b22",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.bgColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-default-bgColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "bgColor", "disabled"]
+  },
   "button-default-borderColor-rest": {
     "value": "#30363d",
     "$type": "color",
@@ -1503,6 +1516,19 @@
     "attributes": {},
     "path": ["button", "default", "borderColor", "active"]
   },
+  "button-default-borderColor-disabled": {
+    "value": "#161b22",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.borderColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-default-borderColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "borderColor", "disabled"]
+  },
   "button-default-shadow-resting": {
     "value": "0px 0px 0px 0px #000000",
     "$type": "shadow",
@@ -1687,12 +1713,12 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#f0f6fc1a",
+    "value": "#1158c7",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{button.primary.borderColor.rest}",
+      "value": "{button.primary.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-primary-borderColor-disabled",
@@ -1749,7 +1775,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1801,12 +1827,12 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#00000000",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.transparent.bgColor.disabled}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-invisible-bgColor-disabled",
@@ -1839,6 +1865,19 @@
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "hover"]
   },
+  "button-invisible-borderColor-disabled": {
+    "value": "#161b22",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.borderColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-invisible-borderColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "borderColor", "disabled"]
+  },
   "button-outline-fgColor-rest": {
     "value": "#388bfd",
     "$type": "color",
@@ -2122,12 +2161,12 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#21262d",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.rest}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-danger-bgColor-disabled",
@@ -2625,12 +2664,12 @@
     "path": ["fgColor", "onEmphasis"]
   },
   "fgColor-disabled": {
-    "value": "#484f58",
+    "value": "#8b949e",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.gray.3}",
       "$type": "color"
     },
     "name": "fgColor-disabled",
@@ -2815,12 +2854,12 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-disabled": {
-    "value": "#484f58",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.gray.8}",
       "$type": "color"
     },
     "name": "bgColor-disabled",
@@ -3162,12 +3201,12 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#30363d",
+    "value": "#161b22",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{bgColor.disabled}",
       "$type": "color"
     },
     "name": "borderColor-disabled",

package/tokens-next-private/docs/functional/themes/dark-dimmed.json

@@ -686,7 +686,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#545d68",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -738,7 +738,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -785,7 +785,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#444c56",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1082,7 +1082,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1176,7 +1176,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1244,7 +1244,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1296,7 +1296,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1322,7 +1322,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#545d68",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1361,7 +1361,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#545d68",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1464,6 +1464,19 @@
     "attributes": {},
     "path": ["button", "default", "bgColor", "selected"]
   },
+  "button-default-bgColor-disabled": {
+    "value": "#2d333b",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.bgColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-default-bgColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "bgColor", "disabled"]
+  },
   "button-default-borderColor-rest": {
     "value": "#444c56",
     "$type": "color",
@@ -1503,6 +1516,19 @@
     "attributes": {},
     "path": ["button", "default", "borderColor", "active"]
   },
+  "button-default-borderColor-disabled": {
+    "value": "#2d333b",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.borderColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-default-borderColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "borderColor", "disabled"]
+  },
   "button-default-shadow-resting": {
     "value": "0px 0px 0px 0px #000000",
     "$type": "shadow",
@@ -1693,12 +1719,12 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#cdd9e51a",
+    "value": "#50a254",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{button.primary.borderColor.rest}",
+      "value": "{button.primary.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-primary-borderColor-disabled",
@@ -1755,7 +1781,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -1807,12 +1833,12 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#00000000",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.transparent.bgColor.disabled}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-invisible-bgColor-disabled",
@@ -1845,6 +1871,19 @@
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "hover"]
   },
+  "button-invisible-borderColor-disabled": {
+    "value": "#2d333b",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.borderColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-invisible-borderColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "borderColor", "disabled"]
+  },
   "button-outline-fgColor-rest": {
     "value": "#4184e4",
     "$type": "color",
@@ -2128,12 +2167,12 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#373e47",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.rest}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-danger-bgColor-disabled",
@@ -2631,12 +2670,12 @@
     "path": ["fgColor", "onEmphasis"]
   },
   "fgColor-disabled": {
-    "value": "#545d68",
+    "value": "#768390",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.gray.3}",
       "$type": "color"
     },
     "name": "fgColor-disabled",
@@ -2821,12 +2860,12 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-disabled": {
-    "value": "#545d68",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.gray.8}",
       "$type": "color"
     },
     "name": "bgColor-disabled",
@@ -3168,12 +3207,12 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#444c56",
+    "value": "#2d333b",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{bgColor.disabled}",
       "$type": "color"
     },
     "name": "borderColor-disabled",