@primer/primitives 7.5.1-rc.e5be394 → 7.6.0-rc.8feb85c

package/dist/ts/colors/light_colorblind.ts

@@ -9,16 +9,16 @@ export default {
     "addition": {
       "numText": "#24292f",
       "fg": "#24292f",
-      "numBg": "rgba(53,173,255,0.4)",
-      "lineBg": "rgba(192,246,255,0.5)",
-      "wordBg": "rgba(53,173,255,0.4)"
+      "numBg": "rgba(84,174,255,0.4)",
+      "lineBg": "rgba(221,244,255,0.5)",
+      "wordBg": "rgba(84,174,255,0.4)"
     },
     "deletion": {
       "numText": "#24292f",
       "fg": "#24292f",
-      "numBg": "rgba(231,161,0,0.4)",
-      "lineBg": "rgba(254,254,72,0.5)",
-      "wordBg": "rgba(248,194,0,0.5)"
+      "numBg": "rgba(247,153,57,0.4)",
+      "lineBg": "rgba(255,245,232,0.5)",
+      "wordBg": "rgba(255,188,109,0.5)"
     },
     "hunk": {
       "numBg": "rgba(84,174,255,0.4)"
@@ -31,7 +31,7 @@ export default {
   "diffstat": {
     "deletionBorder": "rgba(27,31,36,0.15)",
     "additionBorder": "rgba(27,31,36,0.15)",
-    "additionBg": "#0088ff"
+    "additionBg": "#218bff"
   },
   "searchKeyword": {
     "hl": "#fff8c5"
@@ -42,26 +42,26 @@ export default {
       "constant": "#0550ae",
       "entity": "#8250df",
       "storageModifierImport": "#24292f",
-      "entityTag": "#054da9",
-      "keyword": "#ac5e00",
+      "entityTag": "#0550ae",
+      "keyword": "#b35900",
       "string": "#0a3069",
-      "variable": "#953800",
-      "brackethighlighterUnmatched": "#6c3900",
+      "variable": "#8a4600",
+      "brackethighlighterUnmatched": "#6f3800",
       "invalidIllegalText": "#f6f8fa",
-      "invalidIllegalBg": "#6c3900",
+      "invalidIllegalBg": "#6f3800",
       "carriageReturnText": "#f6f8fa",
-      "carriageReturnBg": "#ac5e00",
-      "stringRegexp": "#054da9",
+      "carriageReturnBg": "#b35900",
+      "stringRegexp": "#0550ae",
       "markupList": "#3b2300",
       "markupHeading": "#0550ae",
       "markupItalic": "#24292f",
       "markupBold": "#24292f",
-      "markupDeletedText": "#6c3900",
-      "markupDeletedBg": "#fefe48",
-      "markupInsertedText": "#054da9",
-      "markupInsertedBg": "#c0f6ff",
-      "markupChangedText": "#953800",
-      "markupChangedBg": "#ffd8b5",
+      "markupDeletedText": "#6f3800",
+      "markupDeletedBg": "#fff5e8",
+      "markupInsertedText": "#0550ae",
+      "markupInsertedBg": "#ddf4ff",
+      "markupChangedText": "#8a4600",
+      "markupChangedBg": "#ffddb0",
       "markupIgnoredText": "#eaeef2",
       "markupIgnoredBg": "#0550ae",
       "metaDiffRange": "#8250df",
@@ -86,11 +86,11 @@ export default {
       "comment": "#24292f",
       "constant": "#0550ae",
       "entity": "#8250df",
-      "keyword": "#ac5e00",
-      "storage": "#ac5e00",
+      "keyword": "#b35900",
+      "storage": "#b35900",
       "string": "#0a3069",
       "support": "#0550ae",
-      "variable": "#953800"
+      "variable": "#8a4600"
     }
   },
   "checks": {
@@ -108,9 +108,9 @@ export default {
     "inputFocusText": "#8c959f",
     "inputBg": "#32383f",
     "inputShadow": "none",
-    "donutError": "#d08002",
+    "donutError": "#dd7815",
     "donutPending": "#bf8700",
-    "donutSuccess": "#0088ff",
+    "donutSuccess": "#218bff",
     "donutNeutral": "#afb8c1",
     "dropdownText": "#afb8c1",
     "dropdownBg": "#32383f",
@@ -137,29 +137,29 @@ export default {
     "gateText": "#d0d7de",
     "gateWaitingText": "#d4a72c",
     "stepHeaderOpenBg": "#32383f",
-    "stepErrorText": "#e7a100",
+    "stepErrorText": "#f79939",
     "stepWarningText": "#d4a72c",
     "loglineText": "#8c959f",
     "loglineNumText": "rgba(140,149,159,0.75)",
     "loglineDebugText": "#c297ff",
     "loglineErrorText": "#d0d7de",
-    "loglineErrorNumText": "#e7a100",
-    "loglineErrorBg": "rgba(139,70,0,0.15)",
+    "loglineErrorNumText": "#f79939",
+    "loglineErrorBg": "rgba(138,70,0,0.15)",
     "loglineWarningText": "#d0d7de",
     "loglineWarningNumText": "#d4a72c",
     "loglineWarningBg": "rgba(125,78,0,0.15)",
     "loglineCommandText": "#54aeff",
-    "loglineSectionText": "#35adff",
+    "loglineSectionText": "#54aeff",
     "ansi": {
       "black": "#24292f",
       "blackBright": "#32383f",
       "white": "#d0d7de",
       "whiteBright": "#d0d7de",
       "gray": "#8c959f",
-      "red": "#e7a100",
-      "redBright": "#f8c200",
-      "green": "#35adff",
-      "greenBright": "#65ccff",
+      "red": "#f79939",
+      "redBright": "#ffbc6d",
+      "green": "#54aeff",
+      "greenBright": "#80ccff",
       "yellow": "#d4a72c",
       "yellowBright": "#eac54f",
       "blue": "#54aeff",
@@ -236,10 +236,10 @@ export default {
     "white": "#6e7781",
     "whiteBright": "#8c959f",
     "gray": "#6e7781",
-    "red": "#ac5e00",
-    "redBright": "#8b4600",
-    "green": "#054da9",
-    "greenBright": "#0566d5",
+    "red": "#b35900",
+    "redBright": "#8a4600",
+    "green": "#0550ae",
+    "greenBright": "#0969da",
     "yellow": "#4d2d00",
     "yellowBright": "#633c01",
     "blue": "#0969da",
@@ -268,20 +268,20 @@ export default {
     "counterBg": "rgba(27,31,36,0.08)",
     "primary": {
       "text": "#ffffff",
-      "bg": "#0088ff",
+      "bg": "#218bff",
       "border": "rgba(27,31,36,0.15)",
       "shadow": "0 1px 0 rgba(27,31,36,0.1)",
       "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-      "hoverBg": "#0566d5",
+      "hoverBg": "#0969da",
       "hoverBorder": "rgba(27,31,36,0.15)",
-      "selectedBg": "hsla(212,95%,41%,1)",
-      "selectedShadow": "inset 0 1px 0 rgba(0,31,80,0.2)",
+      "selectedBg": "hsla(212,92%,43%,1)",
+      "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
       "disabledText": "rgba(255,255,255,0.8)",
-      "disabledBg": "#65ccff",
+      "disabledBg": "#80ccff",
       "disabledBorder": "rgba(27,31,36,0.15)",
-      "focusBg": "#0088ff",
+      "focusBg": "#218bff",
       "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(0,136,255,0.4)",
+      "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
       "icon": "rgba(255,255,255,0.8)",
       "counterBg": "rgba(255,255,255,0.2)"
     },
@@ -305,24 +305,24 @@ export default {
       "counterBg": "rgba(9,105,218,0.1)"
     },
     "danger": {
-      "text": "#ac5e00",
+      "text": "#b35900",
       "hoverText": "#ffffff",
-      "hoverBg": "#8b4600",
+      "hoverBg": "#8a4600",
       "hoverBorder": "rgba(27,31,36,0.15)",
       "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
       "hoverCounterBg": "rgba(255,255,255,0.2)",
       "selectedText": "#ffffff",
-      "selectedBg": "hsla(33,100%,31%,1)",
+      "selectedBg": "hsla(30,100%,32%,1)",
       "selectedBorder": "rgba(27,31,36,0.15)",
-      "selectedShadow": "inset 0 1px 0 rgba(47,41,0,0.2)",
-      "disabledText": "rgba(172,94,0,0.5)",
+      "selectedShadow": "inset 0 1px 0 rgba(65,32,0,0.2)",
+      "disabledText": "rgba(179,89,0,0.5)",
       "disabledBg": "#f6f8fa",
-      "disabledCounterBg": "rgba(172,94,0,0.05)",
+      "disabledCounterBg": "rgba(179,89,0,0.05)",
       "focusBorder": "rgba(27,31,36,0.15)",
-      "focusShadow": "0 0 0 3px rgba(139,70,0,0.4)",
-      "counterBg": "rgba(172,94,0,0.1)",
-      "icon": "#ac5e00",
+      "focusShadow": "0 0 0 3px rgba(138,70,0,0.4)",
+      "counterBg": "rgba(179,89,0,0.1)",
+      "icon": "#b35900",
       "hoverIcon": "#ffffff"
     }
   },
@@ -340,9 +340,25 @@ export default {
       "selectedBg": "rgba(208,215,222,0.24)"
     },
     "danger": {
-      "hoverBg": "rgba(254,254,72,0.64)",
-      "activeBg": "#fefe48",
-      "hoverText": "#ac5e00"
+      "hoverBg": "rgba(255,245,232,0.64)",
+      "activeBg": "#fff5e8",
+      "hoverText": "#b35900"
+    }
+  },
+  "switchTrack": {
+    "bg": "#eaeef2",
+    "border": "#afb8c1",
+    "checked": {
+      "bg": "#ddf4ff",
+      "hoverBg": "#b6e3ff",
+      "activeBg": "#80ccff",
+      "border": "#54aeff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#0969da",
+      "disabledBg": "#6e7781"
     }
   },
   "fg": {
@@ -381,10 +397,10 @@ export default {
     "subtle": "#ddf4ff"
   },
   "success": {
-    "fg": "#0566d5",
-    "emphasis": "#0088ff",
-    "muted": "rgba(53,173,255,0.4)",
-    "subtle": "#c0f6ff"
+    "fg": "#0969da",
+    "emphasis": "#218bff",
+    "muted": "rgba(84,174,255,0.4)",
+    "subtle": "#ddf4ff"
   },
   "attention": {
     "fg": "#9a6700",
@@ -393,22 +409,22 @@ export default {
     "subtle": "#fff8c5"
   },
   "severe": {
-    "fg": "#bc4c00",
-    "emphasis": "#bc4c00",
-    "muted": "rgba(251,143,68,0.4)",
-    "subtle": "#fff1e5"
+    "fg": "#b35900",
+    "emphasis": "#b35900",
+    "muted": "rgba(247,153,57,0.4)",
+    "subtle": "#fff5e8"
   },
   "danger": {
-    "fg": "#ac5e00",
-    "emphasis": "#ac5e00",
-    "muted": "rgba(231,161,0,0.4)",
-    "subtle": "#fefe48"
+    "fg": "#b35900",
+    "emphasis": "#b35900",
+    "muted": "rgba(247,153,57,0.4)",
+    "subtle": "#fff5e8"
   },
   "open": {
-    "fg": "#bc4c00",
-    "emphasis": "#e16f24",
-    "muted": "rgba(251,143,68,0.4)",
-    "subtle": "#fff1e5"
+    "fg": "#b35900",
+    "emphasis": "#dd7815",
+    "muted": "rgba(247,153,57,0.4)",
+    "subtle": "#fff5e8"
   },
   "closed": {
     "fg": "#6e7781",
@@ -474,16 +490,16 @@ export default {
       "#002155"
     ],
     "green": [
-      "#c0f6ff",
-      "#96e5ff",
-      "#65ccff",
-      "#35adff",
-      "#0088ff",
-      "#0566d5",
-      "#054da9",
-      "#033a86",
-      "#002d68",
-      "#001f50"
+      "#ddf4ff",
+      "#b6e3ff",
+      "#80ccff",
+      "#54aeff",
+      "#218bff",
+      "#0969da",
+      "#0550ae",
+      "#033d8b",
+      "#0a3069",
+      "#002155"
     ],
     "yellow": [
       "#fff8c5",
@@ -498,28 +514,28 @@ export default {
       "#3b2300"
     ],
     "orange": [
-      "#fff1e5",
-      "#ffd8b5",
-      "#ffb77c",
-      "#fb8f44",
-      "#e16f24",
-      "#bc4c00",
-      "#953800",
-      "#762c00",
-      "#5c2200",
-      "#471700"
+      "#fff5e8",
+      "#ffddb0",
+      "#ffbc6d",
+      "#f79939",
+      "#dd7815",
+      "#b35900",
+      "#8a4600",
+      "#6f3800",
+      "#572c00",
+      "#412000"
     ],
     "red": [
-      "#fefe48",
-      "#fee325",
-      "#f8c200",
-      "#e7a100",
-      "#d08002",
-      "#ac5e00",
-      "#8b4600",
-      "#6c3900",
-      "#4c3100",
-      "#2f2900"
+      "#fff5e8",
+      "#ffddb0",
+      "#ffbc6d",
+      "#f79939",
+      "#dd7815",
+      "#b35900",
+      "#8a4600",
+      "#6f3800",
+      "#572c00",
+      "#412000"
     ],
     "purple": [
       "#fbefff",

package/dist/ts/colors/light_high_contrast.ts

@@ -345,6 +345,22 @@ export default {
       "hoverText": "#ffffff"
     }
   },
+  "switchTrack": {
+    "bg": "#ffffff",
+    "border": "#20252C",
+    "checked": {
+      "bg": "#dff7ff",
+      "hoverBg": "#9cd7ff",
+      "activeBg": "#67b3fd",
+      "border": "#0349b4"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#0349b4",
+      "disabledBg": "#66707B"
+    }
+  },
   "fg": {
     "default": "#0E1116",
     "muted": "#0E1116",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.5.1-rc.e5be394",
+  "version": "7.6.0-rc.8feb85c",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist"