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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.13.1-rc.4461d84",
+  "version": "7.13.1",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

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

@@ -125,6 +125,9 @@
   --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;
@@ -404,7 +407,6 @@
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -820,7 +825,6 @@
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
     --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/css/functional/themes/dark-dimmed.css

@@ -125,6 +125,9 @@
   --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;
@@ -404,7 +407,6 @@
   --color-scale-coral-8: #771d13;
   --color-scale-coral-9: #5d1008;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -820,7 +825,6 @@
     --color-scale-coral-8: #771d13;
     --color-scale-coral-9: #5d1008;
     --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/css/functional/themes/dark-high-contrast.css

@@ -125,6 +125,9 @@
   --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;
@@ -404,7 +407,6 @@
   --color-scale-coral-8: #c62612;
   --color-scale-coral-9: #a91500;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -820,7 +825,6 @@
     --color-scale-coral-8: #c62612;
     --color-scale-coral-9: #a91500;
     --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/css/functional/themes/dark-tritanopia.css

@@ -125,6 +125,9 @@
   --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;
@@ -404,7 +407,6 @@
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -820,7 +825,6 @@
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
     --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/css/functional/themes/dark.css

@@ -125,6 +125,9 @@
   --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;
@@ -404,7 +407,6 @@
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -820,7 +825,6 @@
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
     --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/css/functional/themes/light-colorblind.css

@@ -125,6 +125,9 @@
   --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;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
     --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/css/functional/themes/light-high-contrast.css

@@ -125,6 +125,9 @@
   --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;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #5b0002;
   --color-scale-coral-9: #430200;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #5b0002;
     --color-scale-coral-9: #430200;
     --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/css/functional/themes/light-tritanopia.css

@@ -125,6 +125,9 @@
   --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;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
     --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/css/functional/themes/light.css

@@ -125,6 +125,9 @@
   --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;
@@ -405,7 +408,6 @@
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
   --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;
@@ -541,6 +543,9 @@
     --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;
@@ -821,7 +826,6 @@
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
     --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/docs/functional/themes/dark-colorblind.json

@@ -3731,6 +3731,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#7d8590",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#e6edf3",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#8b949e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.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": "#00000000",
     "$type": "color",
@@ -10518,27 +10605,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff1f",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.12,
-        "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 #010409cc",
     "$type": "shadow",

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

@@ -3737,6 +3737,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#6d7986",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#6d7986",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#768390",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.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": "#00000000",
     "$type": "color",
@@ -10522,27 +10609,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #cdd9e51f",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.12,
-        "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 #1c2128cc",
     "$type": "shadow",