63 lines
1.5 KiB
TypeScript
63 lines
1.5 KiB
TypeScript
export const REQUIRED_PRIMITIVE_TOKENS = Object.freeze([
|
|
"--space-1",
|
|
"--space-2",
|
|
"--space-4",
|
|
"--font-size-sm",
|
|
"--line-height-normal",
|
|
"--radius-sm",
|
|
"--shadow-dialog",
|
|
"--duration-fast",
|
|
"--easing-standard",
|
|
"--size-control-md",
|
|
"--size-touch-target",
|
|
"--size-icon-md",
|
|
"--breakpoint-compact",
|
|
] as const);
|
|
|
|
export const REQUIRED_SEMANTIC_TOKENS = Object.freeze([
|
|
"--color-surface",
|
|
"--color-surface-muted",
|
|
"--color-surface-elevated",
|
|
"--color-content",
|
|
"--color-content-muted",
|
|
"--color-content-inverse",
|
|
"--color-border",
|
|
"--color-border-strong",
|
|
"--color-action",
|
|
"--color-action-hover",
|
|
"--color-action-pressed",
|
|
"--color-danger",
|
|
"--color-warning-content",
|
|
"--color-success-content",
|
|
"--color-info-content",
|
|
"--color-focus",
|
|
"--color-disabled-content",
|
|
"--color-disabled-surface",
|
|
"--elevation-panel",
|
|
"--layer-navigation",
|
|
"--layer-popover",
|
|
"--layer-modal",
|
|
"--layer-toast",
|
|
"--opacity-disabled",
|
|
"--opacity-scrim",
|
|
"--opacity-skeleton",
|
|
] as const);
|
|
|
|
export const REQUIRED_COMPONENT_TOKENS = Object.freeze([
|
|
"--button-primary-background",
|
|
"--button-primary-content",
|
|
"--button-primary-hover",
|
|
"--field-border",
|
|
"--field-border-invalid",
|
|
"--dialog-elevation",
|
|
"--navigation-active-background",
|
|
"--drawer-width",
|
|
"--toast-width",
|
|
] as const);
|
|
|
|
export const DESIGN_TOKEN_CONTRACT = Object.freeze({
|
|
primitive: REQUIRED_PRIMITIVE_TOKENS,
|
|
semantic: REQUIRED_SEMANTIC_TOKENS,
|
|
component: REQUIRED_COMPONENT_TOKENS,
|
|
});
|