@primer/brand-primitives 0.24.0-rc.f34efaa → 0.24.0

package/lib/design-tokens/ts/tokens/functional/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 
@@ -12,7 +12,7 @@ declare const tokens: {
         "fine": string,
         "coarse": string
       },
-      "xsmall": {
+      "medium": {
         "size": string,
         "lineBoxHeight": string,
         "paddingBlock": string,
@@ -23,17 +23,8 @@ declare const tokens: {
         },
         "gap": string
       },
-      "small": {
+      "large": {
         "size": string,
-        "lineBoxHeight": string,
-        "paddingBlock": string,
-        "paddingInline": {
-          "condensed": string,
-          "normal": string
-        },
-        "gap": string
-      },
-      "medium": {
         "lineBoxHeight": string,
         "paddingBlock": string,
         "paddingInline": {
@@ -43,24 +34,12 @@ declare const tokens: {
         },
         "gap": string
       },
-      "large": {
-        "lineBoxHeight": string,
-        "paddingBlock": string,
-        "paddingInline": {
-          "normal": string,
-          "spacious": string
-        },
-        "gap": string
+      "border": {
+        "radius": string
       },
-      "xlarge": {
-        "size": string,
-        "lineBoxHeight": string,
-        "paddingBlock": string,
-        "paddingInline": {
-          "normal": string,
-          "spacious": string
-        },
-        "gap": string
+      "animation": {
+        "duration": string,
+        "easing": string
       }
     },
     "box": {

package/lib/design-tokens/ts/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 
@@ -12,55 +12,34 @@ module.exports = {
         "fine": "1rem",
         "coarse": "2.75rem"
       },
-      "xsmall": {
-        "size": "1.5rem",
-        "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((1.5rem - 1.25rem) / 2)",
-        "paddingInline": {
-          "condensed": "0.25rem",
-          "normal": "0.5rem",
-          "spacious": "0.75rem"
-        },
-        "gap": "0.25rem"
-      },
-      "small": {
-        "size": "1.75rem",
-        "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((1.75rem - 1.25rem) / 2)",
-        "paddingInline": {
-          "condensed": "0.5rem",
-          "normal": "0.75rem"
-        },
-        "gap": "0.25rem"
-      },
       "medium": {
+        "size": "3rem",
         "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((2.5rem - 1.25rem) / 2)",
+        "paddingBlock": "0.75rem",
         "paddingInline": {
-          "condensed": "0.5rem",
-          "normal": "0.75rem",
-          "spacious": "1rem"
+          "condensed": "0.75rem",
+          "normal": "1rem",
+          "spacious": "1.5rem"
         },
         "gap": "0.5rem"
       },
       "large": {
+        "size": "3.5rem",
         "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((var(--base-size-48) - 1.25rem) / 2)",
+        "paddingBlock": "1.125rem",
         "paddingInline": {
-          "normal": "0.75rem",
-          "spacious": "1rem"
+          "condensed": "1rem",
+          "normal": "1.25rem",
+          "spacious": "2rem"
         },
-        "gap": "0.5rem"
+        "gap": "1rem"
       },
-      "xlarge": {
-        "size": "3rem",
-        "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((3rem - 1.25rem) / 2)",
-        "paddingInline": {
-          "normal": "0.75rem",
-          "spacious": "1rem"
-        },
-        "gap": "0.5rem"
+      "border": {
+        "radius": "var(--brand-borderRadius-medium)"
+      },
+      "animation": {
+        "duration": "80ms",
+        "easing": "var(--brand-animation-easing-glide)"
       }
     },
     "box": {

package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 
@@ -8,11 +8,40 @@
 declare const tokens: {
   "brand": {
     "heading": {
+      "weight": {
+        "800": string,
+        "900": string,
+        "1000": string
+      },
+      "letterSpacing": {
+        "800": string,
+        "900": string,
+        "1000": string
+      },
       "lineHeight": {
         "400": string,
         "500": string,
         "600": string,
-        "700": string
+        "700": string,
+        "800": string,
+        "900": string,
+        "1000": string
+      }
+    },
+    "text": {
+      "subhead": {
+        "size": {
+          "medium": string,
+          "large": string
+        },
+        "weight": {
+          "medium": string,
+          "large": string
+        },
+        "lineHeight": {
+          "medium": string,
+          "large": string
+        }
       }
     }
   }

package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 
@@ -8,11 +8,40 @@
 module.exports = {
   "brand": {
     "heading": {
+      "weight": {
+        "800": "var(--base-text-weight-semibold)",
+        "900": "var(--base-text-weight-semibold)",
+        "1000": "var(--base-text-weight-bold)"
+      },
+      "letterSpacing": {
+        "800": "-0.02em",
+        "900": "-0.02em",
+        "1000": "-0.03em"
+      },
       "lineHeight": {
-        "400": "1.25rem",
-        "500": "1.5rem",
-        "600": "1.75rem",
-        "700": "2rem"
+        "400": "1.3",
+        "500": "1.3",
+        "600": "1.3",
+        "700": "1.2",
+        "800": "1.2",
+        "900": "1.1",
+        "1000": "1.1"
+      }
+    },
+    "text": {
+      "subhead": {
+        "size": {
+          "medium": "1rem",
+          "large": "1.125rem"
+        },
+        "weight": {
+          "medium": "var(--base-text-weight-semibold)",
+          "large": "var(--base-text-weight-semibold)"
+        },
+        "lineHeight": {
+          "medium": "1.3",
+          "large": "1.3"
+        }
       }
     }
   }

package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 
@@ -69,6 +69,9 @@ declare const tokens: {
         "1000": string
       },
       "letterSpacing": {
+        "400": string,
+        "500": string,
+        "600": string,
         "700": string,
         "800": string,
         "900": string,

package/lib/design-tokens/ts/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
  */
 
 
@@ -22,13 +22,13 @@ module.exports = {
         "400": "var(--base-text-weight-semibold)",
         "500": "var(--base-text-weight-semibold)",
         "600": "var(--base-text-weight-semibold)",
-        "700": "var(--base-text-weight-bold)"
+        "700": "var(--base-text-weight-semibold)"
       },
       "letterSpacing": {
         "400": "-0.01em",
         "500": "-0.01em",
-        "600": "-0.01em",
-        "700": "-0.01em"
+        "600": "-0.02em",
+        "700": "-0.02em"
       }
     },
     "text": {
@@ -36,43 +36,46 @@ module.exports = {
         "100": "var(--base-text-weight-normal)",
         "200": "var(--base-text-weight-normal)",
         "300": "var(--base-text-weight-normal)",
-        "400": "var(--base-text-weight-normal)",
-        "500": "var(--base-text-weight-normal)",
-        "600": "var(--base-text-weight-normal)",
-        "700": "var(--base-text-weight-normal)",
-        "800": "var(--base-text-weight-extrabold)",
-        "900": "var(--base-text-weight-extrabold)",
-        "1000": "var(--base-text-weight-extrabold)"
+        "400": "var(--base-text-weight-semibold)",
+        "500": "var(--base-text-weight-semibold)",
+        "600": "var(--base-text-weight-semibold)",
+        "700": "var(--base-text-weight-semibold)",
+        "800": "var(--base-text-weight-semibold)",
+        "900": "var(--base-text-weight-semibold)",
+        "1000": "var(--base-text-weight-bold)"
       },
       "size": {
-        "100": "0.75rem",
-        "200": "0.875rem",
-        "300": "1rem",
-        "400": "1rem",
-        "500": "1.25rem",
+        "100": "0.875rem",
+        "200": "1rem",
+        "300": "1.125rem",
+        "400": "1.25rem",
+        "500": "1.375rem",
         "600": "1.5rem",
         "700": "1.75rem",
         "800": "2rem",
-        "900": "2.5rem",
-        "1000": "3rem"
+        "900": "2.25rem",
+        "1000": "2.5rem"
       },
       "lineHeight": {
-        "100": "1.25rem",
-        "200": "1.25rem",
-        "300": "1.5rem",
-        "400": "1.5rem",
-        "500": "1.75rem",
-        "600": "2rem",
-        "700": "2.5rem",
-        "800": "2.25rem",
-        "900": "2.75rem",
-        "1000": "3.25rem"
+        "100": "1.5",
+        "200": "1.5",
+        "300": "1.5",
+        "400": "1.3",
+        "500": "1.3",
+        "600": "1.2",
+        "700": "1.2",
+        "800": "1.2",
+        "900": "1.1",
+        "1000": "1.1"
       },
       "letterSpacing": {
-        "700": "-0.01em",
-        "800": "-0.01em",
-        "900": "-0.01em",
-        "1000": "-0.01em"
+        "400": "-0.01em",
+        "500": "-0.01em",
+        "600": "-0.02em",
+        "700": "-0.02em",
+        "800": "-0.02em",
+        "900": "-0.02em",
+        "1000": "-0.03em"
       },
       "style": {
         "italic": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/brand-primitives",
-  "version": "0.24.0-rc.f34efaa",
+  "version": "0.24.0",
   "description": "Color, spacing, and typography primitives for the Primer Brand Design System  ",
   "keywords": [
     "primer",

package/lib/design-tokens/css/tokens/functional/components/control/base.css

@@ -1,18 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
- */
-
-:root {
-  --brand-control-animation-easing: var(--brand-animation-easing-glide);
-  --brand-control-animation-duration: 80ms;
-  --brand-control-border-radius: var(--brand-borderRadius-medium);
-  --brand-control-large-fontSize: var(--brand-text-size-300);
-  --brand-control-large-fontWeight: var(--brand-text-weight-300);
-  --brand-control-large-padding: var(--base-size-12);
-  --brand-control-large-size: var(--base-size-48);
-  --brand-control-medium-fontSize: var(--brand-text-size-200);
-  --brand-control-medium-fontWeight: var(--brand-text-weight-200);
-  --brand-control-medium-padding: 0.625rem;
-  --brand-control-medium-size: 2.5rem;
-}

package/lib/design-tokens/js/module/tokens/functional/components/control/base.js

@@ -1,195 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
- */
-
-module.exports = {
-  "brand": {
-    "control": {
-      "medium": {
-        "size": {
-          "value": "2.5rem",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "40px"
-          },
-          "name": "size",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
-            "size"
-          ]
-        },
-        "padding": {
-          "value": "0.625rem",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "10px"
-          },
-          "name": "padding",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
-            "padding"
-          ]
-        },
-        "fontWeight": {
-          "value": "var(--brand-text-weight-200)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-weight-200)"
-          },
-          "name": "fontWeight",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
-            "fontWeight"
-          ]
-        },
-        "fontSize": {
-          "value": "var(--brand-text-size-200)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-size-200)"
-          },
-          "name": "fontSize",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
-            "fontSize"
-          ]
-        }
-      },
-      "large": {
-        "size": {
-          "value": "var(--base-size-48)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-48)"
-          },
-          "name": "size",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "size"
-          ]
-        },
-        "padding": {
-          "value": "var(--base-size-12)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-12)"
-          },
-          "name": "padding",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "padding"
-          ]
-        },
-        "fontWeight": {
-          "value": "var(--brand-text-weight-300)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-weight-300)"
-          },
-          "name": "fontWeight",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "fontWeight"
-          ]
-        },
-        "fontSize": {
-          "value": "var(--brand-text-size-300)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-size-300)"
-          },
-          "name": "fontSize",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "fontSize"
-          ]
-        }
-      },
-      "border": {
-        "radius": {
-          "value": "var(--brand-borderRadius-medium)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-borderRadius-medium)"
-          },
-          "name": "radius",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "border",
-            "radius"
-          ]
-        }
-      },
-      "animation": {
-        "duration": {
-          "value": "80ms",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "80ms"
-          },
-          "name": "duration",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "animation",
-            "duration"
-          ]
-        },
-        "easing": {
-          "value": "var(--brand-animation-easing-glide)",
-          "filePath": "tokens/functional/components/control/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-animation-easing-glide)"
-          },
-          "name": "easing",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "animation",
-            "easing"
-          ]
-        }
-      }
-    }
-  }
-};

