@primer/primitives 11.4.1-rc.8b516966 → 11.4.1-rc.d4178e4a

package/DESIGN_TOKENS_GUIDE.md

@@ -119,7 +119,7 @@
   color: var(--fgColor-default);
   border: none;
   border-radius: var(--borderRadius-medium);
-  padding-block: var(--control-medium-paddingBlock-normal);
+  padding-block: var(--control-medium-paddingBlock);
   padding-inline: var(--control-medium-paddingInline-normal);
   font: var(--text-body-shorthand-medium);
   cursor: pointer;

package/dist/build/formats/jsonFigma.js

@@ -35,10 +35,17 @@ const getFigmaType = (type) => {
     throw new Error(`Invalid type: ${type}`);
 };
 const shadowToVariables = (name, values, token) => {
+    // Helper to extract numeric value from W3C dimension object
+    const getDimensionValue = (dim) => {
+        if (typeof dim === 'object' && 'value' in dim) {
+            return dim.value;
+        }
+        throw new Error(`Invalid shadow dimension: expected W3C object format, got ${JSON.stringify(dim)}`);
+    };
     // floatValue
     const floatValue = (property) => ({
         name: `${name}/${property}`,
-        value: parseInt(values[property].replace('px', '')),
+        value: getDimensionValue(values[property]),
         type: 'FLOAT',
         scopes: ['EFFECT_FLOAT'],
         mode,

package/dist/build/schemas/borderToken.d.ts

@@ -11,14 +11,14 @@ export declare const borderValue: z.ZodObject<{
         ridge: "ridge";
         outset: "outset";
     }>;
-    width: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodObject<{
+    width: z.ZodUnion<readonly [z.ZodObject<{
         value: z.ZodNumber;
         unit: z.ZodEnum<{
             em: "em";
             px: "px";
             rem: "rem";
         }>;
-    }, z.core.$strict>, z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>]>, z.ZodString]>;
+    }, z.core.$strict>, z.ZodString]>;
 }, z.core.$strip>;
 export declare const borderToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
@@ -35,16 +35,16 @@ export declare const borderToken: z.ZodObject<{
             ridge: "ridge";
             outset: "outset";
         }>;
-        width: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodObject<{
+        width: z.ZodUnion<readonly [z.ZodObject<{
             value: z.ZodNumber;
             unit: z.ZodEnum<{
                 em: "em";
                 px: "px";
                 rem: "rem";
             }>;
-        }, z.core.$strict>, z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>]>, z.ZodString]>;
+        }, z.core.$strict>, z.ZodString]>;
     }, z.core.$strip>, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.llm': z.ZodOptional<z.ZodObject<{
             usage: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/dist/build/schemas/colorToken.d.ts

@@ -4,7 +4,7 @@ export declare const colorToken: z.ZodObject<{
     $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
     $value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
     alpha: z.ZodNullable<z.ZodOptional<z.ZodAny>>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodOptional<z.ZodObject<{
             collection: z.ZodOptional<z.ZodString>;

package/dist/build/schemas/cubicBezierToken.d.ts

@@ -3,7 +3,7 @@ export declare const cubicBezierToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
     $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
     $value: z.ZodUnion<readonly [z.ZodArray<z.ZodNumber>, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.llm': z.ZodOptional<z.ZodObject<{
             usage: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/dist/build/schemas/dimensionToken.d.ts

@@ -2,15 +2,15 @@ import { z } from 'zod';
 export declare const dimensionToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
     $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
-    $value: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodObject<{
+    $value: z.ZodUnion<readonly [z.ZodObject<{
         value: z.ZodNumber;
         unit: z.ZodEnum<{
             em: "em";
             px: "px";
             rem: "rem";
         }>;
-    }, z.core.$strict>, z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>]>, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    }, z.core.$strict>, z.ZodString]>;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodOptional<z.ZodObject<{
             collection: z.ZodString;

package/dist/build/schemas/dimensionValue.d.ts

@@ -3,7 +3,7 @@ import { z } from 'zod';
  * W3C DTCG dimension value format
  * @link https://www.designtokens.org/tr/drafts/format/#dimension
  */
-export declare const dimensionValueObject: z.ZodObject<{
+export declare const dimensionValue: z.ZodObject<{
     value: z.ZodNumber;
     unit: z.ZodEnum<{
         em: "em";
@@ -11,15 +11,3 @@ export declare const dimensionValueObject: z.ZodObject<{
         rem: "rem";
     }>;
 }, z.core.$strict>;
-/**
- * Dimension value - supports both W3C DTCG object format and legacy string format
- * Note: Transformers only accept W3C format, but schema validates both for migration period
- */
-export declare const dimensionValue: z.ZodUnion<readonly [z.ZodObject<{
-    value: z.ZodNumber;
-    unit: z.ZodEnum<{
-        em: "em";
-        px: "px";
-        rem: "rem";
-    }>;
-}, z.core.$strict>, z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>]>;

package/dist/build/schemas/dimensionValue.js

@@ -1,33 +1,11 @@
 import { z } from 'zod';
-import { schemaErrorMessage } from '../utilities/index.js';
 /**
  * W3C DTCG dimension value format
  * @link https://www.designtokens.org/tr/drafts/format/#dimension
  */
-export const dimensionValueObject = z
+export const dimensionValue = z
     .object({
     value: z.number(),
     unit: z.enum(['px', 'rem', 'em']),
 })
     .strict();
-/**
- * Legacy dimension value format (string with unit)
- * @deprecated Use W3C DTCG object format instead
- */
-const dimensionValueLegacy = z.union([
-    z.string().superRefine((dim, ctx) => {
-        if (!/(^-?[0-9]+\.?[0-9]*(px|rem)$|^-?[0-9]+\.?[0-9]*em$)/.test(dim)) {
-            ctx.addIssue({
-                code: 'custom',
-                message: schemaErrorMessage(`Invalid dimension: "${dim}"`, `Dimension must be a string with a unit (px, rem or em) or 0`),
-            });
-        }
-    }),
-    z.literal('0'),
-    z.literal(0),
-]);
-/**
- * Dimension value - supports both W3C DTCG object format and legacy string format
- * Note: Transformers only accept W3C format, but schema validates both for migration period
- */
-export const dimensionValue = z.union([dimensionValueObject, dimensionValueLegacy]);

package/dist/build/schemas/durationToken.d.ts

@@ -9,7 +9,7 @@ export declare const durationToken: z.ZodObject<{
             ms: "ms";
         }>;
     }, z.core.$strict>, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.llm': z.ZodOptional<z.ZodObject<{
             usage: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/dist/build/schemas/fontFamilyToken.d.ts

@@ -3,7 +3,7 @@ export declare const fontFamilyToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
     $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
     $value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodObject<{
             collection: z.ZodOptional<z.ZodString>;

package/dist/build/schemas/fontWeightToken.d.ts

@@ -2,7 +2,7 @@ import { z } from 'zod';
 export declare const fontWeightToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
     $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $value: z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodObject<{

package/dist/build/schemas/gradientToken.d.ts

@@ -6,7 +6,7 @@ export declare const gradientToken: z.ZodObject<{
         color: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
         position: z.ZodNumber;
     }, z.core.$strip>>, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.gradient': z.ZodObject<{
             angle: z.ZodOptional<z.ZodNumber>;

package/dist/build/schemas/numberToken.d.ts

@@ -3,7 +3,7 @@ export declare const numberToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
     $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
     $value: z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.data': z.ZodOptional<z.ZodObject<{
             fontSize: z.ZodOptional<z.ZodNumber>;