@primer/primitives 7.13.1-rc.4461d84 → 7.13.1

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

@@ -3711,6 +3711,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#8c959f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "disabled"]
+  },
   "button-invisible-bgColor-rest": {
     "value": "#ffffff00",
     "$type": "color",
@@ -10513,27 +10600,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff3d",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/light.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.24,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "shadow-highlight",
-    "attributes": {},
-    "path": ["shadow", "highlight"]
-  },
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #1f23281a",
     "$type": "shadow",

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

@@ -3711,6 +3711,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#8c959f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "disabled"]
+  },
   "button-invisible-bgColor-rest": {
     "value": "#ffffff00",
     "$type": "color",
@@ -10511,27 +10598,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff3d",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/light.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.24,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "shadow-highlight",
-    "attributes": {},
-    "path": ["shadow", "highlight"]
-  },
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #1f23281a",
     "$type": "shadow",

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -103,9 +103,11 @@
   "--button-default-bgColor-hover": "var(--color-btn-hover-bg)",
   "--button-default-bgColor-active": "var(--color-btn-active-bg)",
   "--button-default-bgColor-selected": "var(--color-btn-selected-bg)",
+  "--button-default-bgColor-disabled": "var(--color-btn-bg)",
   "--button-default-borderColor-rest": "var(--color-btn-border)",
   "--button-default-borderColor-hover": "var(--color-btn-hover-border)",
   "--button-default-borderColor-active": "var(--color-btn-active-border)",
+  "--button-default-borderColor-disabled": "var(--color-btn-border)",
   "--button-default-shadow-resting": "var(--color-btn-shadow)",
   "--button-default-shadow-inset": "var(--color-btn-inset-shadow)",
   "--button-primary-fgColor-rest": "var(--color-btn-primary-text)",
@@ -128,6 +130,7 @@
   "--button-invisible-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)",
   "--button-invisible-borderColor-rest": "transparent",
   "--button-invisible-borderColor-hover": "transparent",
+  "--button-invisible-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)",
   "--button-outline-fgColor-rest": "var(--color-btn-outline-text)",
   "--button-outline-fgColor-hover": "var(--color-btn-outline-hover-text)",
   "--button-outline-fgColor-active": "var(--color-btn-outline-selected-text)",
@@ -152,6 +155,7 @@
   "--button-danger-borderColor-rest": "var(--color-btn-border)",
   "--button-danger-borderColor-hover": "var(--color-btn-danger-hover-border)",
   "--button-danger-borderColor-active": "var(--color-btn-danger-selected-border)",
+  "--button-danger-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)",
   "--button-danger-shadow-selected": "var(--color-btn-danger-selected-shadow)",
   "--buttonCounter-default-bgColor-rest": "var(--color-btn-counter-bg)",
   "--buttonCounter-primary-bgColor-rest": "var(--color-btn-primary-counter-bg)",
@@ -250,7 +254,6 @@
   "--shadow-floating-medium": "",
   "--shadow-floating-large": "var(--color-shadow-large)",
   "--shadow-floating-xlarge": "var(--color-shadow-extra-large)",
-  "--shadow-highlight": "var(--color-primer-shadow-highlight)",
   "--shadow-inset": "var(--color-primer-shadow-inset)",
   "--borderColor-transparent": "transparent",
   "--bgColor-transparent": "transparent"

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

