@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948

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

@@ -4743,7 +4743,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#393d48",
+    "value": "#555c67",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4754,10 +4754,10 @@
       }
     },
     "mix": {
-      "color": "#272b33",
-      "weight": 0.2
+      "color": "#7a828e",
+      "weight": 0.4
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.neutral.7}",
@@ -4771,8 +4771,8 @@
         }
       },
       "mix": {
-        "color": "{base.color.neutral.8}",
-        "weight": 0.2
+        "color": "{base.color.neutral.5}",
+        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4809,7 +4809,7 @@
     "path": ["control", "bgColor", "disabled"]
   },
   "control-bgColor-selected": {
-    "value": "#272b33",
+    "value": "#525964",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4819,10 +4819,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4867,11 +4867,11 @@
     "path": ["control", "fgColor", "rest"]
   },
   "control-fgColor-placeholder": {
-    "value": "#e4e9ed",
+    "value": "#b7bec7",
     "$type": "color",
     "mix": {
-      "color": "#f0f3f6",
-      "weight": 0.5
+      "color": "#9ea7b3",
+      "weight": 0.2
     },
     "$extensions": {
       "org.primer.figma": {
@@ -4881,14 +4881,14 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "mix": {
-        "color": "{base.color.neutral.1}",
-        "weight": 0.5
+        "color": "{base.color.neutral.4}",
+        "weight": 0.2
       },
       "$extensions": {
         "org.primer.figma": {
@@ -4962,7 +4962,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#9ea7b3",
+    "value": "#7a828e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5405,7 +5405,7 @@
     "path": ["control", "transparent", "borderColor", "active"]
   },
   "control-danger-fgColor-rest": {
-    "value": "#ff9492",
+    "value": "#ff8080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6188,7 +6188,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#9ea7b3",
+    "value": "#7a828e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6391,7 +6391,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#393d48",
+    "value": "#555c67",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6420,7 +6420,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#393d48",
+    "value": "#555c67",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7021,7 +7021,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#73b8ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7493,7 +7493,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#73b8ff80",
+    "value": "#60aeff80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7824,7 +7824,7 @@
     "path": ["button", "danger", "fgColor", "active"]
   },
   "button-danger-fgColor-disabled": {
-    "value": "#ff949280",
+    "value": "#ff808080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7855,7 +7855,7 @@
     "path": ["button", "danger", "fgColor", "disabled"]
   },
   "button-danger-iconColor-rest": {
-    "value": "#ff9492",
+    "value": "#ff8080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8492,7 +8492,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#73b8ff80",
+    "value": "#60aeff80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8616,7 +8616,7 @@
     "path": ["buttonCounter", "danger", "bgColor", "rest"]
   },
   "buttonCounter-danger-fgColor-rest": {
-    "value": "#ff9492",
+    "value": "#ff8080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8674,7 +8674,7 @@
     "path": ["buttonCounter", "danger", "fgColor", "hover"]
   },
   "buttonCounter-danger-fgColor-disabled": {
-    "value": "#ff949280",
+    "value": "#ff808080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8775,7 +8775,7 @@
     "path": ["reactionButton", "selected", "bgColor", "hover"]
   },
   "reactionButton-selected-fgColor-rest": {
-    "value": "#73b8ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9065,7 +9065,7 @@
     "path": ["sideNav", "bgColor", "selected"]
   },
   "skeletonLoader-bgColor": {
-    "value": "#191c22",
+    "value": "#272b33",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -9254,7 +9254,7 @@
     "path": ["selection", "bgColor"]
   },
   "card-bgColor": {
-    "value": "#191c22",
+    "value": "#272b33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12793,7 +12793,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#73b8ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12857,7 +12857,7 @@
     "path": ["fgColor", "neutral"]
   },
   "fgColor-accent": {
-    "value": "#73b8ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12871,10 +12871,10 @@
       }
     },
     "mix": {
-      "color": "#91cbff",
-      "weight": 0.05
+      "color": "#409eff",
+      "weight": 0.35
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.blue.3}",
@@ -12891,8 +12891,8 @@
         }
       },
       "mix": {
-        "color": "{base.color.blue.2}",
-        "weight": 0.05
+        "color": "{base.color.blue.5}",
+        "weight": 0.35
       }
     },
     "name": "fgColor-accent",
