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

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

@@ -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
  */
 
 [data-color-mode="light"][data-light-theme="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;
@@ -351,8 +351,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;
@@ -420,11 +420,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;
@@ -466,9 +466,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;
@@ -482,7 +482,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/css/functional/themes/light.css

@@ -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
  */
 
 [data-color-mode="light"][data-light-theme="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;
@@ -351,8 +351,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;
@@ -420,11 +420,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;
@@ -466,9 +466,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;
@@ -482,7 +482,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/css/functional/typography/typography.css

@@ -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
  */
 
 :root {

package/tokens-next-private/docs/base/size/size.json

@@ -2,7 +2,7 @@
   "base": {
     "size": {
       "4": {
-        "value": "4px",
+        "value": "0.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -15,7 +15,7 @@
         "path": ["base", "size", "4"]
       },
       "8": {
-        "value": "8px",
+        "value": "0.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -28,7 +28,7 @@
         "path": ["base", "size", "8"]
       },
       "12": {
-        "value": "12px",
+        "value": "0.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -41,7 +41,7 @@
         "path": ["base", "size", "12"]
       },
       "16": {
-        "value": "16px",
+        "value": "1rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -54,7 +54,7 @@
         "path": ["base", "size", "16"]
       },
       "20": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -67,7 +67,7 @@
         "path": ["base", "size", "20"]
       },
       "24": {
-        "value": "24px",
+        "value": "1.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -80,7 +80,7 @@
         "path": ["base", "size", "24"]
       },
       "28": {
-        "value": "28px",
+        "value": "1.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -93,7 +93,7 @@
         "path": ["base", "size", "28"]
       },
       "32": {
-        "value": "32px",
+        "value": "2rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -106,7 +106,7 @@
         "path": ["base", "size", "32"]
       },
       "36": {
-        "value": "36px",
+        "value": "2.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -119,7 +119,7 @@
         "path": ["base", "size", "36"]
       },
       "40": {
-        "value": "40px",
+        "value": "2.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -132,7 +132,7 @@
         "path": ["base", "size", "40"]
       },
       "44": {
-        "value": "44px",
+        "value": "2.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -145,7 +145,7 @@
         "path": ["base", "size", "44"]
       },
       "48": {
-        "value": "48px",
+        "value": "3rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -158,7 +158,7 @@
         "path": ["base", "size", "48"]
       },
       "64": {
-        "value": "64px",
+        "value": "4rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -171,7 +171,7 @@
         "path": ["base", "size", "64"]
       },
       "80": {
-        "value": "80px",
+        "value": "5rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -184,7 +184,7 @@
         "path": ["base", "size", "80"]
       },
       "96": {
-        "value": "96px",
+        "value": "6rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -197,7 +197,7 @@
         "path": ["base", "size", "96"]
       },
       "112": {
-        "value": "112px",
+        "value": "7rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,
@@ -210,7 +210,7 @@
         "path": ["base", "size", "112"]
       },
       "128": {
-        "value": "128px",
+        "value": "8rem",
         "$type": "dimension",
         "filePath": "src/tokens/base/size/size.json",
         "isSource": true,

package/tokens-next-private/docs/functional/size/border.json

@@ -118,7 +118,7 @@
   "outline": {
     "focus": {
       "offset": {
-        "value": "1px",
+        "value": "0.0625rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/border.json",
         "isSource": true,

package/tokens-next-private/docs/functional/size/breakpoints.json

@@ -1,7 +1,7 @@
 {
   "breakpoint": {
     "xsmall": {
-      "value": "320px",
+      "value": "20rem",
       "$type": "dimension",
       "filePath": "src/tokens/functional/size/breakpoints.json",
       "isSource": true,
@@ -14,7 +14,7 @@
       "path": ["breakpoint", "xsmall"]
     },
     "small": {
-      "value": "544px",
+      "value": "34rem",
       "$type": "dimension",
       "filePath": "src/tokens/functional/size/breakpoints.json",
       "isSource": true,
@@ -27,7 +27,7 @@
       "path": ["breakpoint", "small"]
     },
     "medium": {
-      "value": "768px",
+      "value": "48rem",
       "$type": "dimension",
       "filePath": "src/tokens/functional/size/breakpoints.json",
       "isSource": true,
@@ -40,7 +40,7 @@
       "path": ["breakpoint", "medium"]
     },
     "large": {
-      "value": "1012px",
+      "value": "63.25rem",
       "$type": "dimension",
       "filePath": "src/tokens/functional/size/breakpoints.json",
       "isSource": true,
@@ -53,7 +53,7 @@
       "path": ["breakpoint", "large"]
     },
     "xlarge": {
-      "value": "1280px",
+      "value": "80rem",
       "$type": "dimension",
       "filePath": "src/tokens/functional/size/breakpoints.json",
       "isSource": true,
@@ -66,7 +66,7 @@
       "path": ["breakpoint", "xlarge"]
     },
     "xxlarge": {
-      "value": "1440px",
+      "value": "90rem",
       "$type": "dimension",
       "filePath": "src/tokens/functional/size/breakpoints.json",
       "isSource": true,

package/tokens-next-private/docs/functional/size/size-coarse.json

@@ -2,7 +2,7 @@
   "control": {
     "minTarget": {
       "auto": {
-        "value": "44px",
+        "value": "2.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size-coarse.json",
         "isSource": true,
@@ -20,7 +20,7 @@
     "small": {
       "gap": {
         "auto": {
-          "value": "16px",
+          "value": "1rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size-coarse.json",
           "isSource": true,
@@ -37,7 +37,7 @@
     "medium": {
       "gap": {
         "auto": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size-coarse.json",
           "isSource": true,

package/tokens-next-private/docs/functional/size/size-fine.json

@@ -2,7 +2,7 @@
   "control": {
     "minTarget": {
       "auto": {
-        "value": "16px",
+        "value": "1rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size-fine.json",
         "isSource": true,
@@ -20,7 +20,7 @@
     "small": {
       "gap": {
         "auto": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size-fine.json",
           "isSource": true,
@@ -37,7 +37,7 @@
     "medium": {
       "gap": {
         "auto": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size-fine.json",
           "isSource": true,