@primer/primitives 7.8.4 → 7.9.0

package/dist/ts/colors/light_high_contrast.ts

@@ -7,16 +7,16 @@ export default {
   },
   "diffBlob": {
     "addition": {
-      "numText": "#0E1116",
+      "numText": "#0e1116",
       "fg": "#ffffff",
-      "numBg": "#CCFFD8",
-      "lineBg": "#E6FFEC",
+      "numBg": "#ccffd8",
+      "lineBg": "#e6ffec",
       "wordBg": "#055d20"
     },
     "deletion": {
-      "numText": "#0E1116",
+      "numText": "#0e1116",
       "fg": "#ffffff",
-      "numBg": "#FFD7D5",
+      "numBg": "#ffd7d5",
       "lineBg": "#fff0ee",
       "wordBg": "#a0111f"
     },
@@ -24,7 +24,7 @@ export default {
       "numBg": "#9cd7ff"
     },
     "expander": {
-      "icon": "#0E1116"
+      "icon": "#0e1116"
     },
     "selectedLineHighlightMixBlendMode": "multiply"
   },
@@ -38,52 +38,52 @@ export default {
   },
   "prettylights": {
     "syntax": {
-      "comment": "#66707B",
+      "comment": "#66707b",
       "constant": "#023b95",
       "entity": "#622cbc",
-      "storageModifierImport": "#0E1116",
+      "storageModifierImport": "#0e1116",
       "entityTag": "#024c1a",
       "keyword": "#a0111f",
       "string": "#032563",
       "variable": "#702c00",
       "brackethighlighterUnmatched": "#6e011a",
-      "invalidIllegalText": "#FFFFFF",
+      "invalidIllegalText": "#ffffff",
       "invalidIllegalBg": "#6e011a",
-      "carriageReturnText": "#FFFFFF",
+      "carriageReturnText": "#ffffff",
       "carriageReturnBg": "#a0111f",
       "stringRegexp": "#024c1a",
       "markupList": "#2e1800",
       "markupHeading": "#023b95",
-      "markupItalic": "#0E1116",
-      "markupBold": "#0E1116",
+      "markupItalic": "#0e1116",
+      "markupBold": "#0e1116",
       "markupDeletedText": "#6e011a",
       "markupDeletedBg": "#fff0ee",
       "markupInsertedText": "#024c1a",
       "markupInsertedBg": "#d2fedb",
       "markupChangedText": "#702c00",
       "markupChangedBg": "#ffc67b",
-      "markupIgnoredText": "#E7ECF0",
+      "markupIgnoredText": "#e7ecf0",
       "markupIgnoredBg": "#023b95",
       "metaDiffRange": "#622cbc",
-      "brackethighlighterAngle": "#4B535D",
-      "sublimelinterGutterMark": "#88929D",
+      "brackethighlighterAngle": "#4b535d",
+      "sublimelinterGutterMark": "#88929d",
       "constantOtherReferenceLink": "#032563"
     }
   },
   "codemirror": {
-    "text": "#0E1116",
+    "text": "#0e1116",
     "bg": "#ffffff",
     "guttersBg": "#ffffff",
     "guttermarkerText": "#ffffff",
-    "guttermarkerSubtleText": "#66707B",
-    "linenumberText": "#0E1116",
-    "cursor": "#0E1116",
+    "guttermarkerSubtleText": "#66707b",
+    "linenumberText": "#0e1116",
+    "cursor": "#0e1116",
     "selectionBg": "#368cf9",
-    "activelineBg": "#E7ECF0",
-    "matchingbracketText": "#0E1116",
+    "activelineBg": "#e7ecf0",
+    "matchingbracketText": "#0e1116",
     "linesBg": "#ffffff",
     "syntax": {
-      "comment": "#0E1116",
+      "comment": "#0e1116",
       "constant": "#023b95",
       "entity": "#622cbc",
       "keyword": "#a0111f",
@@ -94,68 +94,68 @@ export default {
     }
   },
   "checks": {
-    "bg": "#0E1116",
+    "bg": "#0e1116",
     "runBorderWidth": "0px",
     "containerBorderWidth": "0px",
-    "textPrimary": "#FFFFFF",
-    "textSecondary": "#88929D",
+    "textPrimary": "#ffffff",
+    "textSecondary": "#88929d",
     "textLink": "#368cf9",
-    "btnIcon": "#ACB6C0",
-    "btnHoverIcon": "#FFFFFF",
+    "btnIcon": "#acb6c0",
+    "btnHoverIcon": "#ffffff",
     "btnHoverBg": "rgba(255,255,255,0.125)",
-    "inputText": "#E7ECF0",
-    "inputPlaceholderText": "#88929D",
-    "inputFocusText": "#88929D",
-    "inputBg": "#20252C",
+    "inputText": "#e7ecf0",
+    "inputPlaceholderText": "#88929d",
+    "inputFocusText": "#88929d",
+    "inputBg": "#20252c",
     "inputShadow": "none",
     "donutError": "#d5232c",
     "donutPending": "#956400",
     "donutSuccess": "#117f32",
-    "donutNeutral": "#ACB6C0",
-    "dropdownText": "#ACB6C0",
-    "dropdownBg": "#20252C",
-    "dropdownBorder": "#343B43",
+    "donutNeutral": "#acb6c0",
+    "dropdownText": "#acb6c0",
+    "dropdownBg": "#20252c",
+    "dropdownBorder": "#343b43",
     "dropdownShadow": "rgba(1,4,9,0.3)",
-    "dropdownHoverText": "#FFFFFF",
-    "dropdownHoverBg": "#343B43",
-    "dropdownBtnHoverText": "#FFFFFF",
-    "dropdownBtnHoverBg": "#20252C",
-    "scrollbarThumbBg": "#4B535D",
-    "headerLabelText": "#CED5DC",
-    "headerLabelOpenText": "#FFFFFF",
-    "headerBorder": "#20252C",
-    "headerIcon": "#88929D",
-    "lineText": "#CED5DC",
+    "dropdownHoverText": "#ffffff",
+    "dropdownHoverBg": "#343b43",
+    "dropdownBtnHoverText": "#ffffff",
+    "dropdownBtnHoverBg": "#20252c",
+    "scrollbarThumbBg": "#4b535d",
+    "headerLabelText": "#ced5dc",
+    "headerLabelOpenText": "#ffffff",
+    "headerBorder": "#20252c",
+    "headerIcon": "#88929d",
+    "lineText": "#ced5dc",
     "lineNumText": "rgba(136,146,157,0.75)",
-    "lineTimestampText": "#88929D",
-    "lineHoverBg": "#20252C",
+    "lineTimestampText": "#88929d",
+    "lineHoverBg": "#20252c",
     "lineSelectedBg": "rgba(17,104,227,0.15)",
     "lineSelectedNumText": "#368cf9",
-    "lineDtFmText": "#0E1116",
+    "lineDtFmText": "#0e1116",
     "lineDtFmBg": "#744500",
     "gateBg": "rgba(96,55,0,0.15)",
-    "gateText": "#CED5DC",
+    "gateText": "#ced5dc",
     "gateWaitingText": "#b58407",
-    "stepHeaderOpenBg": "#20252C",
+    "stepHeaderOpenBg": "#20252c",
     "stepErrorText": "#ee5a5d",
     "stepWarningText": "#b58407",
-    "loglineText": "#88929D",
+    "loglineText": "#88929d",
     "loglineNumText": "rgba(136,146,157,0.75)",
     "loglineDebugText": "#a371f7",
-    "loglineErrorText": "#CED5DC",
+    "loglineErrorText": "#ced5dc",
     "loglineErrorNumText": "#ee5a5d",
     "loglineErrorBg": "rgba(134,6,29,0.15)",
-    "loglineWarningText": "#CED5DC",
+    "loglineWarningText": "#ced5dc",
     "loglineWarningNumText": "#b58407",
     "loglineWarningBg": "rgba(96,55,0,0.15)",
     "loglineCommandText": "#368cf9",
     "loglineSectionText": "#26a148",
     "ansi": {
-      "black": "#0E1116",
-      "blackBright": "#20252C",
-      "white": "#CED5DC",
-      "whiteBright": "#CED5DC",
-      "gray": "#88929D",
+      "black": "#0e1116",
+      "blackBright": "#20252c",
+      "white": "#ced5dc",
+      "whiteBright": "#ced5dc",
+      "gray": "#88929d",
       "red": "#ee5a5d",
       "redBright": "#ff8e8a",
       "green": "#26a148",
@@ -171,7 +171,7 @@ export default {
     }
   },
   "project": {
-    "headerBg": "#0E1116",
+    "headerBg": "#0e1116",
     "sidebarBg": "#ffffff",
     "gradientIn": "#ffffff",
     "gradientOut": "rgba(255,255,255,0)"
@@ -190,15 +190,15 @@ export default {
   "avatar": {
     "bg": "#ffffff",
     "border": "rgba(1,4,9,0.8)",
-    "stackFade": "#ACB6C0",
-    "stackFadeMore": "#CED5DC",
+    "stackFade": "#acb6c0",
+    "stackFadeMore": "#ced5dc",
     "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
   },
   "topicTag": {
     "border": "#0349b4"
   },
   "counter": {
-    "border": "#20252C"
+    "border": "#20252c"
   },
   "selectMenu": {
     "backdropBorder": "rgba(0,0,0,0)",
@@ -210,13 +210,13 @@ export default {
   },
   "header": {
     "text": "rgba(255,255,255,0.7)",
-    "bg": "#0E1116",
-    "divider": "#ACB6C0",
+    "bg": "#0e1116",
+    "divider": "#acb6c0",
     "logo": "#ffffff"
   },
   "headerSearch": {
-    "bg": "#0E1116",
-    "border": "#4B535D"
+    "bg": "#0e1116",
+    "border": "#4b535d"
   },
   "sidenav": {
     "selectedBg": "#ffffff"
@@ -228,14 +228,14 @@ export default {
     "disabledBg": "rgba(172,182,192,0.2)"
   },
   "timeline": {
-    "badgeBg": "#E7ECF0"
+    "badgeBg": "#e7ecf0"
   },
   "ansi": {
-    "black": "#0E1116",
-    "blackBright": "#4B535D",
-    "white": "#66707B",
-    "whiteBright": "#88929D",
-    "gray": "#66707B",
+    "black": "#0e1116",
+    "blackBright": "#4b535d",
+    "white": "#66707b",
+    "whiteBright": "#88929d",
+    "gray": "#66707b",
     "red": "#a0111f",
     "redBright": "#86061d",
     "green": "#024c1a",
@@ -250,17 +250,17 @@ export default {
     "cyanBright": "#3192aa"
   },
   "btn": {
-    "text": "#0E1116",
-    "bg": "#E7ECF0",
+    "text": "#0e1116",
+    "bg": "#e7ecf0",
     "border": "rgba(1,4,9,0.8)",
     "shadow": "0 1px 0 rgba(1,4,9,0.04)",
     "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
-    "hoverBg": "#CED5DC",
+    "hoverBg": "#ced5dc",
     "hoverBorder": "rgba(1,4,9,0.8)",
-    "activeBg": "#ACB6C0",
+    "activeBg": "#acb6c0",
     "activeBorder": "rgba(1,4,9,0.8)",
-    "selectedBg": "#ACB6C0",
-    "focusBg": "#CED5DC",
+    "selectedBg": "#acb6c0",
+    "focusBg": "#ced5dc",
     "focusBorder": "rgba(1,4,9,0.8)",
     "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
     "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
@@ -298,7 +298,7 @@ export default {
       "selectedBorder": "#022f7a",
       "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
       "disabledText": "rgba(3,73,180,0.5)",
-      "disabledBg": "#E7ECF0",
+      "disabledBg": "#e7ecf0",
       "disabledCounterBg": "rgba(3,73,180,0.05)",
       "focusBorder": "#022f7a",
       "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
@@ -317,7 +317,7 @@ export default {
       "selectedBorder": "#6e011a",
       "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
       "disabledText": "rgba(160,17,31,0.5)",
-      "disabledBg": "#E7ECF0",
+      "disabledBg": "#e7ecf0",
       "disabledCounterBg": "rgba(160,17,31,0.05)",
       "focusBorder": "#6e011a",
       "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
@@ -327,17 +327,17 @@ export default {
     }
   },
   "underlinenav": {
-    "icon": "#66707B",
+    "icon": "#66707b",
     "borderHover": "rgba(172,182,192,0.2)"
   },
   "actionListItem": {
-    "inlineDivider": "#88929D",
+    "inlineDivider": "#88929d",
     "default": {
-      "hoverBg": "#E7ECF0",
-      "hoverBorder": "#88929D",
-      "activeBg": "#CED5DC",
-      "activeBorder": "#20252C",
-      "selectedBg": "#CED5DC"
+      "hoverBg": "#e7ecf0",
+      "hoverBorder": "#88929d",
+      "activeBg": "#ced5dc",
+      "activeBorder": "#20252c",
+      "selectedBg": "#ced5dc"
     },
     "danger": {
       "hoverBg": "#a0111f",
@@ -347,7 +347,7 @@ export default {
   },
   "switchTrack": {
     "bg": "#ffffff",
-    "border": "#20252C",
+    "border": "#20252c",
     "checked": {
       "bg": "#dff7ff",
       "hoverBg": "#9cd7ff",
@@ -358,24 +358,38 @@ export default {
   "switchKnob": {
     "checked": {
       "bg": "#0349b4",
-      "disabledBg": "#66707B"
+      "disabledBg": "#66707b"
+    }
+  },
+  "segmentedControl": {
+    "bg": "#e7ecf0",
+    "button": {
+      "hover": {
+        "bg": "rgba(172,182,192,0.2)"
+      },
+      "active": {
+        "bg": "rgba(172,182,192,0.4)"
+      },
+      "selected": {
+        "border": "#66707b"
+      }
     }
   },
   "fg": {
-    "default": "#0E1116",
-    "muted": "#0E1116",
-    "subtle": "#66707B",
+    "default": "#0e1116",
+    "muted": "#0e1116",
+    "subtle": "#66707b",
     "onEmphasis": "#ffffff"
   },
   "canvas": {
     "default": "#ffffff",
     "overlay": "#ffffff",
     "inset": "#ffffff",
-    "subtle": "#E7ECF0"
+    "subtle": "#e7ecf0"
   },
   "border": {
-    "default": "#20252C",
-    "muted": "#88929D",
+    "default": "#20252c",
+    "muted": "#88929d",
     "subtle": "rgba(1,4,9,0.8)"
   },
   "shadow": {
@@ -385,10 +399,10 @@ export default {
     "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
   },
   "neutral": {
-    "emphasisPlus": "#0E1116",
-    "emphasis": "#66707B",
+    "emphasisPlus": "#0e1116",
+    "emphasis": "#66707b",
     "muted": "rgba(172,182,192,0.2)",
-    "subtle": "#E7ECF0"
+    "subtle": "#e7ecf0"
   },
   "accent": {
     "fg": "#0349b4",
@@ -446,7 +460,7 @@ export default {
   },
   "primer": {
     "fg": {
-      "disabled": "#88929D"
+      "disabled": "#88929d"
     },
     "canvas": {
       "backdrop": "rgba(1,4,9,0.5)",
@@ -466,16 +480,16 @@ export default {
     "black": "#010409",
     "white": "#ffffff",
     "gray": [
-      "#FFFFFF",
-      "#E7ECF0",
-      "#CED5DC",
-      "#ACB6C0",
-      "#88929D",
-      "#66707B",
-      "#4B535D",
-      "#343B43",
-      "#20252C",
-      "#0E1116"
+      "#ffffff",
+      "#e7ecf0",
+      "#ced5dc",
+      "#acb6c0",
+      "#88929d",
+      "#66707b",
+      "#4b535d",
+      "#343b43",
+      "#20252c",
+      "#0e1116"
     ],
     "blue": [
       "#dff7ff",

package/dist/ts/colors/light_tritanopia.ts

@@ -57,7 +57,7 @@ export default {
       "markupItalic": "#24292f",
       "markupBold": "#24292f",
       "markupDeletedText": "#82071e",
-      "markupDeletedBg": "#FFEBE9",
+      "markupDeletedBg": "#ffebe9",
       "markupInsertedText": "#0550ae",
       "markupInsertedBg": "#ddf4ff",
       "markupChangedText": "#a40e26",
@@ -341,7 +341,7 @@ export default {
     },
     "danger": {
       "hoverBg": "rgba(255,235,233,0.64)",
-      "activeBg": "#FFEBE9",
+      "activeBg": "#ffebe9",
       "hoverText": "#cf222e"
     }
   },
@@ -361,6 +361,20 @@ export default {
       "disabledBg": "#6e7781"
     }
   },
+  "segmentedControl": {
+    "bg": "#eaeef2",
+    "button": {
+      "hover": {
+        "bg": "rgba(175,184,193,0.2)"
+      },
+      "active": {
+        "bg": "rgba(175,184,193,0.4)"
+      },
+      "selected": {
+        "border": "#6e7781"
+      }
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",
@@ -412,19 +426,19 @@ export default {
     "fg": "#cf222e",
     "emphasis": "#cf222e",
     "muted": "rgba(255,129,130,0.4)",
-    "subtle": "#FFEBE9"
+    "subtle": "#ffebe9"
   },
   "danger": {
     "fg": "#cf222e",
     "emphasis": "#cf222e",
     "muted": "rgba(255,129,130,0.4)",
-    "subtle": "#FFEBE9"
+    "subtle": "#ffebe9"
   },
   "open": {
     "fg": "#cf222e",
     "emphasis": "#fa4549",
     "muted": "rgba(255,129,130,0.4)",
-    "subtle": "#FFEBE9"
+    "subtle": "#ffebe9"
   },
   "closed": {
     "fg": "#6e7781",
@@ -453,7 +467,7 @@ export default {
       "sticky": "rgba(255,255,255,0.95)"
     },
     "border": {
-      "active": "#FD8C73",
+      "active": "#fd8c73",
       "contrast": "rgba(27,31,36,0.1)"
     },
     "shadow": {
@@ -514,7 +528,7 @@ export default {
       "#3b2300"
     ],
     "orange": [
-      "#FFEBE9",
+      "#ffebe9",
       "#ffcecb",
       "#ffaba8",
       "#ff8182",
@@ -526,7 +540,7 @@ export default {
       "#4c0014"
     ],
     "red": [
-      "#FFEBE9",
+      "#ffebe9",
       "#ffcecb",
       "#ffaba8",
       "#ff8182",
@@ -562,14 +576,14 @@ export default {
       "#4d0336"
     ],
     "coral": [
-      "#FFF0EB",
-      "#FFD6CC",
-      "#FFB4A1",
-      "#FD8C73",
-      "#EC6547",
-      "#C4432B",
-      "#9E2F1C",
-      "#801F0F",
+      "#fff0eb",
+      "#ffd6cc",
+      "#ffb4a1",
+      "#fd8c73",
+      "#ec6547",
+      "#c4432b",
+      "#9e2f1c",
+      "#801f0f",
       "#691105",
       "#510901"
     ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.8.4",
+  "version": "7.9.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 @media (pointer: coarse) { :root {

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 @media (pointer: fine) { :root {

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 :root {

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 23:40:04 GMT
+ * Generated on Thu, 21 Jul 2022 02:01:29 GMT
  */
 
 module.exports = {