@loadsmart/miranda-tokens
Version:
Design tokens for the Miranda Design System
18 lines (17 loc) • 5.48 kB
TypeScript
export declare const TOKENS: ("border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | "border-none" | "border-thin" | "border-medium" | "border-thick" | "color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted" | "color-border-input" | "color-border" | "color-divider" | "color-brand" | "color-brand-accent-1" | "color-brand-accent-2" | "color-primary-20" | "color-primary-60" | "color-primary-100" | "color-accent-20" | "color-accent-60" | "color-accent-100" | "color-neutral-0" | "color-neutral-10" | "color-neutral-20" | "color-neutral-40" | "color-neutral-60" | "color-neutral-80" | "color-neutral-90" | "color-neutral-100" | "color-success-20" | "color-success-60" | "color-success-100" | "color-danger-20" | "color-danger-60" | "color-danger-100" | "color-warning-20" | "color-warning-60" | "color-warning-100" | "color-text-primary" | "color-text-secondary" | "color-text-tertiary" | "color-text-placeholder" | "color-text-disabled" | "color-text-inverted" | "color-text-secondary-inverted" | "color-text-error" | "color-text-highlight" | "color-text-link" | "font-family-default" | "font-family-title" | "font-size-1" | "font-size-2" | "font-size-3" | "font-size-4" | "font-size-5" | "font-size-6" | "font-size-7" | "font-size-8" | "font-size-9" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "line-height-1" | "line-height-2" | "line-height-3" | "line-height-4" | "line-height-5" | "line-height-6" | "global-height-small" | "global-height-default" | "global-height-large" | "media-screen-desktop" | "media-screen-tablet" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "glow-primary" | "glow-warning" | "spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[];
export declare const BACKGROUND_COLOR_TOKENS: ("color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted")[];
export declare const BORDER_RADIUS_TOKENS: ("border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle")[];
export declare const BORDER_TOKENS: ("border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | "border-none" | "border-thin" | "border-medium" | "border-thick")[];
export declare const BORDER_WIDTH_TOKENS: readonly ["border-none", "border-thin", "border-medium", "border-thick"];
export declare const COLOR_TOKENS: ("color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted" | "color-border-input" | "color-border" | "color-divider" | "color-brand" | "color-brand-accent-1" | "color-brand-accent-2" | "color-primary-20" | "color-primary-60" | "color-primary-100" | "color-accent-20" | "color-accent-60" | "color-accent-100" | "color-neutral-0" | "color-neutral-10" | "color-neutral-20" | "color-neutral-40" | "color-neutral-60" | "color-neutral-80" | "color-neutral-90" | "color-neutral-100" | "color-success-20" | "color-success-60" | "color-success-100" | "color-danger-20" | "color-danger-60" | "color-danger-100" | "color-warning-20" | "color-warning-60" | "color-warning-100" | "color-text-primary" | "color-text-secondary" | "color-text-tertiary" | "color-text-placeholder" | "color-text-disabled" | "color-text-inverted" | "color-text-secondary-inverted" | "color-text-error" | "color-text-highlight" | "color-text-link")[];
export declare const ELEVATION_TOKENS: ("elevation-1" | "elevation-2" | "elevation-3" | "elevation-4")[];
export declare const FONT_FAMILY_TOKENS: ("font-family-default" | "font-family-title")[];
export declare const FONT_SIZE_TOKENS: ("font-size-1" | "font-size-2" | "font-size-3" | "font-size-4" | "font-size-5" | "font-size-6" | "font-size-7" | "font-size-8" | "font-size-9")[];
export declare const FONT_WEIGHT_TOKENS: ("font-weight-regular" | "font-weight-medium" | "font-weight-bold")[];
export declare const GLOBAL_TOKENS: ("global-height-small" | "global-height-default" | "global-height-large")[];
export declare const GLOW_TOKENS: ("glow-primary" | "glow-warning")[];
export declare const LINE_HEIGHT_TOKENS: ("line-height-1" | "line-height-2" | "line-height-3" | "line-height-4" | "line-height-5" | "line-height-6")[];
export declare const OPACITY_TOKENS: ("opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100")[];
export declare const SPACING_TOKENS: ("spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[];
export declare const MEDIA_QUERY_TOKENS: ("media-screen-desktop" | "media-screen-tablet")[];
export declare const SPACING_TOKENS_WITH_NONE: readonly ["none", ...("spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[]];