@@ -13005,7 +13005,7 @@
     "path": ["fgColor", "attention"]
   },
   "fgColor-severe": {
-    "value": "#fe9a2d",
+    "value": "#f48b25",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13018,10 +13018,10 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.orange.3}",
+      "value": "{base.color.orange.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13040,7 +13040,7 @@
     "path": ["fgColor", "severe"]
   },
   "fgColor-danger": {
-    "value": "#ff9492",
+    "value": "#ff8080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13053,10 +13053,10 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.3}",
+      "value": "{base.color.red.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13075,7 +13075,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#ff9492",
+    "value": "#ff8080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13110,7 +13110,7 @@
     "path": ["fgColor", "closed"]
   },
   "fgColor-done": {
-    "value": "#cb9eff",
+    "value": "#bf8fff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13123,10 +13123,10 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.3}",
+      "value": "{base.color.purple.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13145,7 +13145,7 @@
     "path": ["fgColor", "done"]
   },
   "fgColor-upsell": {
-    "value": "#cb9eff",
+    "value": "#bf8fff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13180,7 +13180,7 @@
     "path": ["fgColor", "upsell"]
   },
   "fgColor-sponsors": {
-    "value": "#ff8dc7",
+    "value": "#f87cbd",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13193,10 +13193,10 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.pink.3}",
+      "value": "{base.color.pink.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13250,7 +13250,7 @@
     "path": ["bgColor", "default"]
   },
   "bgColor-muted": {
-    "value": "#191c22",
+    "value": "#272b33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13263,14 +13263,10 @@
         }
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
-    "mix": {
-      "color": "#272b33",
-      "weight": 0.5
-    },
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13282,10 +13278,6 @@
             "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.8}",
-        "weight": 0.5
       }
     },
     "name": "bgColor-muted",
@@ -13576,7 +13568,7 @@
     "path": ["bgColor", "neutral", "emphasis"]
   },
   "bgColor-accent-muted": {
-    "value": "#409eff1a",
+    "value": "#5cacff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13590,10 +13582,10 @@
       }
     },
     "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.5}",
+      "value": "{base.color.blue.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13648,7 +13640,7 @@
     "path": ["bgColor", "accent", "emphasis"]
   },
   "bgColor-success-muted": {
-    "value": "#0ac74024",
+    "value": "#0ac74026",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13661,8 +13653,8 @@
         }
       }
     },
-    "alpha": 0.14,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.15,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.green.4}",
@@ -13678,7 +13670,7 @@
           }
         }
       },
-      "alpha": 0.14
+      "alpha": 0.15
     },
     "name": "bgColor-success-muted",
     "attributes": {},
@@ -13720,7 +13712,7 @@
     "path": ["bgColor", "success", "emphasis"]
   },
   "bgColor-open-muted": {
-    "value": "#0ac74024",
+    "value": "#0ac74026",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13733,8 +13725,8 @@
         }
       }
     },
-    "alpha": 0.14,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.15,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
       "value": "{bgColor.success.muted}",
@@ -13750,7 +13742,7 @@
           }
         }
       },
-      "alpha": 0.14
+      "alpha": 0.15
     },
     "name": "bgColor-open-muted",
     "attributes": {},
@@ -13864,7 +13856,7 @@
     "path": ["bgColor", "attention", "emphasis"]
   },
   "bgColor-severe-muted": {
-    "value": "#f48b2516",
+    "value": "#f48b251a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13877,8 +13869,8 @@
         }
       }
     },
-    "alpha": 0.088,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.orange.4}",
@@ -13894,7 +13886,7 @@
           }
         }
       },
-      "alpha": 0.088
+      "alpha": 0.1
     },
     "name": "bgColor-severe-muted",
     "attributes": {},
@@ -13936,7 +13928,7 @@
     "path": ["bgColor", "severe", "emphasis"]
   },
   "bgColor-danger-muted": {
-    "value": "#ff808017",
+    "value": "#ff80801a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13949,8 +13941,8 @@
         }
       }
     },
-    "alpha": 0.09,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.red.4}",
@@ -13966,7 +13958,7 @@
           }
         }
       },
-      "alpha": 0.09
+      "alpha": 0.1
     },
     "name": "bgColor-danger-muted",
     "attributes": {},
@@ -14008,7 +14000,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#ff808017",
+    "value": "#ff80801a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14021,8 +14013,8 @@
         }
       }
     },
-    "alpha": 0.09,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
       "value": "{bgColor.danger.muted}",
@@ -14038,7 +14030,7 @@
           }
         }
       },
-      "alpha": 0.09
+      "alpha": 0.1
     },
     "name": "bgColor-closed-muted",
     "attributes": {},
@@ -14080,7 +14072,7 @@
     "path": ["bgColor", "closed", "emphasis"]
   },
   "bgColor-done-muted": {
-    "value": "#b87fff17",
+    "value": "#bf8fff26",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14093,11 +14085,11 @@
         }
       }
     },
-    "alpha": 0.09,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.15,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{base.color.purple.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14110,7 +14102,7 @@
           }
         }
       },
-      "alpha": 0.09
+      "alpha": 0.15
     },
     "name": "bgColor-done-muted",
     "attributes": {},
@@ -14224,7 +14216,7 @@
     "path": ["bgColor", "upsell", "emphasis"]
   },
   "bgColor-sponsors-muted": {
-    "value": "#ef6eb117",
+    "value": "#f87cbd1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14237,11 +14229,11 @@
         }
       }
     },
-    "alpha": 0.09,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.pink.5}",
+      "value": "{base.color.pink.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14254,7 +14246,7 @@
           }
         }
       },
-      "alpha": 0.09
+      "alpha": 0.1
     },
     "name": "bgColor-sponsors-muted",
     "attributes": {},
@@ -14368,7 +14360,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#9ea7b3",
+    "value": "#7a828e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14378,10 +14370,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {