UNPKG

@loadsmart/miranda-tokens

Version:

Design tokens for the Miranda Design System

18 lines (17 loc) 5.48 kB
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")[]];