@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8-rc.fa82fd1

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

@@ -118,9 +118,10 @@
   --button-primary-bgColor-disabled: #85cb97;
   --button-primary-borderColor-rest: #013d14;
   --button-primary-borderColor-hover: #013d14;
-  --button-primary-borderColor-disabled: #88929dcc;
+  --button-primary-borderColor-disabled: #013d14;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
+  --button-invisible-fgColor-hover: #023b95;
   --button-invisible-fgColor-disabled: #88929d;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #e7ecf0;
@@ -154,13 +155,19 @@
   --button-danger-borderColor-active: #20252c;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
   --buttonCounter-default-bgColor-rest: #e7ecf0;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
+  --buttonCounter-primary-bgColor-rest: #00230b33;
   --buttonCounter-outline-bgColor-rest: #0349b41a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
   --buttonCounter-outline-bgColor-disabled: #0349b40d;
+  --buttonCounter-outline-fgColor-rest: #023b95;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #023b9580;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #a0111f0d;
   --buttonCounter-danger-bgColor-rest: #a0111f1a;
+  --buttonCounter-danger-fgColor-rest: #980e1e;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #8a071e80;
   --focus-outlineColor: #0349b4;
   --focus-outline: #0349b4 solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -508,9 +515,10 @@
     --button-primary-bgColor-disabled: #85cb97;
     --button-primary-borderColor-rest: #013d14;
     --button-primary-borderColor-hover: #013d14;
-    --button-primary-borderColor-disabled: #88929dcc;
+    --button-primary-borderColor-disabled: #013d14;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #023b95;
+    --button-invisible-fgColor-hover: #023b95;
     --button-invisible-fgColor-disabled: #88929d;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #e7ecf0;
@@ -544,13 +552,19 @@
     --button-danger-borderColor-active: #20252c;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
     --buttonCounter-default-bgColor-rest: #e7ecf0;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #00230b33;
     --buttonCounter-outline-bgColor-rest: #0349b41a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0349b40d;
+    --buttonCounter-outline-fgColor-rest: #023b95;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #023b9580;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #a0111f0d;
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
+    --buttonCounter-danger-fgColor-rest: #980e1e;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #8a071e80;
     --focus-outlineColor: #0349b4;
     --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;

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

@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #0d6bd8;
   --button-primary-bgColor-active: #0b64ce;
   --button-primary-bgColor-disabled: #92caff;
-  --button-primary-borderColor-rest: #d0d7decc;
-  --button-primary-borderColor-hover: #d0d7decc;
-  --button-primary-borderColor-disabled: #d0d7decc;
+  --button-primary-borderColor-rest: #1f232826;
+  --button-primary-borderColor-hover: #1f232826;
+  --button-primary-borderColor-disabled: #1f232826;
   --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-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
   --button-danger-borderColor-active: #d0d7de;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
   --buttonCounter-default-bgColor-rest: #eaeef280;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
+  --buttonCounter-primary-bgColor-rest: #002d1133;
   --buttonCounter-outline-bgColor-rest: #0969da1a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
   --buttonCounter-outline-bgColor-disabled: #0969da0d;
+  --buttonCounter-outline-fgColor-rest: #0550ae;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #0969da80;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #cf222e0d;
   --buttonCounter-danger-bgColor-rest: #cf222e1a;
+  --buttonCounter-danger-fgColor-rest: #c21c2c;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #d1242f80;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -186,8 +193,8 @@
   --fgColor-attention: #9a6700;
   --fgColor-severe: #cf222e;
   --fgColor-danger: #d1242f;
-  --fgColor-open: #0969da;
-  --fgColor-closed: #d1242f;
+  --fgColor-open: #cf222e;
+  --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
@@ -206,10 +213,10 @@
   --bgColor-severe-emphasis: #cf222e;
   --bgColor-danger-muted: #ffebe9;
   --bgColor-danger-emphasis: #cf222e;
-  --bgColor-open-muted: #ddf4ff;
-  --bgColor-open-emphasis: #0f72e3;
-  --bgColor-closed-muted: #ffebe9;
-  --bgColor-closed-emphasis: #cf222e;
+  --bgColor-open-muted: #ffebe9;
+  --bgColor-open-emphasis: #cf222e;
+  --bgColor-closed-muted: #f6f8fa;
+  --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
@@ -230,10 +237,10 @@
   --borderColor-severe-emphasis: #cf222e;
   --borderColor-danger-muted: #ff818266;
   --borderColor-danger-emphasis: #cf222e;
