@primer/primitives 10.5.0 → 10.5.1-rc.aa2b8f62

package/dist/styleLint/functional/themes/dark-tritanopia.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.json

@@ -3680,7 +3680,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#2f3742",
+          "$value": "#9198a1",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -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,
@@ -4172,6 +4172,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"
         }
       }
     },
@@ -4199,6 +4206,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,6 +12697,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"
         }
       }
     },
@@ -12705,6 +12725,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/light-colorblind.json

@@ -3668,7 +3668,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3697,7 +3697,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,
@@ -4160,6 +4160,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"
         }
       }
     },
@@ -4187,6 +4194,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"
           }
         }
       }
@@ -12673,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"
         }
       }
     },
@@ -12695,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/styleLint/functional/themes/light-high-contrast.json

@@ -3664,7 +3664,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3693,7 +3693,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,
@@ -4077,7 +4077,7 @@
     "key": "{button.danger.bgColor.rest}"
   },
   "button-danger-borderColor-active": {
-    "$value": "#013d14",
+    "$value": "#6e011a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4087,7 +4087,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#013d14",
+          "$value": "#6e011a",
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -4135,7 +4135,7 @@
     "key": "{button.danger.borderColor.active}"
   },
   "button-danger-borderColor-hover": {
-    "$value": "#013d14",
+    "$value": "#6e011a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4156,13 +4156,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": {
@@ -4183,9 +4191,17 @@
             "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": {},
@@ -12673,6 +12689,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"
         }
       }
     },
@@ -12695,6 +12717,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/light-tritanopia.json

@@ -3668,7 +3668,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3697,7 +3697,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,
@@ -4160,6 +4160,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"
         }
       }
     },
@@ -4187,6 +4194,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"
           }
         }
       }
@@ -12673,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"
         }
       }
     },
@@ -12695,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/styleLint/functional/themes/light.json

@@ -3664,7 +3664,7 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#d1d9e0",
+          "$value": "#59636e",
           "alpha": 1,
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
@@ -3693,7 +3693,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,
@@ -4156,6 +4156,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"
         }
       }
     },
@@ -4183,6 +4190,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"
           }
         }
       }
@@ -12669,6 +12683,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"
         }
       }
     },
@@ -12691,6 +12711,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "10.5.0",
+  "version": "10.5.1-rc.aa2b8f62",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [

package/src/tokens/component/button.json5

@@ -1265,6 +1265,10 @@
                 $value: '{base.color.red.2}',
                 alpha: 1,
               },
+              'light-high-contrast': {
+                $value: '{base.color.red.7}',
+                alpha: 1,
+              },
             },
           },
         },

package/src/tokens/functional/color/borderColor.json5

@@ -112,7 +112,7 @@
             alpha: 1,
           },
           'dark-high-contrast': {
-            $value: '{base.color.neutral.6}',
+            $value: '{base.color.neutral.9}',
             alpha: 1,
           },
         },