@primer/primitives 11.4.0 → 11.4.1-rc.4e2d1de5

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

@@ -11,7 +11,14 @@ export declare const borderValue: z.ZodObject<{
         ridge: "ridge";
         outset: "outset";
     }>;
-    width: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodString]>;
+    width: z.ZodUnion<readonly [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.$strip>;
 export declare const borderToken: z.ZodObject<{
     $description: z.ZodOptional<z.ZodString>;
@@ -28,7 +35,14 @@ export declare const borderToken: z.ZodObject<{
             ridge: "ridge";
             outset: "outset";
         }>;
-        width: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodString]>;
+        width: z.ZodUnion<readonly [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.$strip>, z.ZodString]>;
     $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     $extensions: z.ZodOptional<z.ZodObject<{

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

@@ -2,7 +2,14 @@ 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.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodString]>;
+    $value: z.ZodUnion<readonly [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">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodOptional<z.ZodObject<{

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

@@ -1,2 +1,25 @@
 import { z } from 'zod';
-export declare const dimensionValue: z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"0">, z.ZodLiteral<0>]>;
+/**
+ * W3C DTCG dimension value format
+ * @link https://www.designtokens.org/tr/drafts/format/#dimension
+ */
+export declare const dimensionValueObject: z.ZodObject<{
+    value: z.ZodNumber;
+    unit: z.ZodEnum<{
+        em: "em";
+        px: "px";
+        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,6 +1,20 @@
 import { z } from 'zod';
 import { schemaErrorMessage } from '../utilities/index.js';
-export const dimensionValue = z.union([
+/**
+ * W3C DTCG dimension value format
+ * @link https://www.designtokens.org/tr/drafts/format/#dimension
+ */
+export const dimensionValueObject = 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({
@@ -12,3 +26,8 @@ export const dimensionValue = z.union([
     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

@@ -2,7 +2,13 @@ import { z } from 'zod';
 export declare const durationToken: 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]>;
+    $value: z.ZodUnion<readonly [z.ZodObject<{
+        value: z.ZodNumber;
+        unit: z.ZodEnum<{
+            s: "s";
+            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">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.llm': z.ZodOptional<z.ZodObject<{

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

@@ -1,2 +1,12 @@
 import { z } from 'zod';
-export declare const durationValue: z.ZodString;
+/**
+ * W3C DTCG duration value format
+ * @see https://www.designtokens.org/tr/2025.10/format/#duration
+ */
+export declare const durationValue: z.ZodObject<{
+    value: z.ZodNumber;
+    unit: z.ZodEnum<{
+        s: "s";
+        ms: "ms";
+    }>;
+}, z.core.$strict>;

package/dist/build/schemas/durationValue.js

@@ -1,10 +1,20 @@
 import { z } from 'zod';
 import { schemaErrorMessage } from '../utilities/index.js';
-export const durationValue = z.string().superRefine((duration, ctx) => {
-    if (!/^[0-9]+ms$/.test(duration)) {
+/**
+ * W3C DTCG duration value format
+ * @see https://www.designtokens.org/tr/2025.10/format/#duration
+ */
+export const durationValue = z
+    .object({
+    value: z.number(),
+    unit: z.enum(['ms', 's']),
+})
+    .strict()
+    .superRefine((duration, ctx) => {
+    if (typeof duration.value !== 'number') {
         ctx.addIssue({
             code: 'custom',
-            message: schemaErrorMessage(`Invalid duration: "${duration}"`, `A duration must be a string with an "ms"`),
+            message: schemaErrorMessage(`Invalid duration value: "${duration.value}"`, `Duration value must be a number`),
         });
     }
 });