export declare const primitiveTokens: { readonly color: { readonly grey: { readonly "100": { readonly value: "#f5f7fa"; readonly cssVar: "--ui-primitive-color-grey-100"; }; readonly "300": { readonly value: "#cbd5e1"; readonly cssVar: "--ui-primitive-color-grey-300"; }; readonly "500": { readonly value: "#99a1af"; readonly cssVar: "--ui-primitive-color-grey-500"; }; readonly "700": { readonly value: "#6a7282"; readonly cssVar: "--ui-primitive-color-grey-700"; }; readonly "900": { readonly value: "#162130"; readonly cssVar: "--ui-primitive-color-grey-900"; }; }; readonly brand: { readonly "100": { readonly value: "#eff6ff"; readonly cssVar: "--ui-primitive-color-brand-100"; }; readonly "300": { readonly value: "#dbeafe"; readonly cssVar: "--ui-primitive-color-brand-300"; }; readonly "500": { readonly value: "#1d4ed8"; readonly cssVar: "--ui-primitive-color-brand-500"; }; readonly "700": { readonly value: "#1e40af"; readonly cssVar: "--ui-primitive-color-brand-700"; }; readonly "900": { readonly value: "#112d9c"; readonly cssVar: "--ui-primitive-color-brand-900"; }; }; readonly blue: { readonly "100": { readonly value: "#f1f5fc"; readonly cssVar: "--ui-primitive-color-blue-100"; }; readonly "300": { readonly value: "#d7e3fb"; readonly cssVar: "--ui-primitive-color-blue-300"; }; readonly "500": { readonly value: "#b3cafc"; readonly cssVar: "--ui-primitive-color-blue-500"; }; readonly "700": { readonly value: "#7c9eea"; readonly cssVar: "--ui-primitive-color-blue-700"; }; readonly "900": { readonly value: "#566ea3"; readonly cssVar: "--ui-primitive-color-blue-900"; }; }; readonly purple: { readonly "100": { readonly value: "#e2cfea"; readonly cssVar: "--ui-primitive-color-purple-100"; }; readonly "300": { readonly value: "#c7a7e7"; readonly cssVar: "--ui-primitive-color-purple-300"; }; readonly "500": { readonly value: "#a06cd5"; readonly cssVar: "--ui-primitive-color-purple-500"; }; readonly "700": { readonly value: "#6247aa"; readonly cssVar: "--ui-primitive-color-purple-700"; }; readonly "900": { readonly value: "#4b2d83"; readonly cssVar: "--ui-primitive-color-purple-900"; }; }; readonly red: { readonly "100": { readonly value: "#fee2e2"; readonly cssVar: "--ui-primitive-color-red-100"; }; readonly "300": { readonly value: "#ffa5a7"; readonly cssVar: "--ui-primitive-color-red-300"; }; readonly "500": { readonly value: "#ff6266"; readonly cssVar: "--ui-primitive-color-red-500"; }; readonly "700": { readonly value: "#b91c1c"; readonly cssVar: "--ui-primitive-color-red-700"; }; readonly "900": { readonly value: "#8d1515"; readonly cssVar: "--ui-primitive-color-red-900"; }; }; readonly pink: { readonly "100": { readonly value: "#ffe5ec"; readonly cssVar: "--ui-primitive-color-pink-100"; }; readonly "300": { readonly value: "#ffc3d1"; readonly cssVar: "--ui-primitive-color-pink-300"; }; readonly "500": { readonly value: "#fb7092"; readonly cssVar: "--ui-primitive-color-pink-500"; }; readonly "700": { readonly value: "#c30074"; readonly cssVar: "--ui-primitive-color-pink-700"; }; readonly "900": { readonly value: "#8a004f"; readonly cssVar: "--ui-primitive-color-pink-900"; }; }; readonly orange: { readonly "100": { readonly value: "#fff1da"; readonly cssVar: "--ui-primitive-color-orange-100"; }; readonly "300": { readonly value: "#ffcf8e"; readonly cssVar: "--ui-primitive-color-orange-300"; }; readonly "500": { readonly value: "#ffbe66"; readonly cssVar: "--ui-primitive-color-orange-500"; }; readonly "700": { readonly value: "#ffa52b"; readonly cssVar: "--ui-primitive-color-orange-700"; }; readonly "900": { readonly value: "#ff9300"; readonly cssVar: "--ui-primitive-color-orange-900"; }; }; readonly yellow: { readonly "100": { readonly value: "#fffae5"; readonly cssVar: "--ui-primitive-color-yellow-100"; }; readonly "300": { readonly value: "#fff2b2"; readonly cssVar: "--ui-primitive-color-yellow-300"; }; readonly "500": { readonly value: "#ffe97f"; readonly cssVar: "--ui-primitive-color-yellow-500"; }; readonly "700": { readonly value: "#ffe14c"; readonly cssVar: "--ui-primitive-color-yellow-700"; }; readonly "900": { readonly value: "#ffd400"; readonly cssVar: "--ui-primitive-color-yellow-900"; }; }; readonly brown: { readonly "100": { readonly value: "#f4e2d1"; readonly cssVar: "--ui-primitive-color-brown-100"; }; readonly "300": { readonly value: "#d9b692"; readonly cssVar: "--ui-primitive-color-brown-300"; }; readonly "500": { readonly value: "#b08968"; readonly cssVar: "--ui-primitive-color-brown-500"; }; readonly "700": { readonly value: "#7c4a00"; readonly cssVar: "--ui-primitive-color-brown-700"; }; readonly "900": { readonly value: "#5b3400"; readonly cssVar: "--ui-primitive-color-brown-900"; }; }; readonly green: { readonly "100": { readonly value: "#dcfce7"; readonly cssVar: "--ui-primitive-color-green-100"; }; readonly "300": { readonly value: "#4ade80"; readonly cssVar: "--ui-primitive-color-green-300"; }; readonly "500": { readonly value: "#388e3c"; readonly cssVar: "--ui-primitive-color-green-500"; }; readonly "700": { readonly value: "#1b5e20"; readonly cssVar: "--ui-primitive-color-green-700"; }; readonly "900": { readonly value: "#0d3b1e"; readonly cssVar: "--ui-primitive-color-green-900"; }; }; readonly white: { readonly "100": { readonly value: "#ffffff"; readonly cssVar: "--ui-primitive-color-white-100"; }; }; }; readonly dimension: { readonly "0": { readonly value: "0"; readonly cssVar: "--ui-primitive-dimension-0"; }; readonly "1": { readonly value: "4px"; readonly cssVar: "--ui-primitive-dimension-1"; }; readonly "2": { readonly value: "8px"; readonly cssVar: "--ui-primitive-dimension-2"; }; readonly "3": { readonly value: "12px"; readonly cssVar: "--ui-primitive-dimension-3"; }; readonly "4": { readonly value: "16px"; readonly cssVar: "--ui-primitive-dimension-4"; }; readonly "5": { readonly value: "20px"; readonly cssVar: "--ui-primitive-dimension-5"; }; readonly "6": { readonly value: "24px"; readonly cssVar: "--ui-primitive-dimension-6"; }; readonly "7": { readonly value: "28px"; readonly cssVar: "--ui-primitive-dimension-7"; }; readonly "8": { readonly value: "32px"; readonly cssVar: "--ui-primitive-dimension-8"; }; readonly "9": { readonly value: "36px"; readonly cssVar: "--ui-primitive-dimension-9"; }; readonly "10": { readonly value: "40px"; readonly cssVar: "--ui-primitive-dimension-10"; }; readonly "11": { readonly value: "44px"; readonly cssVar: "--ui-primitive-dimension-11"; }; readonly "12": { readonly value: "48px"; readonly cssVar: "--ui-primitive-dimension-12"; }; readonly "13": { readonly value: "52px"; readonly cssVar: "--ui-primitive-dimension-13"; }; readonly "14": { readonly value: "56px"; readonly cssVar: "--ui-primitive-dimension-14"; }; readonly "15": { readonly value: "60px"; readonly cssVar: "--ui-primitive-dimension-15"; }; readonly "16": { readonly value: "64px"; readonly cssVar: "--ui-primitive-dimension-16"; }; readonly "18": { readonly value: "72px"; readonly cssVar: "--ui-primitive-dimension-18"; }; readonly "20": { readonly value: "80px"; readonly cssVar: "--ui-primitive-dimension-20"; }; readonly "22": { readonly value: "88px"; readonly cssVar: "--ui-primitive-dimension-22"; }; readonly "24": { readonly value: "96px"; readonly cssVar: "--ui-primitive-dimension-24"; }; readonly "999": { readonly value: "999px"; readonly cssVar: "--ui-primitive-dimension-999"; }; readonly "0-5": { readonly value: "2px"; readonly cssVar: "--ui-primitive-dimension-0-5"; }; readonly "1-5": { readonly value: "6px"; readonly cssVar: "--ui-primitive-dimension-1-5"; }; readonly "2-5": { readonly value: "10px"; readonly cssVar: "--ui-primitive-dimension-2-5"; }; readonly "3-5": { readonly value: "14px"; readonly cssVar: "--ui-primitive-dimension-3-5"; }; readonly "4-5": { readonly value: "18px"; readonly cssVar: "--ui-primitive-dimension-4-5"; }; readonly "5-5": { readonly value: "22px"; readonly cssVar: "--ui-primitive-dimension-5-5"; }; readonly "0-25": { readonly value: "1px"; readonly cssVar: "--ui-primitive-dimension-0-25"; }; }; readonly overlay: { readonly value: "#3a465733"; readonly cssVar: "--ui-primitive-overlay"; }; readonly "gradient-primary": { readonly value: "linear-gradient(-90deg, #1d4ed8 0%, #1e40af 100%)"; readonly cssVar: "--ui-primitive-gradient-primary"; }; readonly small: { readonly value: "0 0 1px 0 #e4eaf414, 0 2px 4px 0 #c6d3e63d"; readonly cssVar: "--ui-primitive-shadow-small"; }; readonly medium: { readonly value: "0 2px 4px 0 #e4eaf414, 0 8px 16px 0 #c6d3e63d"; readonly cssVar: "--ui-primitive-shadow-medium"; }; readonly large: { readonly value: "0 2px 8px 0 #e4eaf41f, 0 16px 24px 0 #c6d3e652"; readonly cssVar: "--ui-primitive-shadow-large"; }; readonly "active-focus-ring": { readonly value: "0 1px 2px 0 #0000000d, 0 0 1px 4px #d7e3fb"; readonly cssVar: "--ui-primitive-shadow-active-focus-ring"; }; readonly "error-focus-ring": { readonly value: "0 1px 2px 0 #0000000d, 0 0 1px 4px #fee2e2"; readonly cssVar: "--ui-primitive-shadow-error-focus-ring"; }; readonly fontFamilies: { readonly "avenir-next": { readonly value: "\"Avenir Next\", Inter, Roboto, Helvetica, Arial, sans-serif"; readonly cssVar: "--ui-primitive-fontFamilies-avenir-next"; }; readonly inter: { readonly value: "Inter, Roboto, Helvetica, Arial, sans-serif"; readonly cssVar: "--ui-primitive-fontFamilies-inter"; }; }; readonly fontWeights: { readonly "avenir-next-0": { readonly value: "600"; readonly cssVar: "--ui-primitive-fontWeights-avenir-next-0"; }; readonly "inter-1": { readonly value: "300"; readonly cssVar: "--ui-primitive-fontWeights-inter-1"; }; readonly "inter-2": { readonly value: "400"; readonly cssVar: "--ui-primitive-fontWeights-inter-2"; }; readonly "inter-3": { readonly value: "500"; readonly cssVar: "--ui-primitive-fontWeights-inter-3"; }; readonly "inter-4": { readonly value: "600"; readonly cssVar: "--ui-primitive-fontWeights-inter-4"; }; }; readonly fontSize: { readonly "0": { readonly value: "12px"; readonly cssVar: "--ui-primitive-fontSize-0"; }; readonly "1": { readonly value: "14px"; readonly cssVar: "--ui-primitive-fontSize-1"; }; readonly "2": { readonly value: "16px"; readonly cssVar: "--ui-primitive-fontSize-2"; }; readonly "3": { readonly value: "20px"; readonly cssVar: "--ui-primitive-fontSize-3"; }; readonly "4": { readonly value: "24px"; readonly cssVar: "--ui-primitive-fontSize-4"; }; readonly "5": { readonly value: "32px"; readonly cssVar: "--ui-primitive-fontSize-5"; }; }; readonly letterSpacing: { readonly "0": { readonly value: "0%"; readonly cssVar: "--ui-primitive-letterSpacing-0"; }; }; readonly paragraphSpacing: { readonly "0": { readonly value: "0"; readonly cssVar: "--ui-primitive-paragraphSpacing-0"; }; }; readonly textCase: { readonly none: { readonly value: "none"; readonly cssVar: "--ui-primitive-textCase-none"; }; }; readonly textDecoration: { readonly none: { readonly value: "none"; readonly cssVar: "--ui-primitive-textDecoration-none"; }; }; readonly paragraphIndent: { readonly "0": { readonly value: "0px"; readonly cssVar: "--ui-primitive-paragraphIndent-0"; }; }; }; export declare const semanticTokens: { readonly color: { readonly background: { readonly neutral: { readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-white-100)"; readonly cssVar: "--ui-color-background-neutral-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-300)"; readonly cssVar: "--ui-color-background-neutral-secondary-hovered"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-300)"; readonly cssVar: "--ui-color-background-neutral-secondary-selected"; }; }; readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-neutral-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-neutral-primary-hovered"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-300)"; readonly cssVar: "--ui-color-background-neutral-primary-selected"; }; }; readonly tertiary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-neutral-tertiary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-neutral-tertiary-hovered"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-300)"; readonly cssVar: "--ui-color-background-neutral-tertiary-selected"; }; }; }; readonly brand: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-background-brand-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-background-brand-primary-hovered"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-background-brand-primary-selected"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-brand-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-300)"; readonly cssVar: "--ui-color-background-brand-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-background-brand-secondary-hovered"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-300)"; readonly cssVar: "--ui-color-background-brand-secondary-selected"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-brand-secondary-disabled"; }; }; }; readonly info: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-blue-300)"; readonly cssVar: "--ui-color-background-info-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-blue-500)"; readonly cssVar: "--ui-color-background-info-primary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-info-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-blue-100)"; readonly cssVar: "--ui-color-background-info-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-blue-300)"; readonly cssVar: "--ui-color-background-info-secondary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-info-secondary-disabled"; }; }; }; readonly success: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-green-100)"; readonly cssVar: "--ui-color-background-success-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-background-success-primary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-success-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-green-300)"; readonly cssVar: "--ui-color-background-success-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-background-success-secondary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-success-secondary-disabled"; }; }; }; readonly warning: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-yellow-100)"; readonly cssVar: "--ui-color-background-warning-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-yellow-300)"; readonly cssVar: "--ui-color-background-warning-primary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-warning-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-orange-100)"; readonly cssVar: "--ui-color-background-warning-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-orange-300)"; readonly cssVar: "--ui-color-background-warning-secondary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-warning-secondary-disabled"; }; }; }; readonly error: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-red-100)"; readonly cssVar: "--ui-color-background-error-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-red-500)"; readonly cssVar: "--ui-color-background-error-primary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-error-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-red-300)"; readonly cssVar: "--ui-color-background-error-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-red-500)"; readonly cssVar: "--ui-color-background-error-secondary-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-error-secondary-disabled"; }; }; }; readonly alerts: { readonly high: { readonly red: { readonly value: "var(--ui-primitive-color-red-700)"; readonly cssVar: "--ui-color-background-alerts-high-red"; }; readonly crimson: { readonly value: "var(--ui-primitive-color-red-500)"; readonly cssVar: "--ui-color-background-alerts-high-crimson"; }; readonly salmon: { readonly value: "var(--ui-primitive-color-red-300)"; readonly cssVar: "--ui-color-background-alerts-high-salmon"; }; }; readonly medium: { readonly amber: { readonly value: "var(--ui-primitive-color-orange-700)"; readonly cssVar: "--ui-color-background-alerts-medium-amber"; }; readonly oak: { readonly value: "var(--ui-primitive-color-brown-500)"; readonly cssVar: "--ui-color-background-alerts-medium-oak"; }; readonly sun: { readonly value: "var(--ui-primitive-color-yellow-700)"; readonly cssVar: "--ui-color-background-alerts-medium-sun"; }; }; readonly low: { readonly green: { readonly value: "var(--ui-primitive-color-green-700)"; readonly cssVar: "--ui-color-background-alerts-low-green"; }; readonly leaf: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-background-alerts-low-leaf"; }; readonly mint: { readonly value: "var(--ui-primitive-color-green-300)"; readonly cssVar: "--ui-color-background-alerts-low-mint"; }; }; readonly neutral: { readonly graphite: { readonly value: "var(--ui-primitive-color-grey-900)"; readonly cssVar: "--ui-color-background-alerts-neutral-graphite"; }; readonly neutral: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-background-alerts-neutral-neutral"; }; readonly fog: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-background-alerts-neutral-fog"; }; }; }; readonly accents: { readonly yellow: { readonly default: { readonly value: "var(--ui-primitive-color-yellow-100)"; readonly cssVar: "--ui-color-background-accents-yellow-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-yellow-300)"; readonly cssVar: "--ui-color-background-accents-yellow-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-background-accents-yellow-disabled"; }; }; readonly purple: { readonly default: { readonly value: "var(--ui-primitive-color-purple-100)"; readonly cssVar: "--ui-color-background-accents-purple-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-purple-300)"; readonly cssVar: "--ui-color-background-accents-purple-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-accents-purple-disabled"; }; }; readonly pink: { readonly default: { readonly value: "var(--ui-primitive-color-pink-100)"; readonly cssVar: "--ui-color-background-accents-pink-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-pink-300)"; readonly cssVar: "--ui-color-background-accents-pink-hovered"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-100)"; readonly cssVar: "--ui-color-background-accents-pink-disabled"; }; }; }; }; readonly text: { readonly neutral: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-900)"; readonly cssVar: "--ui-color-text-neutral-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-neutral-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-text-neutral-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-text-neutral-secondary-disabled"; }; }; }; readonly brand: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-text-brand-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-brand-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-text-brand-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-brand-secondary-disabled"; }; }; }; readonly info: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-900)"; readonly cssVar: "--ui-color-text-info-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-info-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-text-info-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-info-secondary-disabled"; }; }; }; readonly success: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-green-700)"; readonly cssVar: "--ui-color-text-success-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-success-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-text-success-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-success-secondary-disabled"; }; }; }; readonly warning: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brown-700)"; readonly cssVar: "--ui-color-text-warning-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-warning-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brown-900)"; readonly cssVar: "--ui-color-text-warning-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-warning-secondary-disabled"; }; }; }; readonly error: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-red-900)"; readonly cssVar: "--ui-color-text-error-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-error-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-red-700)"; readonly cssVar: "--ui-color-text-error-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-error-secondary-disabled"; }; }; }; readonly accents: { readonly pink: { readonly default: { readonly value: "var(--ui-primitive-color-pink-700)"; readonly cssVar: "--ui-color-text-accents-pink-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-accents-pink-disabled"; }; }; readonly purple: { readonly default: { readonly value: "var(--ui-primitive-color-purple-900)"; readonly cssVar: "--ui-color-text-accents-purple-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-accents-purple-disabled"; }; }; }; readonly inverse: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-white-100)"; readonly cssVar: "--ui-color-text-inverse-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-text-inverse-primary-disabled"; }; }; }; }; readonly icon: { readonly neutral: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-icon-neutral-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-neutral-primary-disabled"; }; readonly hover: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-icon-neutral-primary-hover"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-icon-neutral-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-neutral-secondary-disabled"; }; readonly hover: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-icon-neutral-secondary-hover"; }; }; }; readonly brand: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-icon-brand-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-brand-primary-disabled"; }; readonly hover: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-icon-brand-primary-hover"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-icon-brand-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-brand-secondary-disabled"; }; readonly hover: { readonly value: "var(--ui-primitive-color-brand-900)"; readonly cssVar: "--ui-color-icon-brand-secondary-hover"; }; }; }; readonly info: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-icon-info-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-info-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-icon-info-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-info-secondary-disabled"; }; }; }; readonly success: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-green-700)"; readonly cssVar: "--ui-color-icon-success-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-success-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-icon-success-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-success-secondary-disabled"; }; }; }; readonly warning: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brown-700)"; readonly cssVar: "--ui-color-icon-warning-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-warning-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brown-900)"; readonly cssVar: "--ui-color-icon-warning-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-warning-secondary-disabled"; }; }; }; readonly error: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-red-900)"; readonly cssVar: "--ui-color-icon-error-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-error-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-red-700)"; readonly cssVar: "--ui-color-icon-error-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-error-secondary-disabled"; }; }; }; readonly inverse: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-white-100)"; readonly cssVar: "--ui-color-icon-inverse-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-icon-inverse-primary-disabled"; }; }; }; readonly alerts: { readonly high: { readonly red: { readonly value: "var(--ui-primitive-color-red-700)"; readonly cssVar: "--ui-color-icon-alerts-high-red"; }; readonly crimson: { readonly value: "var(--ui-primitive-color-red-500)"; readonly cssVar: "--ui-color-icon-alerts-high-crimson"; }; readonly salmon: { readonly value: "var(--ui-primitive-color-red-300)"; readonly cssVar: "--ui-color-icon-alerts-high-salmon"; }; }; readonly medium: { readonly amber: { readonly value: "var(--ui-primitive-color-orange-700)"; readonly cssVar: "--ui-color-icon-alerts-medium-amber"; }; readonly oak: { readonly value: "var(--ui-primitive-color-brown-500)"; readonly cssVar: "--ui-color-icon-alerts-medium-oak"; }; readonly sun: { readonly value: "var(--ui-primitive-color-yellow-700)"; readonly cssVar: "--ui-color-icon-alerts-medium-sun"; }; }; readonly low: { readonly green: { readonly value: "var(--ui-primitive-color-green-700)"; readonly cssVar: "--ui-color-icon-alerts-low-green"; }; readonly leaf: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-icon-alerts-low-leaf"; }; readonly mint: { readonly value: "var(--ui-primitive-color-green-300)"; readonly cssVar: "--ui-color-icon-alerts-low-mint"; }; }; readonly neutral: { readonly graphite: { readonly value: "var(--ui-primitive-color-grey-900)"; readonly cssVar: "--ui-color-icon-alerts-neutral-graphite"; }; readonly neutral: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-icon-alerts-neutral-neutral"; }; readonly fog: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-icon-alerts-neutral-fog"; }; }; }; readonly accents: { readonly pink: { readonly default: { readonly value: "var(--ui-primitive-color-pink-700)"; readonly cssVar: "--ui-color-icon-accents-pink-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-icon-accents-pink-disabled"; }; }; readonly purple: { readonly default: { readonly value: "var(--ui-primitive-color-purple-900)"; readonly cssVar: "--ui-color-icon-accents-purple-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-700)"; readonly cssVar: "--ui-color-icon-accents-purple-disabled"; }; }; }; }; readonly border: { readonly neutral: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-border-neutral-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-border-neutral-primary-hovered"; }; readonly pressed: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-neutral-primary-pressed"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-neutral-primary-selected"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-border-neutral-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-neutral-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-border-neutral-secondary-hovered"; }; readonly pressed: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-neutral-secondary-pressed"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-neutral-secondary-selected"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-border-neutral-secondary-disabled"; }; }; }; readonly brand: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-brand-primary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-border-brand-primary-hovered"; }; readonly pressed: { readonly value: "var(--ui-primitive-color-brand-900)"; readonly cssVar: "--ui-color-border-brand-primary-pressed"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-brand-primary-selected"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-border-brand-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-border-brand-secondary-default"; }; readonly hovered: { readonly value: "var(--ui-primitive-color-brand-700)"; readonly cssVar: "--ui-color-border-brand-secondary-hovered"; }; readonly pressed: { readonly value: "var(--ui-primitive-color-brand-900)"; readonly cssVar: "--ui-color-border-brand-secondary-pressed"; }; readonly selected: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-border-brand-secondary-selected"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-300)"; readonly cssVar: "--ui-color-border-brand-secondary-disabled"; }; }; }; readonly info: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-900)"; readonly cssVar: "--ui-color-border-info-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-info-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brand-500)"; readonly cssVar: "--ui-color-border-info-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-info-secondary-disabled"; }; }; }; readonly success: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-green-700)"; readonly cssVar: "--ui-color-border-success-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-success-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-green-500)"; readonly cssVar: "--ui-color-border-success-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-success-secondary-disabled"; }; }; }; readonly warning: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-brown-700)"; readonly cssVar: "--ui-color-border-warning-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-warning-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-brown-900)"; readonly cssVar: "--ui-color-border-warning-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-warning-secondary-disabled"; }; }; }; readonly error: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-red-700)"; readonly cssVar: "--ui-color-border-error-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-error-primary-disabled"; }; }; readonly secondary: { readonly default: { readonly value: "var(--ui-primitive-color-red-500)"; readonly cssVar: "--ui-color-border-error-secondary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-error-secondary-disabled"; }; }; }; readonly inverse: { readonly primary: { readonly default: { readonly value: "var(--ui-primitive-color-white-100)"; readonly cssVar: "--ui-color-border-inverse-primary-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-inverse-primary-disabled"; }; }; }; readonly accents: { readonly yellow: { readonly default: { readonly value: "var(--ui-primitive-color-yellow-300)"; readonly cssVar: "--ui-color-border-accents-yellow-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-accents-yellow-disabled"; }; }; readonly purple: { readonly default: { readonly value: "var(--ui-primitive-color-purple-900)"; readonly cssVar: "--ui-color-border-accents-purple-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-accents-purple-disabled"; }; }; readonly pink: { readonly default: { readonly value: "var(--ui-primitive-color-pink-700)"; readonly cssVar: "--ui-color-border-accents-pink-default"; }; readonly disabled: { readonly value: "var(--ui-primitive-color-grey-500)"; readonly cssVar: "--ui-color-border-accents-pink-disabled"; }; }; }; }; }; readonly radius: { readonly none: { readonly value: "var(--ui-primitive-dimension-0)"; readonly cssVar: "--ui-semantic-radius-none"; }; readonly s: { readonly value: "var(--ui-primitive-dimension-1)"; readonly cssVar: "--ui-semantic-radius-s"; }; readonly m: { readonly value: "var(--ui-primitive-dimension-2)"; readonly cssVar: "--ui-semantic-radius-m"; }; readonly l: { readonly value: "var(--ui-primitive-dimension-4)"; readonly cssVar: "--ui-semantic-radius-l"; }; readonly xl: { readonly value: "var(--ui-primitive-dimension-6)"; readonly cssVar: "--ui-semantic-radius-xl"; }; readonly full: { readonly value: "var(--ui-primitive-dimension-999)"; readonly cssVar: "--ui-semantic-radius-full"; }; }; readonly spacing: { readonly none: { readonly value: "var(--ui-primitive-dimension-0)"; readonly cssVar: "--ui-semantic-spacing-none"; }; readonly xs: { readonly value: "var(--ui-primitive-dimension-0-5)"; readonly cssVar: "--ui-semantic-spacing-xs"; }; readonly s: { readonly value: "var(--ui-primitive-dimension-1)"; readonly cssVar: "--ui-semantic-spacing-s"; }; readonly base: { readonly value: "var(--ui-primitive-dimension-2)"; readonly cssVar: "--ui-semantic-spacing-base"; }; readonly m: { readonly value: "var(--ui-primitive-dimension-3)"; readonly cssVar: "--ui-semantic-spacing-m"; }; readonly l: { readonly value: "var(--ui-primitive-dimension-4)"; readonly cssVar: "--ui-semantic-spacing-l"; }; readonly xl: { readonly value: "var(--ui-primitive-dimension-6)"; readonly cssVar: "--ui-semantic-spacing-xl"; }; readonly "2xl": { readonly value: "var(--ui-primitive-dimension-8)"; readonly cssVar: "--ui-semantic-spacing-2xl"; }; readonly "3xl": { readonly value: "var(--ui-primitive-dimension-10)"; readonly cssVar: "--ui-semantic-spacing-3xl"; }; readonly "4xl": { readonly value: "var(--ui-primitive-dimension-12)"; readonly cssVar: "--ui-semantic-spacing-4xl"; }; }; readonly border: { readonly none: { readonly value: "var(--ui-primitive-dimension-0)"; readonly cssVar: "--ui-semantic-border-none"; }; readonly default: { readonly value: "var(--ui-primitive-dimension-0-25)"; readonly cssVar: "--ui-semantic-border-default"; }; readonly thick: { readonly value: "var(--ui-primitive-dimension-0-5)"; readonly cssVar: "--ui-semantic-border-thick"; }; }; readonly size: { readonly xs: { readonly value: "var(--ui-primitive-dimension-3)"; readonly cssVar: "--ui-semantic-size-xs"; }; readonly s: { readonly value: "var(--ui-primitive-dimension-4)"; readonly cssVar: "--ui-semantic-size-s"; }; readonly m: { readonly value: "var(--ui-primitive-dimension-5)"; readonly cssVar: "--ui-semantic-size-m"; }; readonly lg: { readonly value: "var(--ui-primitive-dimension-6)"; readonly cssVar: "--ui-semantic-size-lg"; }; readonly xl: { readonly value: "var(--ui-primitive-dimension-8)"; readonly cssVar: "--ui-semantic-size-xl"; }; readonly "2xl": { readonly value: "var(--ui-primitive-dimension-10)"; readonly cssVar: "--ui-semantic-size-2xl"; }; readonly "3xl": { readonly value: "var(--ui-primitive-dimension-12)"; readonly cssVar: "--ui-semantic-size-3xl"; }; readonly "4xl": { readonly value: "var(--ui-primitive-dimension-14)"; readonly cssVar: "--ui-semantic-size-4xl"; }; readonly "5xl": { readonly value: "var(--ui-primitive-dimension-16)"; readonly cssVar: "--ui-semantic-size-5xl"; }; }; }; export declare const typographyPresets: { readonly headings: { readonly H1: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-avenir-next)"; readonly fontWeight: "var(--ui-primitive-fontWeights-avenir-next-0)"; readonly lineHeight: "var(--ui-primitive-dimension-11)"; readonly fontSize: "var(--ui-primitive-fontSize-5)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: "Used as the primary heading for the screen to introduce the page. \nThere should only be one H1 per page."; }; readonly H2: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-avenir-next)"; readonly fontWeight: "var(--ui-primitive-fontWeights-avenir-next-0)"; readonly lineHeight: "var(--ui-primitive-dimension-8)"; readonly fontSize: "var(--ui-primitive-fontSize-4)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: "Used across each screen to introduce the context of the screen content.Used for titles on side bars, modals and pop overs."; }; readonly H3: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-avenir-next)"; readonly fontWeight: "var(--ui-primitive-fontWeights-avenir-next-0)"; readonly lineHeight: "var(--ui-primitive-dimension-6)"; readonly fontSize: "var(--ui-primitive-fontSize-3)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: "Used within sections to introduce new blocks or content within containers"; }; readonly H4: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-avenir-next)"; readonly fontWeight: "var(--ui-primitive-fontWeights-avenir-next-0)"; readonly lineHeight: "var(--ui-primitive-dimension-6)"; readonly fontSize: "var(--ui-primitive-fontSize-2)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: "Used for card components, form groups & paragraph title."; }; }; readonly body: { readonly base: { readonly light: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-1)"; readonly lineHeight: "var(--ui-semantic-size-m)"; readonly fontSize: "var(--ui-primitive-fontSize-2)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; readonly regular: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-2)"; readonly lineHeight: "var(--ui-semantic-size-m)"; readonly fontSize: "var(--ui-primitive-fontSize-2)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; readonly bold: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-3)"; readonly lineHeight: "var(--ui-semantic-size-m)"; readonly fontSize: "var(--ui-primitive-fontSize-2)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; }; readonly medium: { readonly light: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-2)"; readonly lineHeight: "var(--ui-semantic-size-m)"; readonly fontSize: "var(--ui-primitive-fontSize-1)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; readonly regular: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-3)"; readonly lineHeight: "var(--ui-semantic-size-m)"; readonly fontSize: "var(--ui-primitive-fontSize-1)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; readonly bold: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-4)"; readonly lineHeight: "var(--ui-semantic-size-m)"; readonly fontSize: "var(--ui-primitive-fontSize-1)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; }; readonly small: { readonly light: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-2)"; readonly lineHeight: "var(--ui-semantic-size-s)"; readonly fontSize: "var(--ui-primitive-fontSize-0)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; readonly regular: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-3)"; readonly lineHeight: "var(--ui-semantic-size-s)"; readonly fontSize: "var(--ui-primitive-fontSize-0)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; readonly bold: { readonly value: { readonly fontFamily: "var(--ui-primitive-fontFamilies-inter)"; readonly fontWeight: "var(--ui-primitive-fontWeights-inter-4)"; readonly lineHeight: "var(--ui-semantic-size-s)"; readonly fontSize: "var(--ui-primitive-fontSize-0)"; readonly letterSpacing: "var(--ui-primitive-letterSpacing-0)"; readonly paragraphSpacing: "var(--ui-primitive-paragraphSpacing-0)"; readonly paragraphIndent: "var(--ui-primitive-paragraphIndent-0)"; readonly textCase: "var(--ui-primitive-textCase-none)"; readonly textDecoration: "var(--ui-primitive-textDecoration-none)"; }; readonly description: ""; }; }; }; };