-  --borderColor-open-muted: #54aeff66;
-  --borderColor-open-emphasis: #218bff;
-  --borderColor-closed-muted: #ff818266;
-  --borderColor-closed-emphasis: #cf222e;
+  --borderColor-open-muted: #ff818266;
+  --borderColor-open-emphasis: #cf222e;
+  --borderColor-closed-muted: #afb8c166;
+  --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
@@ -506,11 +513,12 @@
     --button-primary-bgColor-hover: #0d6bd8;
     --button-primary-bgColor-active: #0b64ce;
     --button-primary-bgColor-disabled: #92caff;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --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-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -544,13 +552,19 @@
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
     --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #d1242f80;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
@@ -576,8 +590,8 @@
     --fgColor-attention: #9a6700;
     --fgColor-severe: #cf222e;
     --fgColor-danger: #d1242f;
-    --fgColor-open: #0969da;
-    --fgColor-closed: #d1242f;
+    --fgColor-open: #cf222e;
+    --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
@@ -596,10 +610,10 @@
     --bgColor-severe-emphasis: #cf222e;
     --bgColor-danger-muted: #ffebe9;
     --bgColor-danger-emphasis: #cf222e;
-    --bgColor-open-muted: #ddf4ff;
-    --bgColor-open-emphasis: #0f72e3;
-    --bgColor-closed-muted: #ffebe9;
-    --bgColor-closed-emphasis: #cf222e;
+    --bgColor-open-muted: #ffebe9;
+    --bgColor-open-emphasis: #cf222e;
+    --bgColor-closed-muted: #f6f8fa;
+    --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
@@ -620,10 +634,10 @@
     --borderColor-severe-emphasis: #cf222e;
     --borderColor-danger-muted: #ff818266;
     --borderColor-danger-emphasis: #cf222e;
-    --borderColor-open-muted: #54aeff66;
-    --borderColor-open-emphasis: #218bff;
-    --borderColor-closed-muted: #ff818266;
-    --borderColor-closed-emphasis: #cf222e;
+    --borderColor-open-muted: #ff818266;
+    --borderColor-open-emphasis: #cf222e;
+    --borderColor-closed-muted: #afb8c166;
+    --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;

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

@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #1c8139;
   --button-primary-bgColor-active: #197935;
   --button-primary-bgColor-disabled: #95d8a6;
-  --button-primary-borderColor-rest: #d0d7decc;
-  --button-primary-borderColor-hover: #d0d7decc;
-  --button-primary-borderColor-disabled: #d0d7decc;
+  --button-primary-borderColor-rest: #1f232826;
+  --button-primary-borderColor-hover: #1f232826;
+  --button-primary-borderColor-disabled: #1f232826;
   --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-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
   --button-danger-borderColor-active: #d0d7de;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
   --buttonCounter-default-bgColor-rest: #eaeef280;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
+  --buttonCounter-primary-bgColor-rest: #002d1133;
   --buttonCounter-outline-bgColor-rest: #0969da1a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
   --buttonCounter-outline-bgColor-disabled: #0969da0d;
+  --buttonCounter-outline-fgColor-rest: #0550ae;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #0969da80;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #cf222e0d;
   --buttonCounter-danger-bgColor-rest: #cf222e1a;
+  --buttonCounter-danger-fgColor-rest: #c21c2c;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #d1242f80;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -506,11 +513,12 @@
     --button-primary-bgColor-hover: #1c8139;
     --button-primary-bgColor-active: #197935;
     --button-primary-bgColor-disabled: #95d8a6;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --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-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -544,13 +552,19 @@
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
     --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #d1242f80;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;

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

@@ -1643,45 +1643,41 @@
     "path": ["button", "primary", "bgColor", "disabled"]
   },
   "button-primary-borderColor-rest": {
-    "value": "#30363dcc",
+    "value": "#f0f6fc1a",
     "$type": "color",
-    "alpha": 0.8,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
-      "alpha": 0.8
+      "alpha": 0.1
     },
     "name": "button-primary-borderColor-rest",
     "attributes": {},
     "path": ["button", "primary", "borderColor", "rest"]
   },
   "button-primary-borderColor-hover": {
-    "value": "#30363dcc",
+    "value": "#f0f6fc1a",
     "$type": "color",
-    "alpha": 0.8,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
-      "$type": "color",
-      "alpha": 0.8
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color"
     },
     "name": "button-primary-borderColor-hover",
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#30363dcc",
+    "value": "#f0f6fc1a",
     "$type": "color",