package/lib/design-tokens/js/tokens/functional/components/control/base.js

@@ -1,16 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
- */
-
-export const BrandControlMediumSize = "2.5rem";
-export const BrandControlMediumPadding = "0.625rem";
-export const BrandControlMediumFontWeight = "var(--brand-text-weight-200)";
-export const BrandControlMediumFontSize = "var(--brand-text-size-200)";
-export const BrandControlLargeSize = "var(--base-size-48)";
-export const BrandControlLargePadding = "var(--base-size-12)";
-export const BrandControlLargeFontWeight = "var(--brand-text-weight-300)";
-export const BrandControlLargeFontSize = "var(--brand-text-size-300)";
-export const BrandControlBorderRadius = "var(--brand-borderRadius-medium)";
-export const BrandControlAnimationDuration = "80ms";
-export const BrandControlAnimationEasing = "var(--brand-animation-easing-glide)";

package/lib/design-tokens/scss/tokens/functional/components/control/base.scss

@@ -1,15 +0,0 @@
-
-// Do not edit directly
-// Generated on Mon, 14 Aug 2023 12:38:49 GMT
-
-$brand-control-animation-easing: var(--brand-animation-easing-glide);
-$brand-control-animation-duration: 80ms;
-$brand-control-border-radius: var(--brand-borderRadius-medium);
-$brand-control-large-fontSize: var(--brand-text-size-300);
-$brand-control-large-fontWeight: var(--brand-text-weight-300);
-$brand-control-large-padding: var(--base-size-12);
-$brand-control-large-size: var(--base-size-48);
-$brand-control-medium-fontSize: var(--brand-text-size-200);
-$brand-control-medium-fontWeight: var(--brand-text-weight-200);
-$brand-control-medium-padding: 0.625rem;
-$brand-control-medium-size: 2.5rem;

package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts

@@ -1,33 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
- */
-
-
-    
-declare const tokens: {
-  "brand": {
-    "control": {
-      "medium": {
-        "size": string,
-        "padding": string,
-        "fontWeight": string,
-        "fontSize": string
-      },
-      "large": {
-        "size": string,
-        "padding": string,
-        "fontWeight": string,
-        "fontSize": string
-      },
-      "border": {
-        "radius": string
-      },
-      "animation": {
-        "duration": string,
-        "easing": string
-      }
-    }
-  }
-}
-export default tokens;