@primer/primitives 7.17.0-rc.9ac79423 → 7.17.0-rc.9ef8a8c3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.17.0-rc.9ac79423",
+  "version": "7.17.0-rc.9ef8a8c3",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/src/formats/jsonFigma.ts

@@ -27,6 +27,8 @@ const getFigmaType = (type: string): string => {
   const validTypes = {
     color: 'COLOR',
     dimension: 'FLOAT',
+    fontWeight: 'FLOAT',
+    fontFamily: 'STRING',
   }
   if (type in validTypes) return validTypes[type as keyof typeof validTypes]
   throw new Error(`Invalid type: ${type}`)

package/src/platforms/figma.ts

@@ -3,7 +3,7 @@ import type {PlatformInitializer} from '../types/PlatformInitializer'
 import {isSource} from '../filters'
 
 const validFigmaToken = (token: StyleDictionary.TransformedToken) => {
-  const validTypes = ['color', 'dimension', 'shadow']
+  const validTypes = ['color', 'dimension', 'shadow', 'fontWeight', 'fontFamily']
   // is a siource token, not an included one
   if (!isSource(token)) return false
   // has a collection attribute

package/src/schemas/collections.ts

@@ -8,11 +8,13 @@ type Collections =
   | 'base/color/dark'
   | 'base/color/dark-dimmed'
   | 'base/color/dark-high-contrast'
+  | 'base/typography'
   | 'mode'
   | 'pattern/mode'
   | 'base/size'
   | 'functional/size'
   | 'pattern/size'
+  | 'typography'
 
 export const collection = (collections: Collections[]) => {
   return z.string().refine(

package/src/schemas/dimensionToken.ts

@@ -13,7 +13,7 @@ export const dimensionToken = baseToken
     $extensions: z
       .object({
         'org.primer.figma': z.object({
-          collection: collection(['base/size', 'functional/size', 'pattern/size']),
+          collection: collection(['base/size', 'functional/size', 'pattern/size', 'typography']),
           scopes: scopes(['all', 'size', 'gap', 'radius', 'borderColor']),
         }),
       })

package/src/schemas/fontFamilyToken.ts

@@ -2,10 +2,20 @@ import {z} from 'zod'
 import {referenceValue} from './referenceValue'
 import {baseToken} from './baseToken'
 import {tokenType} from './tokenType'
+import {collection} from './collections'
+import {scopes} from './scopes'
 
 export const fontFamilyToken = baseToken
   .extend({
     $value: z.union([z.string(), referenceValue]),
     $type: tokenType('fontFamily'),
+    $extensions: z
+      .object({
+        'org.primer.figma': z.object({
+          collection: collection(['base/typography', 'typography']).optional(),
+          scopes: scopes(['all']).optional(),
+        }),
+      })
+      .optional(),
   })
   .strict()

package/src/schemas/fontWeightToken.ts

@@ -3,10 +3,20 @@ import {fontWeightValue} from './fontWeightValue'
 import {referenceValue} from './referenceValue'
 import {baseToken} from './baseToken'
 import {tokenType} from './tokenType'
+import {collection} from './collections'
+import {scopes} from './scopes'
 
 export const fontWeightToken = baseToken
   .extend({
     $type: tokenType('fontWeight'),
     $value: z.union([fontWeightValue, referenceValue]),
+    $extensions: z
+      .object({
+        'org.primer.figma': z.object({
+          collection: collection(['base/typography', 'typography']).optional(),
+          scopes: scopes(['all']).optional(),
+        }),
+      })
+      .optional(),
   })
   .strict()

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+// Generated on Wed, 17 Apr 2024 17:50:20 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 Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Apr 2024 14:45:29 GMT
+ * Generated on Wed, 17 Apr 2024 17:50:20 GMT
  */
 
 

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

@@ -1,19 +0,0 @@
-:root {
-  --base-size-4: 0.25rem;
-  --base-size-8: 0.5rem;
-  --base-size-12: 0.75rem;
-  --base-size-16: 1rem;
-  --base-size-20: 1.25rem;
-  --base-size-24: 1.5rem;
-  --base-size-28: 1.75rem;
-  --base-size-32: 2rem;
-  --base-size-36: 2.25rem;
-  --base-size-40: 2.5rem;
-  --base-size-44: 2.75rem;
-  --base-size-48: 3rem;
-  --base-size-64: 4rem;
-  --base-size-80: 5rem;
-  --base-size-96: 6rem;
-  --base-size-112: 7rem;
-  --base-size-128: 8rem;
-}

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

@@ -1,6 +0,0 @@
-:root {
-  --base-text-weight-light: 300;
-  --base-text-weight-normal: 400;
-  --base-text-weight-medium: 500;
-  --base-text-weight-semibold: 600;
-}

package/tokens-next-private/css/functional/motion/motion.css

@@ -1,5 +0,0 @@
-:root {
-  --motion-skeletonLoader-shimmer-duration-scale: 1s;
-  --motion-spinner-duration-rotation: 1s;
-  --motion-loading-delay-default: 1s;
-}