-    "alpha": 0.8,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
-      "$type": "color",
-      "alpha": 0.8
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color"
     },
     "name": "button-primary-borderColor-disabled",
     "attributes": {},
@@ -1723,6 +1719,19 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "rest"]
   },
+  "button-invisible-fgColor-hover": {
+    "value": "#58a6ff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.3}",
+      "$type": "color"
+    },
+    "name": "button-invisible-fgColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "hover"]
+  },
   "button-invisible-fgColor-disabled": {
     "value": "#484f58",
     "$type": "color",
@@ -1815,12 +1824,12 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-outline-fgColor-rest": {
-    "value": "#2f81f7",
+    "value": "#388bfd",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{base.color.blue.4}",
       "$type": "color"
     },
     "name": "button-outline-fgColor-rest",
@@ -1828,12 +1837,12 @@
     "path": ["button", "outline", "fgColor", "rest"]
   },
   "button-outline-fgColor-hover": {
-    "value": "#2f81f7",
+    "value": "#58a6ff",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{base.color.blue.3}",
       "$type": "color"
     },
     "name": "button-outline-fgColor-hover",
@@ -2185,13 +2194,13 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-primary-bgColor-rest": {
-    "value": "#ffffff33",
+    "value": "#04260f33",
     "$type": "color",
     "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.green.9}",
       "$type": "color",
       "alpha": 0.2
     },
@@ -2200,28 +2209,28 @@
     "path": ["buttonCounter", "primary", "bgColor", "rest"]
   },
   "buttonCounter-outline-bgColor-rest": {
-    "value": "#1f6feb1a",
+    "value": "#051d4d33",
     "$type": "color",
-    "alpha": 0.1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{base.color.blue.9}",
       "$type": "color",
-      "alpha": 0.1
+      "alpha": 0.2
     },
     "name": "buttonCounter-outline-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "outline", "bgColor", "rest"]
   },
   "buttonCounter-outline-bgColor-hover": {
-    "value": "#ffffff33",
+    "value": "#051d4d33",
     "$type": "color",
     "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.blue.9}",
       "$type": "color",
       "alpha": 0.2
     },
@@ -2244,6 +2253,47 @@
     "attributes": {},
     "path": ["buttonCounter", "outline", "bgColor", "disabled"]
   },
+  "buttonCounter-outline-fgColor-rest": {
+    "value": "#388bfd",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.4}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-outline-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "outline", "fgColor", "rest"]
+  },
+  "buttonCounter-outline-fgColor-hover": {
+    "value": "#58a6ff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.3}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-outline-fgColor-hover",
+    "attributes": {},
+    "path": ["buttonCounter", "outline", "fgColor", "hover"]
+  },
+  "buttonCounter-outline-fgColor-disabled": {
+    "value": "#2f81f780",
+    "$type": "color",
+    "alpha": 0.5,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.accent}",
+      "$type": "color",
+      "alpha": 0.5
+    },
+    "name": "buttonCounter-outline-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonCounter", "outline", "fgColor", "disabled"]
+  },
   "buttonCounter-danger-bgColor-hover": {
     "value": "#ffffff33",
     "$type": "color",
@@ -2275,20 +2325,61 @@
     "path": ["buttonCounter", "danger", "bgColor", "disabled"]
   },
   "buttonCounter-danger-bgColor-rest": {
-    "value": "#bd561d1a",
+    "value": "#49020233",
     "$type": "color",
-    "alpha": 0.1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.danger.emphasis}",
+      "value": "{base.color.red.9}",
       "$type": "color",
-      "alpha": 0.1
+      "alpha": 0.2
     },
     "name": "buttonCounter-danger-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "danger", "bgColor", "rest"]
   },
+  "buttonCounter-danger-fgColor-rest": {
+    "value": "#db6d28",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.danger}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-danger-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonCounter", "danger", "fgColor", "rest"]
+  },
+  "buttonCounter-danger-fgColor-hover": {
+    "value": "#ffffff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color"
+    },
+    "name": "buttonCounter-danger-fgColor-hover",
+    "attributes": {},
+    "path": ["buttonCounter", "danger", "fgColor", "hover"]
+  },
+  "buttonCounter-danger-fgColor-disabled": {
+    "value": "#db6d2880",
+    "$type": "color",
+    "alpha": 0.5,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.danger}",
+      "$type": "color",
+      "alpha": 0.5
+    },
+    "name": "buttonCounter-danger-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonCounter", "danger", "fgColor", "disabled"]
+  },
   "focus-outlineColor": {
     "value": "#1f6feb",
     "$type": "color",