@primer/primitives 7.15.4-rc.b720f44 → 7.15.5-rc.2aa7771

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

@@ -245,7 +245,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -286,7 +286,7 @@
   --color-ansi-magenta-bright: #a475f9;
   --color-ansi-cyan: #1b7c83;
   --color-ansi-cyan-bright: #3192aa;
-  --color-prettylights-syntax-comment: #6e7781;
+  --color-prettylights-syntax-comment: #57606a;
   --color-prettylights-syntax-constant: #0550ae;
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #6639ba;
@@ -665,7 +665,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
@@ -706,7 +706,7 @@
     --color-ansi-magenta-bright: #a475f9;
     --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-prettylights-syntax-entity: #6639ba;

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

@@ -245,7 +245,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -286,7 +286,7 @@
   --color-ansi-magenta-bright: #a475f9;
   --color-ansi-cyan: #1b7c83;
   --color-ansi-cyan-bright: #3192aa;
-  --color-prettylights-syntax-comment: #6e7781;
+  --color-prettylights-syntax-comment: #57606a;
   --color-prettylights-syntax-constant: #0550ae;
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #6639ba;
@@ -665,7 +665,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
@@ -706,7 +706,7 @@
     --color-ansi-magenta-bright: #a475f9;
     --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-prettylights-syntax-entity: #6639ba;

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

@@ -85,7 +85,10 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
-        "scopes": ["radius"]
+        "scopes": ["radius"],
+        "codeSyntax": {
+          "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/border.json",
@@ -96,7 +99,10 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
-          "scopes": ["radius"]
+          "scopes": ["radius"],
+          "codeSyntax": {
+            "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
+          }
         }
       }
     },
@@ -110,7 +116,10 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
-        "scopes": ["radius"]
+        "scopes": ["radius"],
+        "codeSyntax": {
+          "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/border.json",
@@ -121,7 +130,10 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
-          "scopes": ["radius"]
+          "scopes": ["radius"],
+          "codeSyntax": {
+            "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
+          }
         }
       }
     },
@@ -135,7 +147,10 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
-        "scopes": ["radius"]
+        "scopes": ["radius"],
+        "codeSyntax": {
+          "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/border.json",
@@ -146,7 +161,10 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
-          "scopes": ["radius"]
+          "scopes": ["radius"],
+          "codeSyntax": {
+            "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
+          }
         }
       }
     },
@@ -161,7 +179,10 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
-        "scopes": ["radius"]
+        "scopes": ["radius"],
+        "codeSyntax": {
+          "web": "var(--borderRadius-full) /* utility class: .circle */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/border.json",
@@ -173,7 +194,10 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
-          "scopes": ["radius"]
+          "scopes": ["radius"],
+          "codeSyntax": {
+            "web": "var(--borderRadius-full) /* utility class: .circle */"
+          }
         }
       }
     },

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

@@ -125,7 +125,7 @@
     "path": ["breakpoint", "xlarge"]
   },
   "breakpoint-xxlarge": {
-    "value": "90rem",
+    "value": "87.5rem",
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -136,7 +136,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "1440px",
+      "value": "1400px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {

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

@@ -1268,8 +1268,11 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
+        "scopes": ["gap"],
         "group": "component",
-        "scopes": ["gap"]
+        "codeSyntax": {
+          "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json",
@@ -1280,8 +1283,11 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
+          "scopes": ["gap"],
           "group": "component",
-          "scopes": ["gap"]
+          "codeSyntax": {
+            "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
+          }
         }
       }
     },
@@ -1296,7 +1302,10 @@
       "org.primer.figma": {
         "collection": "pattern/size",
         "group": "component",
-        "scopes": ["gap"]
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json",
@@ -1308,7 +1317,10 @@
         "org.primer.figma": {
           "collection": "pattern/size",
           "group": "component",
-          "scopes": ["gap"]
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
+          }
         }
       }
     },
@@ -1323,7 +1335,10 @@
       "org.primer.figma": {
         "collection": "pattern/size",
         "group": "component",
-        "scopes": ["gap"]
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json",
@@ -1335,7 +1350,10 @@
         "org.primer.figma": {
           "collection": "pattern/size",
           "group": "component",
-          "scopes": ["gap"]
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
+          }
         }
       }
     },
@@ -1350,7 +1368,10 @@
       "org.primer.figma": {
         "collection": "pattern/size",
         "group": "component",
-        "scopes": ["gap"]
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json",
@@ -1362,7 +1383,10 @@
         "org.primer.figma": {
           "collection": "pattern/size",
           "group": "component",
-          "scopes": ["gap"]
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
+          }
         }
       }
     },
@@ -1377,7 +1401,10 @@
       "org.primer.figma": {
         "collection": "pattern/size",
         "group": "component",
-        "scopes": ["gap"]
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json",
@@ -1389,7 +1416,10 @@
         "org.primer.figma": {
           "collection": "pattern/size",
           "group": "component",
-          "scopes": ["gap"]
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
+          }
         }
       }
     },
@@ -1404,7 +1434,10 @@
       "org.primer.figma": {
         "collection": "pattern/size",
         "group": "component",
-        "scopes": ["gap"]
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json",
@@ -1416,7 +1449,10 @@
         "org.primer.figma": {
           "collection": "pattern/size",
           "group": "component",
-          "scopes": ["gap"]
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
+          }
         }
       }
     },

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

@@ -39,7 +39,7 @@
     "path": ["viewportRange", "regular"]
   },
   "viewportRange-wide": {
-    "value": "(min-width: 90rem)",
+    "value": "(min-width: 87.5rem)",
     "$type": "custom-viewportRange",
     "filePath": "src/tokens/functional/size/viewport.json",
     "isSource": true,