@primer/primitives 7.11.0 → 7.11.1

package/dist/ts/colors/dark_tritanopia.ts

@@ -339,24 +339,36 @@ export default {
     }
   },
   "switchTrack": {
-    "bg": "#010409",
-    "border": "#6e7681",
+    "bg": "rgba(110,118,129,0.1)",
+    "hoverBg": "hsla(215,8%,72%,0.1)",
+    "activeBg": "rgba(110,118,129,0.4)",
+    "disabledBg": "#21262d",
+    "fg": "#8b949e",
+    "disabledFg": "#010409",
+    "border": "rgba(0,0,0,0)",
     "checked": {
       "bg": "rgba(31,111,235,0.35)",
       "hoverBg": "rgba(31,111,235,0.5)",
       "activeBg": "rgba(31,111,235,0.65)",
-      "border": "#58a6ff"
+      "fg": "#ffffff",
+      "disabledFg": "#010409",
+      "border": "rgba(0,0,0,0)"
     }
   },
   "switchKnob": {
+    "bg": "#0d1117",
+    "border": "#606771",
+    "disabledBg": "#161b22",
     "checked": {
-      "bg": "#1f6feb",
-      "disabledBg": "#484f58"
+      "bg": "#0d1117",
+      "disabledBg": "#161b22",
+      "border": "rgba(31,111,235,0.35)"
     }
   },
   "segmentedControl": {
-    "bg": "#161b22",
+    "bg": "rgba(110,118,129,0.1)",
     "button": {
+      "bg": "#0d1117",
       "hover": {
         "bg": "#30363d"
       },

package/dist/ts/colors/light.ts

@@ -340,23 +340,35 @@ export default {
   },
   "switchTrack": {
     "bg": "#eaeef2",
-    "border": "#afb8c1",
+    "hoverBg": "hsla(210,24%,90%,1)",
+    "activeBg": "hsla(210,24%,88%,1)",
+    "disabledBg": "#8c959f",
+    "fg": "#57606a",
+    "disabledFg": "#ffffff",
+    "border": "rgba(0,0,0,0)",
     "checked": {
-      "bg": "#ddf4ff",
-      "hoverBg": "#b6e3ff",
-      "activeBg": "#80ccff",
-      "border": "#54aeff"
+      "bg": "#0969da",
+      "hoverBg": "#0860CA",
+      "activeBg": "#0757BA",
+      "fg": "#ffffff",
+      "disabledFg": "#ffffff",
+      "border": "rgba(0,0,0,0)"
     }
   },
   "switchKnob": {
+    "bg": "#ffffff",
+    "disabledBg": "#f6f8fa",
+    "border": "#858F99",
     "checked": {
-      "bg": "#0969da",
-      "disabledBg": "#6e7781"
+      "bg": "#ffffff",
+      "disabledBg": "#f6f8fa",
+      "border": "#0969da"
     }
   },
   "segmentedControl": {
     "bg": "#eaeef2",
     "button": {
+      "bg": "#ffffff",
       "hover": {
         "bg": "rgba(175,184,193,0.2)"
       },
@@ -364,7 +376,7 @@ export default {
         "bg": "rgba(175,184,193,0.4)"
       },
       "selected": {
-        "border": "#6e7781"
+        "border": "#8c959f"
       }
     }
   },

package/dist/ts/colors/light_colorblind.ts

@@ -340,23 +340,35 @@ export default {
   },
   "switchTrack": {
     "bg": "#eaeef2",
-    "border": "#afb8c1",
+    "hoverBg": "hsla(210,24%,90%,1)",
+    "activeBg": "hsla(210,24%,88%,1)",
+    "disabledBg": "#8c959f",
+    "fg": "#57606a",
+    "disabledFg": "#ffffff",
+    "border": "rgba(0,0,0,0)",
     "checked": {
-      "bg": "#ddf4ff",
-      "hoverBg": "#b6e3ff",
-      "activeBg": "#80ccff",
-      "border": "#54aeff"
+      "bg": "#0969da",
+      "hoverBg": "#0860CA",
+      "activeBg": "#0757BA",
+      "fg": "#ffffff",
+      "disabledFg": "#ffffff",
+      "border": "rgba(0,0,0,0)"
     }
   },
   "switchKnob": {
+    "bg": "#ffffff",
+    "disabledBg": "#f6f8fa",
+    "border": "#858F99",
     "checked": {
-      "bg": "#0969da",
-      "disabledBg": "#6e7781"
+      "bg": "#ffffff",
+      "disabledBg": "#f6f8fa",
+      "border": "#0969da"
     }
   },
   "segmentedControl": {
     "bg": "#eaeef2",
     "button": {
+      "bg": "#ffffff",
       "hover": {
         "bg": "rgba(175,184,193,0.2)"
       },
@@ -364,7 +376,7 @@ export default {
         "bg": "rgba(175,184,193,0.4)"
       },
       "selected": {
-        "border": "#6e7781"
+        "border": "#8c959f"
       }
     }
   },

package/dist/ts/colors/light_high_contrast.ts

@@ -339,24 +339,36 @@ export default {
     }
   },
   "switchTrack": {
-    "bg": "#ffffff",
-    "border": "#20252c",
+    "bg": "#66707b",
+    "hoverBg": "hsla(211,9%,47%,1)",
+    "activeBg": "hsla(211,9%,49%,1)",
+    "disabledBg": "#88929d",
+    "fg": "#ffffff",
+    "disabledFg": "#ffffff",
+    "border": "rgba(0,0,0,0)",
     "checked": {
-      "bg": "#dff7ff",
-      "hoverBg": "#9cd7ff",
-      "activeBg": "#67b3fd",
-      "border": "#0349b4"
+      "bg": "#0349b4",
+      "hoverBg": "#0860CA",
+      "activeBg": "#0757BA",
+      "fg": "#ffffff",
+      "disabledFg": "#ffffff",
+      "border": "rgba(0,0,0,0)"
     }
   },
   "switchKnob": {
+    "bg": "#ffffff",
+    "disabledBg": "#e7ecf0",
+    "border": "#20252c",
     "checked": {
-      "bg": "#0349b4",
-      "disabledBg": "#66707b"
+      "bg": "#ffffff",
+      "disabledBg": "#e7ecf0",
+      "border": "#0349b4"
     }
   },
   "segmentedControl": {
     "bg": "#e7ecf0",
     "button": {
+      "bg": "#ffffff",
       "hover": {
         "bg": "rgba(172,182,192,0.2)"
       },
@@ -364,7 +376,7 @@ export default {
         "bg": "rgba(172,182,192,0.4)"
       },
       "selected": {
-        "border": "#66707b"
+        "border": "#88929d"
       }
     }
   },

package/dist/ts/colors/light_tritanopia.ts

@@ -340,23 +340,35 @@ export default {
   },
   "switchTrack": {
     "bg": "#eaeef2",
-    "border": "#afb8c1",
+    "hoverBg": "hsla(210,24%,90%,1)",
+    "activeBg": "hsla(210,24%,88%,1)",
+    "disabledBg": "#8c959f",
+    "fg": "#57606a",
+    "disabledFg": "#ffffff",
+    "border": "rgba(0,0,0,0)",
     "checked": {
-      "bg": "#ddf4ff",
-      "hoverBg": "#b6e3ff",
-      "activeBg": "#80ccff",
-      "border": "#54aeff"
+      "bg": "#0969da",
+      "hoverBg": "#0860CA",
+      "activeBg": "#0757BA",
+      "fg": "#ffffff",
+      "disabledFg": "#ffffff",
+      "border": "rgba(0,0,0,0)"
     }
   },
   "switchKnob": {
+    "bg": "#ffffff",
+    "disabledBg": "#f6f8fa",
+    "border": "#858F99",
     "checked": {
-      "bg": "#0969da",
-      "disabledBg": "#6e7781"
+      "bg": "#ffffff",
+      "disabledBg": "#f6f8fa",
+      "border": "#0969da"
     }
   },
   "segmentedControl": {
     "bg": "#eaeef2",
     "button": {
+      "bg": "#ffffff",
       "hover": {
         "bg": "rgba(175,184,193,0.2)"
       },
@@ -364,7 +376,7 @@ export default {
         "bg": "rgba(175,184,193,0.4)"
       },
       "selected": {
-        "border": "#6e7781"
+        "border": "#8c959f"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.0",
+  "version": "7.11.1",
   "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 Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const BaseSize4 = "0.25rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const BaseTextWeightLight = "300";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerBreakpointXsmall = "20rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerControlMinTargetAuto = "2.75rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerControlMinTargetAuto = "1rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerControlMinTargetFine = "1rem";

package/tokens-v2-private/js/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $base-size-128: 8rem;
 $base-size-112: 7rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $base-text-weight-semibold: 600;
 $base-text-weight-medium: 500;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-borderRadius-full: 100vh;
 $primer-borderRadius-large: 0.75rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-breakpoint-xxlarge: 90rem;
 $primer-breakpoint-xlarge: 80rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-12;
 $primer-controlStack-small-gap-auto: $base-size-16;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-8;
 $primer-controlStack-small-gap-auto: $base-size-8;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-controlStack-large-gap-spacious: $base-size-12;
 $primer-controlStack-large-gap-condensed: $base-size-8;

package/tokens-v2-private/scss/tokens/functional/size/viewport.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-viewportRange-landscape: (orientation: landscape);
 $primer-viewportRange-portrait: (orientation: portrait);

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 09 Feb 2023 11:28:06 GMT
+// Generated on Fri, 10 Feb 2023 19:36:01 GMT
 
 $primer-text-codeInline-size: 0.9285em;
 $primer-text-codeBlock-lineHeight: calc(20/13);

package/tokens-v2-private/ts/tokens/base/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/border.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Feb 2023 11:28:06 GMT
+ * Generated on Fri, 10 Feb 2023 19:36:01 GMT
  */