@primer/primitives 10.5.0 → 10.5.1-rc.605714e8

package/dist/docs/functional/themes/light-high-contrast.json

@@ -3662,7 +3662,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3691,7 +3691,7 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.6}",
+            "$value": "{base.color.neutral.9}",
             "alpha": 1,
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
@@ -4085,7 +4085,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#013d14",
+          "$value": "#6e011a",
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -4131,7 +4131,7 @@
     "attributes": {},
     "path": ["button", "danger", "borderColor", "active"],
     "key": "{button.danger.borderColor.active}",
-    "value": "#013d14",
+    "value": "#6e011a",
     "type": "color"
   },
   "button-danger-borderColor-hover": {
@@ -4154,13 +4154,21 @@
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#6e011a",
+          "alpha": 1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
     "filePath": "src/tokens/component/button.json5",
     "isSource": true,
+    "alpha": 1,
     "original": {
-      "$value": "{button.primary.borderColor.rest}",
+      "$value": "{base.color.red.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4181,15 +4189,23 @@
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.red.7}",
+            "alpha": 1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
-      }
+      },
+      "alpha": 1
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"],
     "key": "{button.danger.borderColor.hover}",
-    "value": "#013d14",
+    "value": "#6e011a",
     "type": "color"
   },
   "button-danger-borderColor-rest": {
@@ -12671,6 +12687,12 @@
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -12693,6 +12715,12 @@
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{fgColor.onEmphasis}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }

package/dist/docs/functional/themes/light-tritanopia.json

@@ -3666,7 +3666,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3695,7 +3695,7 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.6}",
+            "$value": "{base.color.neutral.9}",
             "alpha": 1,
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
@@ -4158,6 +4158,13 @@
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#82071e",
+          "alpha": 1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -4185,6 +4192,13 @@
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.red.7}",
+            "alpha": 1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }
@@ -12671,6 +12685,12 @@
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -12693,6 +12713,12 @@
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{fgColor.onEmphasis}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }

package/dist/docs/functional/themes/light.json

@@ -3662,7 +3662,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3691,7 +3691,7 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.6}",
+            "$value": "{base.color.neutral.9}",
             "alpha": 1,
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
@@ -4154,6 +4154,13 @@
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#82071e",
+          "alpha": 1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -4181,6 +4188,13 @@
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.red.7}",
+            "alpha": 1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }
@@ -12667,6 +12681,12 @@
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -12689,6 +12709,12 @@
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{fgColor.onEmphasis}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }

package/dist/figma/themes/dark-high-contrast.json

@@ -6399,15 +6399,15 @@
   {
     "name": "borderColor/translucent",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.21568627450980393,
-      "b": 0.25882352941176473,
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
       "a": 1
     },
     "type": "COLOR",
     "alpha": 1,
     "refId": "mode/borderColor/translucent",
