UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

551 lines (550 loc) • 26.5 kB
import { z } from 'zod'; export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{ $description: z.ZodOptional<z.ZodString>; $deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>; }, { $value: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>; alpha: z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>; }>, { $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">; $extensions: z.ZodOptional<z.ZodObject<{ 'org.primer.figma': z.ZodOptional<z.ZodObject<{ collection: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>; modeOverride: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>; scopes: z.ZodOptional<z.ZodEffects<z.ZodArray<z.ZodString, "many">, string[], string[]>>; group: z.ZodOptional<z.ZodString>; }, "strip", z.ZodTypeAny, { group?: string | undefined; collection?: string | undefined; modeOverride?: string | undefined; scopes?: string[] | undefined; }, { group?: string | undefined; collection?: string | undefined; modeOverride?: string | undefined; scopes?: string[] | undefined; }>>; 'org.primer.overrides': z.ZodOptional<z.ZodObject<{ light: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'light-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'light-protanopia-deuteranopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'light-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; dark: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'dark-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'dark-protanopia-deuteranopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'dark-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; 'dark-dimmed': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>; $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>; $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>; alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>; }, "strict", z.ZodTypeAny, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }, { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; }>]>>; }, "strict", z.ZodTypeAny, { light?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; dark?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-dimmed'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; }, { light?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; dark?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-dimmed'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; }>>; }, "strict", z.ZodTypeAny, { 'org.primer.figma'?: { group?: string | undefined; collection?: string | undefined; modeOverride?: string | undefined; scopes?: string[] | undefined; } | undefined; 'org.primer.overrides'?: { light?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; dark?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-dimmed'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; } | undefined; }, { 'org.primer.figma'?: { group?: string | undefined; collection?: string | undefined; modeOverride?: string | undefined; scopes?: string[] | undefined; } | undefined; 'org.primer.overrides'?: { light?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; dark?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-dimmed'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; } | undefined; }>>; }>, "strict", z.ZodTypeAny, { $value: string; $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange"; alpha?: any; $description?: string | undefined; $deprecated?: string | boolean | undefined; $extensions?: { 'org.primer.figma'?: { group?: string | undefined; collection?: string | undefined; modeOverride?: string | undefined; scopes?: string[] | undefined; } | undefined; 'org.primer.overrides'?: { light?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; dark?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-dimmed'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; } | undefined; } | undefined; }, { $value: string; $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange"; alpha?: any; $description?: string | undefined; $deprecated?: string | boolean | undefined; $extensions?: { 'org.primer.figma'?: { group?: string | undefined; collection?: string | undefined; modeOverride?: string | undefined; scopes?: string[] | undefined; } | undefined; 'org.primer.overrides'?: { light?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; dark?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'light-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-tritanopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-protanopia-deuteranopia'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-high-contrast'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; 'dark-dimmed'?: string | { alpha?: any; $value?: string | undefined; $description?: string | undefined; $deprecated?: string | boolean | undefined; } | undefined; } | undefined; } | undefined; }>;