@@ -3834,6 +3834,38 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/iconColor/hover",
+    "value": {
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/hover",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/invisible/iconColor/rest",
+    "value": {
+      "r": 0.49019607843137253,
+      "g": 0.5215686274509804,
+      "b": 0.5647058823529412,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/rest",
+    "reference": "mode/fgColor/muted",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/rest",
     "value": {
@@ -4769,6 +4801,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/iconColor/disabled",
+    "value": {
+      "r": 0.5450980392156862,
+      "g": 0.5803921568627451,
+      "b": 0.6196078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/disabled",
     "value": {

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

@@ -3773,6 +3773,38 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/iconColor/hover",
+    "value": {
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/hover",
+    "reference": "mode/fgColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/invisible/iconColor/rest",
+    "value": {
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/rest",
+    "reference": "mode/fgColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/hover",
     "value": {
@@ -4788,6 +4820,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/iconColor/disabled",
+    "value": {
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/disabled",
     "value": {

package/tokens-next-private/scss/functional/themes/dark-colorblind.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #2f81f7;
 $button-invisible-fgColor-hover: #58a6ff;
 $button-invisible-fgColor-disabled: #8b949e;
+$button-invisible-iconColor-rest: #7d8590;
+$button-invisible-iconColor-hover: #e6edf3;
+$button-invisible-iconColor-disabled: #8b949e;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #b1bac41f;
 $button-invisible-bgColor-active: #b1bac433;
@@ -402,7 +405,6 @@ $color-scale-coral-7: #872012; // Avoid using scales, use other functional token
 $color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #0104093d;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
 $shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
 $shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
 $shadow-resting-medium: 0px 3px 6px 0px #010409cc;

package/tokens-next-private/scss/functional/themes/dark-dimmed.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #3b7cdb;
 $button-invisible-fgColor-hover: #539bf5;
 $button-invisible-fgColor-disabled: #768390;
+$button-invisible-iconColor-rest: #6d7986;
+$button-invisible-iconColor-hover: #6d7986;
+$button-invisible-iconColor-disabled: #768390;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #909dab1f;
 $button-invisible-bgColor-active: #909dab33;
@@ -402,7 +405,6 @@ $color-scale-coral-7: #8d291b; // Avoid using scales, use other functional token
 $color-scale-coral-8: #771d13; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #5d1008; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #1c21283d;
-$shadow-highlight: inset 0px 1px 0px 0px #cdd9e51f;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
 $shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866;
 $shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;

package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #409eff;
 $button-invisible-fgColor-hover: #71b7ff;
 $button-invisible-fgColor-disabled: #bdc4cc;
+$button-invisible-iconColor-rest: #f0f3f6;
+$button-invisible-iconColor-hover: #fbfcfd;
+$button-invisible-iconColor-disabled: #bdc4cc;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #f0f3f6;
 $button-invisible-bgColor-active: #d9dee3;
@@ -402,7 +405,6 @@ $color-scale-coral-7: #e03b21; // Avoid using scales, use other functional token
 $color-scale-coral-8: #c62612; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #a91500; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #0104093d;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
 $shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
 $shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
 $shadow-resting-medium: 0px 3px 6px 0px #010409cc;

package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #2f81f7;
 $button-invisible-fgColor-hover: #58a6ff;
 $button-invisible-fgColor-disabled: #8b949e;
+$button-invisible-iconColor-rest: #7d8590;
+$button-invisible-iconColor-hover: #e6edf3;
+$button-invisible-iconColor-disabled: #8b949e;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #b1bac41f;
 $button-invisible-bgColor-active: #b1bac433;
@@ -402,7 +405,6 @@ $color-scale-coral-7: #872012; // Avoid using scales, use other functional token
 $color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #0104093d;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
 $shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
 $shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
 $shadow-resting-medium: 0px 3px 6px 0px #010409cc;

package/tokens-next-private/scss/functional/themes/dark.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #2f81f7;
 $button-invisible-fgColor-hover: #58a6ff;
 $button-invisible-fgColor-disabled: #8b949e;
+$button-invisible-iconColor-rest: #7d8590;
+$button-invisible-iconColor-hover: #e6edf3;
+$button-invisible-iconColor-disabled: #8b949e;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #b1bac41f;
 $button-invisible-bgColor-active: #b1bac433;
@@ -402,7 +405,6 @@ $color-scale-coral-7: #872012; // Avoid using scales, use other functional token
 $color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #0104093d;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
 $shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
 $shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
 $shadow-resting-medium: 0px 3px 6px 0px #010409cc;

package/tokens-next-private/scss/functional/themes/light-colorblind.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
 $button-invisible-fgColor-rest: #0969da;
 $button-invisible-fgColor-hover: #0969da;
 $button-invisible-fgColor-disabled: #8c959f;
+$button-invisible-iconColor-rest: #636c76;
+$button-invisible-iconColor-hover: #636c76;
+$button-invisible-iconColor-disabled: #8c959f;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #d0d7de33;
 $button-invisible-bgColor-active: #d0d7de66;
@@ -403,7 +406,6 @@ $color-scale-coral-7: #801f0f; // Avoid using scales, use other functional token
 $color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #1f232814;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;

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

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
 $button-invisible-fgColor-rest: #023b95;
 $button-invisible-fgColor-hover: #023b95;
 $button-invisible-fgColor-disabled: #4b535d;
+$button-invisible-iconColor-rest: #0e1116;
+$button-invisible-iconColor-hover: #0e1116;
+$button-invisible-iconColor-disabled: #4b535d;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #20252c;
 $button-invisible-bgColor-active: #4b535d;
@@ -403,7 +406,6 @@ $color-scale-coral-7: #6f0107; // Avoid using scales, use other functional token
 $color-scale-coral-8: #5b0002; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #430200; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #01040914;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
 $shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
 $shadow-resting-medium: 0px 3px 6px 0px #343b431f;

package/tokens-next-private/scss/functional/themes/light-tritanopia.scss

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
 $button-invisible-fgColor-rest: #0969da;
 $button-invisible-fgColor-hover: #0969da;
 $button-invisible-fgColor-disabled: #8c959f;
+$button-invisible-iconColor-rest: #636c76;
+$button-invisible-iconColor-hover: #636c76;
+$button-invisible-iconColor-disabled: #8c959f;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #d0d7de33;
 $button-invisible-bgColor-active: #d0d7de66;
@@ -403,7 +406,6 @@ $color-scale-coral-7: #801f0f; // Avoid using scales, use other functional token
 $color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #1f232814;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;

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

@@ -123,6 +123,9 @@ $button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
 $button-invisible-fgColor-rest: #0969da;
 $button-invisible-fgColor-hover: #0969da;
 $button-invisible-fgColor-disabled: #8c959f;
+$button-invisible-iconColor-rest: #636c76;
+$button-invisible-iconColor-hover: #636c76;
+$button-invisible-iconColor-disabled: #8c959f;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #d0d7de33;
 $button-invisible-bgColor-active: #d0d7de66;
@@ -403,7 +406,6 @@ $color-scale-coral-7: #801f0f; // Avoid using scales, use other functional token
 $color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #1f232814;
-$shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 :root {

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 16:13:12 GMT
+ * Generated on Wed, 20 Sep 2023 20:51:09 GMT
  */
 
 module.exports = {