-    "reference": "base/color/dark/base/color/neutral/6",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "semantic",
@@ -7239,13 +7239,13 @@
     "name": "control/danger/fgColor/hover",
     "value": {
       "r": 1,
-      "g": 0.5803921568627451,
-      "b": 0.5725490196078431,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/control/danger/fgColor/hover",
-    "reference": "base/color/dark-high-contrast/base/color/red/3",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",

package/dist/figma/themes/light-high-contrast.json

@@ -2064,14 +2064,15 @@
   {
     "name": "button/danger/borderColor/hover",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.23921568627450981,
-      "b": 0.0784313725490196,
+      "r": 0.43137254901960786,
+      "g": 0.00392156862745098,
+      "b": 0.10196078431372549,
       "a": 1
     },
     "type": "COLOR",
+    "alpha": 1,
     "refId": "mode/button/danger/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/rest",
+    "reference": "base/color/light-high-contrast/base/color/red/7",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component (internal)",
@@ -2080,9 +2081,9 @@
   {
     "name": "button/danger/borderColor/active",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.23921568627450981,
-      "b": 0.0784313725490196,
+      "r": 0.43137254901960786,
+      "g": 0.00392156862745098,
+      "b": 0.10196078431372549,
       "a": 1
     },
     "type": "COLOR",

package/dist/internalCss/dark-high-contrast.css

@@ -354,7 +354,7 @@
   --borderColor-sponsors-muted: var(--base-color-pink-4);
   --borderColor-success-emphasis: var(--base-color-green-5);
   --borderColor-success-muted: var(--base-color-green-4);
-  --borderColor-translucent: var(--base-color-neutral-6);
+  --borderColor-translucent: var(--base-color-neutral-9);
   --borderColor-transparent: var(--base-color-transparent);
   --borderRadius-default: var(--borderRadius-medium);
   --borderWidth-default: var(--borderWidth-thin);
@@ -469,7 +469,6 @@
   --control-checked-borderColor-active: var(--base-color-blue-2);
   --control-checked-borderColor-hover: var(--base-color-blue-2);
   --control-checked-borderColor-rest: var(--base-color-blue-2);
-  --control-danger-fgColor-hover: var(--base-color-red-3);
   --control-fgColor-placeholder: var(--base-color-neutral-10);
   --control-transparent-bgColor-active: var(--base-color-neutral-7);
   --control-transparent-bgColor-hover: var(--base-color-neutral-6);
@@ -937,6 +936,7 @@
   --control-borderColor-emphasis: var(--borderColor-emphasis);
   --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
   --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
+  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
   --control-fgColor-rest: var(--fgColor-default);
   --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
   --controlKnob-bgColor-rest: var(--bgColor-inset);
@@ -1347,7 +1347,7 @@
     --borderColor-sponsors-muted: var(--base-color-pink-4);
     --borderColor-success-emphasis: var(--base-color-green-5);
     --borderColor-success-muted: var(--base-color-green-4);
-    --borderColor-translucent: var(--base-color-neutral-6);
+    --borderColor-translucent: var(--base-color-neutral-9);
     --borderColor-transparent: var(--base-color-transparent);
     --borderRadius-default: var(--borderRadius-medium);
     --borderWidth-default: var(--borderWidth-thin);
@@ -1462,7 +1462,6 @@
     --control-checked-borderColor-active: var(--base-color-blue-2);
     --control-checked-borderColor-hover: var(--base-color-blue-2);
     --control-checked-borderColor-rest: var(--base-color-blue-2);
-    --control-danger-fgColor-hover: var(--base-color-red-3);
     --control-fgColor-placeholder: var(--base-color-neutral-10);
     --control-transparent-bgColor-active: var(--base-color-neutral-7);
     --control-transparent-bgColor-hover: var(--base-color-neutral-6);
@@ -1930,6 +1929,7 @@
     --control-borderColor-emphasis: var(--borderColor-emphasis);
     --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
     --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
+    --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
     --control-fgColor-rest: var(--fgColor-default);
     --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
     --controlKnob-bgColor-rest: var(--bgColor-inset);

package/dist/internalCss/light-high-contrast.css

@@ -364,6 +364,7 @@
   --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
   --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
   --button-danger-bgColor-hover: var(--base-color-red-6);
+  --button-danger-borderColor-hover: var(--base-color-red-7);
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
   --button-inactive-fgColor: var(--base-color-neutral-10);
   --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -774,7 +775,7 @@
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
   --borderColor-upsell-muted: var(--borderColor-done-muted);
   --button-danger-bgColor-rest: var(--control-bgColor-rest);
-  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
+  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-danger-fgColor-active: var(--base-color-neutral-0);
   --button-danger-fgColor-disabled: #86061d80;
   --button-danger-fgColor-hover: var(--base-color-neutral-0);
@@ -921,7 +922,6 @@
   --border-upsell-muted: 0.0625rem solid #a371f7;
   --borderColor-neutral-muted: var(--borderColor-muted);
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
-  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-active: var(--control-borderColor-rest);
@@ -1357,6 +1357,7 @@
     --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
     --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
     --button-danger-bgColor-hover: var(--base-color-red-6);
+    --button-danger-borderColor-hover: var(--base-color-red-7);
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
     --button-inactive-fgColor: var(--base-color-neutral-10);
     --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1767,7 +1768,7 @@
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
     --borderColor-upsell-muted: var(--borderColor-done-muted);
     --button-danger-bgColor-rest: var(--control-bgColor-rest);
-    --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
+    --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-danger-fgColor-active: var(--base-color-neutral-0);
     --button-danger-fgColor-disabled: #86061d80;
     --button-danger-fgColor-hover: var(--base-color-neutral-0);
@@ -1914,7 +1915,6 @@
     --border-upsell-muted: 0.0625rem solid #a371f7;
     --borderColor-neutral-muted: var(--borderColor-muted);
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
-    --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-active: var(--control-borderColor-rest);

package/dist/styleLint/functional/themes/dark-colorblind.json

@@ -3688,7 +3688,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#2f3742",
+          "$value": "#9198a1",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3717,7 +3717,7 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.6}",
+            "$value": "{base.color.neutral.9}",
             "alpha": 1,
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
@@ -4180,6 +4180,13 @@
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#8e1519",
+          "alpha": 1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -4207,6 +4214,13 @@
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.red.7}",
+            "alpha": 1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }
@@ -12691,6 +12705,12 @@
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -12713,6 +12733,12 @@
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{fgColor.onEmphasis}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }

package/dist/styleLint/functional/themes/dark-dimmed.json

@@ -3682,7 +3682,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#2f3742",
+          "$value": "#9198a1",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3711,7 +3711,7 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.6}",
+            "$value": "{base.color.neutral.9}",
             "alpha": 1,
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
@@ -4174,6 +4174,13 @@
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#922323",
+          "alpha": 1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -4201,6 +4208,13 @@
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.red.7}",
+            "alpha": 1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }
@@ -12687,6 +12701,12 @@
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#f0f6fc",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -12709,6 +12729,12 @@
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{fgColor.onEmphasis}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }

package/dist/styleLint/functional/themes/dark-high-contrast.json

@@ -3663,7 +3663,7 @@
     "key": "{borderColor.success.muted}"
   },
   "borderColor-translucent": {
-    "$value": "#2f3742",
+    "$value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3680,7 +3680,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#2f3742",
+          "$value": "#9198a1",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3692,7 +3692,7 @@
     "filePath": "src/tokens/functional/color/borderColor.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.neutral.6}",
+      "$value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3709,7 +3709,7 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.6}",
+            "$value": "{base.color.neutral.9}",
             "alpha": 1,
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
@@ -4174,6 +4174,13 @@
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#e82a2f",
+          "alpha": 1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -4202,6 +4209,13 @@
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.red.7}",
+            "alpha": 1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       },
@@ -12683,7 +12697,7 @@
     "key": "{control.danger.bgColor.hover}"
   },
   "control-danger-fgColor-hover": {
-    "$value": "#ff9492",
+    "$value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12699,13 +12713,19 @@
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
     "filePath": "src/tokens/functional/color/control.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.3}",
+      "$value": "{fgColor.onEmphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12721,6 +12741,12 @@
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{fgColor.onEmphasis}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }