@primer/primitives 7.11.2 → 7.11.3-rc.419fac9

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 @mixin primer-colors-breakpoints {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 @mixin primer-colors-size-coarse {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 @mixin primer-colors-size-fine {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 @mixin primer-colors-size {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 @mixin primer-colors-viewport {

package/tokens-next-private/scss/functional/themes/dark-colorblind.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:01 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:55 GMT
  */
 
 @mixin primer-colors-dark-colorblind {
@@ -202,7 +202,7 @@
     --bgColor-disabled: #484f58;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
-    --bgColor-accent-muted: #388bfd26;
+    --bgColor-accent-muted: #388bfd1a;
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #388bfd26;
     --bgColor-success-emphasis: #1f6feb;

package/tokens-next-private/scss/functional/themes/dark-dimmed.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:54 GMT
  */
 
 @mixin primer-colors-dark-dimmed {
@@ -202,7 +202,7 @@
     --bgColor-disabled: #545d68;
     --bgColor-neutral-muted: #636e7b26;
     --bgColor-neutral-emphasis: #636e7b;
-    --bgColor-accent-muted: #4184e426;
+    --bgColor-accent-muted: #4184e41a;
     --bgColor-accent-emphasis: #316dca;
     --bgColor-success-muted: #46954a26;
     --bgColor-success-emphasis: #347d39;

package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:55 GMT
  */
 
 @mixin primer-colors-dark-high-contrast {
@@ -202,7 +202,7 @@
     --bgColor-disabled: #7a828e;
     --bgColor-neutral-muted: #9ea7b326;
     --bgColor-neutral-emphasis: #9ea7b3;
-    --bgColor-accent-muted: #409eff26;
+    --bgColor-accent-muted: #409eff1a;
     --bgColor-accent-emphasis: #409eff;
     --bgColor-success-muted: #09b43a26;
     --bgColor-success-emphasis: #09b43a;

package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:01 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:54 GMT
  */
 
 @mixin primer-colors-dark-tritanopia {
@@ -202,7 +202,7 @@
     --bgColor-disabled: #484f58;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
-    --bgColor-accent-muted: #388bfd26;
+    --bgColor-accent-muted: #388bfd1a;
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #388bfd26;
     --bgColor-success-emphasis: #1f6feb;

package/tokens-next-private/scss/functional/themes/dark.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:53 GMT
  */
 
 @mixin primer-colors-dark {
@@ -202,7 +202,7 @@
     --bgColor-disabled: #484f58;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
-    --bgColor-accent-muted: #388bfd26;
+    --bgColor-accent-muted: #388bfd1a;
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #2ea04326;
     --bgColor-success-emphasis: #238636;

package/tokens-next-private/scss/functional/themes/light-colorblind.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:59 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:51 GMT
  */
 
 @mixin primer-colors-light-colorblind {
@@ -77,8 +77,8 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #b35900;
-    --control-danger-fgColor-hover: #b35900;
+    --control-danger-fgColor-rest: #b55b01;
+    --control-danger-fgColor-hover: #b55b01;
     --control-danger-bgColor-hover: #fff5e8;
     --control-danger-bgColor-active: #fff5e866;
     --control-checked-bgColor-rest: #0969da;
@@ -146,11 +146,11 @@
     --button-outline-borderColor-hover: #d0d7de;
     --button-outline-borderColor-active: #d0d7de;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
-    --button-danger-fgColor-rest: #b35900;
+    --button-danger-fgColor-rest: #b55b01;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #b3590080;
-    --button-danger-iconColor-rest: #b35900;
+    --button-danger-fgColor-disabled: #b55b0180;
+    --button-danger-iconColor-rest: #b55b01;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #f6f8fa;
     --button-danger-bgColor-hover: #8a4600;
@@ -192,7 +192,7 @@
     --fgColor-success: #0969da;
     --fgColor-attention: #9a6700;
     --fgColor-severe: #b35900;
-    --fgColor-danger: #b35900;
+    --fgColor-danger: #b55b01;
     --fgColor-open: #b35900;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
@@ -208,7 +208,7 @@
     --bgColor-success-muted: #ddf4ff;
     --bgColor-success-emphasis: #0f72e3;
     --bgColor-attention-muted: #fff8c5;
-    --bgColor-attention-emphasis: #bf8700;
+    --bgColor-attention-emphasis: #9a6700;
     --bgColor-severe-muted: #fff5e8;
     --bgColor-severe-emphasis: #b35900;
     --bgColor-danger-muted: #fff5e8;

package/tokens-next-private/scss/functional/themes/light-high-contrast.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:52 GMT
  */
 
 @mixin primer-colors-light-high-contrast {
@@ -77,7 +77,7 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #20252c;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #86061d;
+    --control-danger-fgColor-rest: #8a071e;
     --control-danger-fgColor-hover: #ffffff;
     --control-danger-bgColor-hover: #a0111f;
     --control-danger-bgColor-active: #8c0b1d;
@@ -146,11 +146,11 @@
     --button-outline-borderColor-hover: #20252c;
     --button-outline-borderColor-active: #20252c;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
-    --button-danger-fgColor-rest: #86061d;
+    --button-danger-fgColor-rest: #8a071e;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #86061d80;
-    --button-danger-iconColor-rest: #86061d;
+    --button-danger-fgColor-disabled: #8a071e80;
+    --button-danger-iconColor-rest: #8a071e;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #e7ecf0;
     --button-danger-bgColor-hover: #86061d;
@@ -192,9 +192,9 @@
     --fgColor-success: #055d20;
     --fgColor-attention: #744500;
     --fgColor-severe: #873800;
-    --fgColor-danger: #86061d;
+    --fgColor-danger: #8a071e;
     --fgColor-open: #055d20;
-    --fgColor-closed: #a0111f;
+    --fgColor-closed: #8a071e;
     --fgColor-done: #622cbc;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;

package/tokens-next-private/scss/functional/themes/light-tritanopia.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:58 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:51 GMT
  */
 
 @mixin primer-colors-light-tritanopia {
@@ -77,8 +77,8 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #cf222e;
-    --control-danger-fgColor-hover: #cf222e;
+    --control-danger-fgColor-rest: #d1242f;
+    --control-danger-fgColor-hover: #d1242f;
     --control-danger-bgColor-hover: #ffebe9;
     --control-danger-bgColor-active: #ffebe966;
     --control-checked-bgColor-rest: #0969da;
@@ -146,11 +146,11 @@
     --button-outline-borderColor-hover: #d0d7de;
     --button-outline-borderColor-active: #d0d7de;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
-    --button-danger-fgColor-rest: #cf222e;
+    --button-danger-fgColor-rest: #d1242f;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #cf222e80;
-    --button-danger-iconColor-rest: #cf222e;
+    --button-danger-fgColor-disabled: #d1242f80;
+    --button-danger-iconColor-rest: #d1242f;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #f6f8fa;
     --button-danger-bgColor-hover: #a40e26;
@@ -192,9 +192,9 @@
     --fgColor-success: #0969da;
     --fgColor-attention: #9a6700;
     --fgColor-severe: #cf222e;
-    --fgColor-danger: #cf222e;
+    --fgColor-danger: #d1242f;
     --fgColor-open: #0969da;
-    --fgColor-closed: #cf222e;
+    --fgColor-closed: #d1242f;
     --fgColor-done: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
@@ -208,7 +208,7 @@
     --bgColor-success-muted: #ddf4ff;
     --bgColor-success-emphasis: #0f72e3;
     --bgColor-attention-muted: #fff8c5;
-    --bgColor-attention-emphasis: #bf8700;
+    --bgColor-attention-emphasis: #9a6700;
     --bgColor-severe-muted: #ffebe9;
     --bgColor-severe-emphasis: #cf222e;
     --bgColor-danger-muted: #ffebe9;

package/tokens-next-private/scss/functional/themes/light.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:57 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:49 GMT
  */
 
 @mixin primer-colors-light {
@@ -77,8 +77,8 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #cf222e;
-    --control-danger-fgColor-hover: #cf222e;
+    --control-danger-fgColor-rest: #d1242f;
+    --control-danger-fgColor-hover: #d1242f;
     --control-danger-bgColor-hover: #ffebe9;
     --control-danger-bgColor-active: #ffebe966;
     --control-checked-bgColor-rest: #0969da;
@@ -146,11 +146,11 @@
     --button-outline-borderColor-hover: #d0d7de;
     --button-outline-borderColor-active: #d0d7de;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
-    --button-danger-fgColor-rest: #cf222e;
+    --button-danger-fgColor-rest: #d1242f;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #cf222e80;
-    --button-danger-iconColor-rest: #cf222e;
+    --button-danger-fgColor-disabled: #d1242f80;
+    --button-danger-iconColor-rest: #d1242f;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #f6f8fa;
     --button-danger-bgColor-hover: #a40e26;
@@ -192,9 +192,9 @@
     --fgColor-success: #1a7f37;
     --fgColor-attention: #9a6700;
     --fgColor-severe: #bc4c00;
-    --fgColor-danger: #cf222e;
+    --fgColor-danger: #d1242f;
     --fgColor-open: #1a7f37;
-    --fgColor-closed: #cf222e;
+    --fgColor-closed: #d1242f;
     --fgColor-done: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
@@ -208,7 +208,7 @@
     --bgColor-success-muted: #dafbe1;
     --bgColor-success-emphasis: #1f883d;
     --bgColor-attention-muted: #fff8c5;
-    --bgColor-attention-emphasis: #bf8700;
+    --bgColor-attention-emphasis: #9a6700;
     --bgColor-severe-muted: #fff1e5;
     --bgColor-severe-emphasis: #bc4c00;
     --bgColor-danger-muted: #ffebe9;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 @mixin primer-colors-typography {

package/tokens-next-private/ts/base/color/dark-colorblind.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:55 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/dark-dimmed.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:01 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:54 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/dark-high-contrast.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/dark-tritanopia.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:01 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:55 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/dark.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:53 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/light-colorblind.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:59 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:52 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/light-high-contrast.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:53 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/light-tritanopia.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:59 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:51 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/color/light.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:58 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:50 GMT
  */
 
 export default {

package/tokens-next-private/ts/base/size/size.ts

@@ -1,28 +1,28 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {
   base: {
     size: {
-      "4": "4px",
-      "8": "8px",
-      "12": "12px",
-      "16": "16px",
-      "20": "20px",
-      "24": "24px",
-      "28": "28px",
-      "32": "32px",
-      "36": "36px",
-      "40": "40px",
-      "44": "44px",
-      "48": "48px",
-      "64": "64px",
-      "80": "80px",
-      "96": "96px",
-      "112": "112px",
-      "128": "128px",
+      "4": "0.25rem",
+      "8": "0.5rem",
+      "12": "0.75rem",
+      "16": "1rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "28": "1.75rem",
+      "32": "2rem",
+      "36": "2.25rem",
+      "40": "2.5rem",
+      "44": "2.75rem",
+      "48": "3rem",
+      "64": "4rem",
+      "80": "5rem",
+      "96": "6rem",
+      "112": "7rem",
+      "128": "8rem",
     },
   },
 };

package/tokens-next-private/ts/base/typography/typography.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {

package/tokens-next-private/ts/functional/size/border.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {
@@ -22,7 +22,7 @@ export default {
   },
   outline: {
     focus: {
-      offset: "1px",
+      offset: "0.0625rem",
     },
   },
 };

package/tokens-next-private/ts/functional/size/breakpoints.ts

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {
   breakpoint: {
-    xsmall: "320px",
-    small: "544px",
-    medium: "768px",
-    large: "1012px",
-    xlarge: "1280px",
-    xxlarge: "1440px",
+    xsmall: "20rem",
+    small: "34rem",
+    medium: "48rem",
+    large: "63.25rem",
+    xlarge: "80rem",
+    xxlarge: "90rem",
   },
 };

package/tokens-next-private/ts/functional/size/size-coarse.ts

@@ -1,23 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {
   control: {
     minTarget: {
-      auto: "44px",
+      auto: "2.75rem",
     },
   },
   controlStack: {
     small: {
       gap: {
-        auto: "16px",
+        auto: "1rem",
       },
     },
     medium: {
       gap: {
-        auto: "12px",
+        auto: "0.75rem",
       },
     },
   },

package/tokens-next-private/ts/functional/size/size-fine.ts

@@ -1,23 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 export default {
   control: {
     minTarget: {
-      auto: "16px",
+      auto: "1rem",
     },
   },
   controlStack: {
     small: {
       gap: {
-        auto: "8px",
+        auto: "0.5rem",
       },
     },
     medium: {
       gap: {
-        auto: "8px",
+        auto: "0.5rem",
       },
     },
   },