diff --git a/packages/tokens/.gitignore b/packages/tokens/.gitignore index 5d86f9d0f..6d228d626 100644 --- a/packages/tokens/.gitignore +++ b/packages/tokens/.gitignore @@ -1,8 +1,8 @@ # Dependencies node_modules/ -# Build outputs -dist/ +# Build outputs (committed for F-Droid and CI compatibility) +# dist/ # Logs *.log diff --git a/packages/tokens/dist/css/tokens.css b/packages/tokens/dist/css/tokens.css new file mode 100644 index 000000000..ecf434a41 --- /dev/null +++ b/packages/tokens/dist/css/tokens.css @@ -0,0 +1,336 @@ +/** + * ODE Design Tokens + * + * This file is auto-generated by Style Dictionary. + * Do not edit directly. Edit source files in src/tokens/ instead. + * + * Generated: 2026-03-15T16:33:23.827Z + */ + +:root { + --contrast-aa-large: 3:1; + --contrast-aa-normal: 4.5:1; + --contrast-aaa-large: 4.5:1; + --contrast-aaa-normal: 7:1; + --focus-ring-width: 2px; + --focus-ring-offset: 2px; + --focus-ring-color: #4f7f4e; + --focus-ring-opacity: 1; + --touch-target-min: 44px; + --touch-target-medium: 52px; + --touch-target-comfortable: 48px; + --touch-target-large: 56px; + --border-radius-none: 0px; + --border-radius-sm: 4px; + --border-radius-md: 8px; + --border-radius-lg: 12px; + --border-radius-xl: 16px; + --border-radius-2xl: 20px; + --border-radius-full: 9999px; + --border-width-none: 0px; + --border-width-hairline: 0.5px; + --border-width-thin: 1px; + --border-width-medium: 2px; + --border-width-thick: 3px; + --color-brand-primary-50: #f0f7ef; + --color-brand-primary-100: #d9e9d8; + --color-brand-primary-200: #b9d5b8; + --color-brand-primary-300: #90bd8f; + --color-brand-primary-400: #6fa46e; + --color-brand-primary-500: #4f7f4e; + --color-brand-primary-600: #3f6a3e; + --color-brand-primary-700: #30552f; + --color-brand-primary-800: #224021; + --color-brand-primary-900: #173016; + --color-brand-primary-alpha-3: rgba(79, 127, 78, 0.03); + --color-brand-primary-alpha-5: rgba(79, 127, 78, 0.05); + --color-brand-primary-alpha-6: rgba(79, 127, 78, 0.06); + --color-brand-primary-alpha-8: rgba(79, 127, 78, 0.08); + --color-brand-primary-alpha-10: rgba(79, 127, 78, 0.1); + --color-brand-primary-alpha-13: rgba(79, 127, 78, 0.13); + --color-brand-primary-alpha-15: rgba(79, 127, 78, 0.15); + --color-brand-primary-alpha-16: rgba(79, 127, 78, 0.16); + --color-brand-primary-alpha-18: rgba(79, 127, 78, 0.18); + --color-brand-primary-alpha-20: rgba(79, 127, 78, 0.2); + --color-brand-primary-alpha-25: rgba(79, 127, 78, 0.25); + --color-brand-primary-alpha-30: rgba(79, 127, 78, 0.3); + --color-brand-primary-alpha-35: rgba(79, 127, 78, 0.35); + --color-brand-primary-alpha-40: rgba(79, 127, 78, 0.4); + --color-brand-primary-alpha-50: rgba(79, 127, 78, 0.5); + --color-brand-primary-alpha-60: rgba(79, 127, 78, 0.6); + --color-brand-primary-alpha-70: rgba(79, 127, 78, 0.7); + --color-brand-primary-alpha-80: rgba(79, 127, 78, 0.8); + --color-brand-secondary-50: #fef9ee; + --color-brand-secondary-100: #fcefd2; + --color-brand-secondary-200: #f9e0a8; + --color-brand-secondary-300: #f5cc75; + --color-brand-secondary-400: #f0b84d; + --color-brand-secondary-500: #e9b85b; + --color-brand-secondary-600: #d9a230; + --color-brand-secondary-700: #b8861c; + --color-brand-secondary-800: #976d1a; + --color-brand-secondary-900: #7c5818; + --color-brand-secondary-alpha-20: rgba(233, 184, 91, 0.2); + --color-brand-secondary-alpha-30: rgba(233, 184, 91, 0.3); + --color-brand-secondary-alpha-40: rgba(233, 184, 91, 0.4); + --color-neutral-50: #fafafa; + --color-neutral-100: #f5f5f5; + --color-neutral-200: #eeeeee; + --color-neutral-300: #e0e0e0; + --color-neutral-400: #bdbdbd; + --color-neutral-500: #9e9e9e; + --color-neutral-600: #757575; + --color-neutral-700: #616161; + --color-neutral-800: #424242; + --color-neutral-900: #212121; + --color-neutral-white: #ffffff; + --color-neutral-black: #000000; + --color-semantic-error-50: #fef2f2; + --color-semantic-error-500: #f44336; + --color-semantic-error-600: #dc2626; + --color-semantic-error-alpha-15: rgba(244, 67, 54, 0.15); + --color-semantic-error-alpha-20: rgba(244, 67, 54, 0.2); + --color-semantic-error-alpha-30: rgba(244, 67, 54, 0.3); + --color-semantic-error-ios: #ff3b30; + --color-semantic-success-50: #f0f9f0; + --color-semantic-success-500: #34c759; + --color-semantic-success-600: #2e7d32; + --color-semantic-success-alpha-15: rgba(52, 199, 89, 0.15); + --color-semantic-success-alpha-20: rgba(52, 199, 89, 0.2); + --color-semantic-success-alpha-30: rgba(52, 199, 89, 0.3); + --color-semantic-info-50: #eff6ff; + --color-semantic-info-500: #2196f3; + --color-semantic-info-600: #2563eb; + --color-semantic-info-alpha-20: rgba(33, 150, 243, 0.2); + --color-semantic-info-ios: #007aff; + --color-semantic-info-light: #e3f2fd; + --color-semantic-info-medium: #4a90e2; + --color-semantic-warning-50: #fffbeb; + --color-semantic-warning-500: #ff9500; + --color-semantic-warning-600: #d97706; + --color-semantic-scanner-success: #00ff00; + --color-semantic-theme-background-base: #212121; + --color-semantic-theme-background-elevated: #2a2a2a; + --color-semantic-theme-background-overlay: #1a1a1a; + --color-semantic-theme-background-card: rgba(255, 255, 255, 0.05); + --color-semantic-theme-text-primary: rgba(255, 255, 255, 0.9); + --color-semantic-theme-text-secondary: rgba(255, 255, 255, 0.6); + --color-semantic-theme-text-tertiary: rgba(255, 255, 255, 0.4); + --color-semantic-theme-text-disabled: rgba(255, 255, 255, 0.3); + --color-semantic-theme-border-default: rgba(255, 255, 255, 0.1); + --color-semantic-theme-border-hover: rgba(255, 255, 255, 0.2); + --color-semantic-theme-border-focus: #4f7f4e; + --color-semantic-theme-light-background-base: #fafafa; + --color-semantic-theme-light-background-elevated: #ffffff; + --color-semantic-theme-light-background-overlay: #f5f5f5; + --color-semantic-theme-light-background-card: rgba(0, 0, 0, 0.02); + --color-semantic-theme-light-text-primary: rgba(33, 33, 33, 0.9); + --color-semantic-theme-light-text-secondary: rgba(33, 33, 33, 0.6); + --color-semantic-theme-light-text-tertiary: rgba(33, 33, 33, 0.4); + --color-semantic-theme-light-text-disabled: rgba(33, 33, 33, 0.3); + --color-semantic-theme-light-border-default: rgba(0, 0, 0, 0.08); + --color-semantic-theme-light-border-hover: rgba(0, 0, 0, 0.12); + --color-semantic-ui-scrollbar-track: rgba(79, 127, 78, 0.1); + --color-semantic-ui-scrollbar-thumb: rgba(79, 127, 78, 0.3); + --color-semantic-ui-scrollbar-thumb-hover: rgba(79, 127, 78, 0.5); + --color-semantic-ui-overlay-dark: rgba(33, 33, 33, 0.5); + --color-semantic-ui-overlay-light: rgba(250, 250, 250, 0.15); + --color-semantic-ui-overlay-background: rgba(0, 0, 0, 0.5); + --color-semantic-ui-gray-lightest: #f8f8f8; + --color-semantic-ui-gray-lighter: #f0f2f5; + --color-semantic-ui-gray-light: #e5e5e5; + --color-semantic-ui-gray-medium: #cccccc; + --color-semantic-ui-gray-ios: #8e8e93; + --color-semantic-ui-input-fill-dark: rgba(21, 21, 21, 0.85); + --color-semantic-ui-surface-dropdown-dark: rgba(33, 33, 33, 0.95); + --color-semantic-ui-surface-dropdown-light: rgba(255, 255, 255, 0.95); + --color-semantic-ui-surface-modal-dark: rgba(33, 33, 33, 0.98); + --color-semantic-ui-focus-ring-glow: rgba(79, 127, 78, 0.2); + --filter-blur-2: 2px; + --filter-blur-4: 4px; + --filter-blur-7: 7px; + --filter-blur-10: 10px; + --filter-blur-12: 12px; + --filter-blur-14: 14px; + --filter-blur-16: 16px; + --filter-blur-18: 18px; + --filter-blur-20: 20px; + --filter-blur-40: 40px; + --filter-blur-50: 50px; + --filter-blur-100: 100px; + --filter-blur-110: 110px; + --filter-drop-shadow-glow-sm: 0 0 12px var(--color-brand-primary-alpha-40); + --filter-drop-shadow-glow-md: 0 0 16px var(--color-brand-primary-alpha-60); + --filter-drop-shadow-glow-lg: 0 0 20px var(--color-brand-primary-alpha-60); + --filter-drop-shadow-glow-10: 0 0 10px var(--color-brand-primary-alpha-50); + --filter-drop-shadow-brand-sm: 0 2px 8px var(--color-brand-primary-alpha-30); + --filter-drop-shadow-brand-md: 0 4px 12px var(--color-brand-primary-alpha-30); + --filter-drop-shadow-secondary-md: 0 4px 12px var(--color-brand-secondary-alpha-40); + --duration-instant: 0ms; + --duration-fast: 150ms; + --duration-normal: 250ms; + --duration-slow: 350ms; + --duration-slower: 500ms; + --easing-linear: linear; + --easing-ease-in: cubic-bezier(0.4, 0, 1, 1); + --easing-ease-out: cubic-bezier(0, 0, 0.2, 1); + --easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --opacity-0: 0; + --opacity-2: 0.02; + --opacity-3: 0.03; + --opacity-5: 0.05; + --opacity-6: 0.06; + --opacity-8: 0.08; + --opacity-10: 0.1; + --opacity-15: 0.15; + --opacity-20: 0.2; + --opacity-25: 0.25; + --opacity-30: 0.3; + --opacity-35: 0.35; + --opacity-40: 0.4; + --opacity-50: 0.5; + --opacity-60: 0.6; + --opacity-70: 0.7; + --opacity-80: 0.8; + --opacity-90: 0.9; + --opacity-95: 0.95; + --opacity-98: 0.98; + --opacity-100: 1; + --shadow-react-native-sm-shadow-color: #000000; + --shadow-react-native-sm-shadow-offset-width: 0; + --shadow-react-native-sm-shadow-offset-height: 1; + --shadow-react-native-sm-shadow-opacity: 0.1; + --shadow-react-native-sm-shadow-radius: 2; + --shadow-react-native-sm-elevation: 2; + --shadow-react-native-md-shadow-color: #000000; + --shadow-react-native-md-shadow-offset-width: 0; + --shadow-react-native-md-shadow-offset-height: 2; + --shadow-react-native-md-shadow-opacity: 0.15; + --shadow-react-native-md-shadow-radius: 4; + --shadow-react-native-md-elevation: 4; + --shadow-react-native-lg-shadow-color: #000000; + --shadow-react-native-lg-shadow-offset-width: 0; + --shadow-react-native-lg-shadow-offset-height: 4; + --shadow-react-native-lg-shadow-opacity: 0.2; + --shadow-react-native-lg-shadow-radius: 8; + --shadow-react-native-lg-elevation: 8; + --shadow-none: none; + --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05); + --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.1); + --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1); + --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1); + --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1); + --shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25); + --shadow-portal-sm: 0 2px 8px rgba(0,0,0,0.2); + --shadow-portal-md: 0 4px 16px rgba(0,0,0,0.3); + --shadow-portal-lg: 0 8px 32px rgba(0,0,0,0.4); + --shadow-portal-xs: 0 2px 8px var(--color-neutral-black-alpha-20); + --shadow-portal-focus-ring: 0 0 0 3px var(--color-brand-primary-alpha-20); + --shadow-portal-header-scrolled: 0 4px 24px var(--color-neutral-black-alpha-15), inset 0 1px 0 var(--color-neutral-black-alpha-5); + --shadow-portal-card: 0 8px 32px var(--color-neutral-black-alpha-40), inset 0 1px 0 var(--color-neutral-white-alpha-5); + --shadow-portal-card-light: 0 8px 32px var(--color-neutral-black-alpha-10), inset 0 1px 0 var(--color-neutral-white-alpha-5); + --shadow-portal-lg-light: 0 8px 32px var(--color-neutral-black-alpha-10); + --shadow-portal-modal: 0 12px 40px var(--color-neutral-black-alpha-40), 0 0 0 1px var(--color-brand-primary-alpha-30), inset 0 1px 0 var(--color-neutral-white-alpha-10); + --shadow-portal-modal-light: 0 12px 40px var(--color-neutral-black-alpha-20), 0 0 0 1px var(--color-brand-primary-alpha-50), inset 0 1px 0 var(--color-neutral-black-alpha-5); + --shadow-portal-dropdown: 0 2px 8px var(--color-neutral-black-alpha-8); + --shadow-portal-dropdown-light: 0 2px 8px var(--color-neutral-black-alpha-8), inset 0 1px 0 var(--color-neutral-black-alpha-3); + --shadow-portal-role-error: 0 2px 12px var(--color-semantic-error-alpha-30); + --shadow-portal-role-success: 0 2px 12px var(--color-semantic-success-alpha-30); + --shadow-portal-role-info: 0 2px 12px var(--color-semantic-info-alpha-20); + --spacing-0: 0px; + --spacing-1: 4px; + --spacing-2: 8px; + --spacing-3: 12px; + --spacing-4: 16px; + --spacing-5: 20px; + --spacing-6: 24px; + --spacing-8: 32px; + --spacing-10: 40px; + --spacing-12: 48px; + --spacing-16: 64px; + --spacing-20: 80px; + --spacing-24: 96px; + --font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; + --font-family-mono: 'Courier New', Consolas, monospace; + --font-family-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + --font-size-xs: 12px; + --font-size-sm: 14px; + --font-size-base: 16px; + --font-size-lg: 18px; + --font-size-xl: 20px; + --font-size-2xl: 24px; + --font-size-3xl: 32px; + --font-size-4xl: 40px; + --font-size-5xl: 48px; + --font-size-6xl: 60px; + --font-weight-light: 300; + --font-weight-regular: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-line-height-none: 1; + --font-line-height-tight: 1.25; + --font-line-height-normal: 1.5; + --font-line-height-relaxed: 1.75; + --font-line-height-loose: 2; + --font-letter-spacing-tighter: -0.05em; + --font-letter-spacing-tight: -0.025em; + --font-letter-spacing-normal: 0; + --font-letter-spacing-wide: 0.025em; + --font-letter-spacing-wider: 0.05em; + --font-letter-spacing-widest: 0.1em; + --z-index-hide: -1; + --z-index-base: 0; + --z-index-docked: 10; + --z-index-dropdown: 1000; + --z-index-sticky: 1100; + --z-index-overlay: 1300; + --z-index-modal: 1400; + --z-index-popover: 1500; + --z-index-toast: 1700; + --z-index-tooltip: 1800; + --component-button-radius: 8px; + --component-button-border-width: 1px; + --component-button-padding-small-vertical: 8px; + --component-button-padding-small-horizontal: 16px; + --component-button-padding-medium-vertical: 12px; + --component-button-padding-medium-horizontal: 24px; + --component-button-padding-large-vertical: 16px; + --component-button-padding-large-horizontal: 32px; + --component-button-min-height: 48px; + --component-button-width-standalone: 200px; + --icon-size-xs: 12px; + --icon-size-sm: 16px; + --icon-size-md: 20px; + --icon-size-lg: 24px; + --icon-size-xl: 32px; + --icon-size-2xl: 40px; + --icon-size-3xl: 48px; + --icon-stroke-thin: 1px; + --icon-stroke-normal: 1.5px; + --icon-stroke-medium: 2px; + --icon-stroke-thick: 2.5px; + --avatar-sm: 24px; + --avatar-md: 32px; + --avatar-lg: 48px; + --avatar-xl: 64px; + --avatar-2xl: 96px; + --logo-sm: 80px; + --logo-md: 120px; + --logo-lg: 160px; + --logo-xl: 200px; + --breakpoint-sm: 640px; + --breakpoint-md: 768px; + --breakpoint-lg: 1024px; + --breakpoint-xl: 1280px; + --breakpoint-2xl: 1536px; + --container-sm: 640px; + --container-md: 768px; + --container-lg: 1024px; + --container-xl: 1280px; + --container-2xl: 1536px; + --grid-columns: 12; + --grid-gutter: 16px; + --grid-gutter-sm: 8px; + --grid-gutter-lg: 24px; +} diff --git a/packages/tokens/dist/js/tokens.d.ts b/packages/tokens/dist/js/tokens.d.ts new file mode 100644 index 000000000..0c73afc22 --- /dev/null +++ b/packages/tokens/dist/js/tokens.d.ts @@ -0,0 +1,330 @@ +/** + * Do not edit directly + * Generated on Sun, 15 Mar 2026 16:33:23 GMT + */ + +export const ContrastAaLarge : string; +export const ContrastAaNormal : string; +export const ContrastAaaLarge : string; +export const ContrastAaaNormal : string; +export const FocusRingWidth : string; +export const FocusRingOffset : string; +export const FocusRingColor : string; +export const FocusRingOpacity : string; +export const TouchTargetMin : string; +export const TouchTargetMedium : string; +export const TouchTargetComfortable : string; +export const TouchTargetLarge : string; +export const BorderRadiusNone : string; +export const BorderRadiusSm : string; +export const BorderRadiusMd : string; +export const BorderRadiusLg : string; +export const BorderRadiusXl : string; +export const BorderRadius2xl : string; +export const BorderRadiusFull : string; +export const BorderWidthNone : string; +export const BorderWidthHairline : string; +export const BorderWidthThin : string; +export const BorderWidthMedium : string; +export const BorderWidthThick : string; +export const ColorBrandPrimary50 : string; +export const ColorBrandPrimary100 : string; +export const ColorBrandPrimary200 : string; +export const ColorBrandPrimary300 : string; +export const ColorBrandPrimary400 : string; +export const ColorBrandPrimary500 : string; +export const ColorBrandPrimary600 : string; +export const ColorBrandPrimary700 : string; +export const ColorBrandPrimary800 : string; +export const ColorBrandPrimary900 : string; +export const ColorBrandPrimaryAlpha3 : string; +export const ColorBrandPrimaryAlpha5 : string; +export const ColorBrandPrimaryAlpha6 : string; +export const ColorBrandPrimaryAlpha8 : string; +export const ColorBrandPrimaryAlpha10 : string; +export const ColorBrandPrimaryAlpha13 : string; +export const ColorBrandPrimaryAlpha15 : string; +export const ColorBrandPrimaryAlpha16 : string; +export const ColorBrandPrimaryAlpha18 : string; +export const ColorBrandPrimaryAlpha20 : string; +export const ColorBrandPrimaryAlpha25 : string; +export const ColorBrandPrimaryAlpha30 : string; +export const ColorBrandPrimaryAlpha35 : string; +export const ColorBrandPrimaryAlpha40 : string; +export const ColorBrandPrimaryAlpha50 : string; +export const ColorBrandPrimaryAlpha60 : string; +export const ColorBrandPrimaryAlpha70 : string; +export const ColorBrandPrimaryAlpha80 : string; +export const ColorBrandSecondary50 : string; +export const ColorBrandSecondary100 : string; +export const ColorBrandSecondary200 : string; +export const ColorBrandSecondary300 : string; +export const ColorBrandSecondary400 : string; +export const ColorBrandSecondary500 : string; +export const ColorBrandSecondary600 : string; +export const ColorBrandSecondary700 : string; +export const ColorBrandSecondary800 : string; +export const ColorBrandSecondary900 : string; +export const ColorBrandSecondaryAlpha20 : string; +export const ColorBrandSecondaryAlpha30 : string; +export const ColorBrandSecondaryAlpha40 : string; +export const ColorNeutral50 : string; +export const ColorNeutral100 : string; +export const ColorNeutral200 : string; +export const ColorNeutral300 : string; +export const ColorNeutral400 : string; +export const ColorNeutral500 : string; +export const ColorNeutral600 : string; +export const ColorNeutral700 : string; +export const ColorNeutral800 : string; +export const ColorNeutral900 : string; +export const ColorNeutralWhite : string; +export const ColorNeutralBlack : string; +export const ColorSemanticError50 : string; +export const ColorSemanticError500 : string; +export const ColorSemanticError600 : string; +export const ColorSemanticErrorAlpha15 : string; +export const ColorSemanticErrorAlpha20 : string; +export const ColorSemanticErrorAlpha30 : string; +export const ColorSemanticErrorIos : string; +export const ColorSemanticSuccess50 : string; +export const ColorSemanticSuccess500 : string; +export const ColorSemanticSuccess600 : string; +export const ColorSemanticSuccessAlpha15 : string; +export const ColorSemanticSuccessAlpha20 : string; +export const ColorSemanticSuccessAlpha30 : string; +export const ColorSemanticInfo50 : string; +export const ColorSemanticInfo500 : string; +export const ColorSemanticInfo600 : string; +export const ColorSemanticInfoAlpha20 : string; +export const ColorSemanticInfoIos : string; +export const ColorSemanticInfoLight : string; +export const ColorSemanticInfoMedium : string; +export const ColorSemanticWarning50 : string; +export const ColorSemanticWarning500 : string; +export const ColorSemanticWarning600 : string; +export const ColorSemanticScannerSuccess : string; +export const ColorSemanticThemeBackgroundBase : string; +export const ColorSemanticThemeBackgroundElevated : string; +export const ColorSemanticThemeBackgroundOverlay : string; +export const ColorSemanticThemeBackgroundCard : string; +export const ColorSemanticThemeTextPrimary : string; +export const ColorSemanticThemeTextSecondary : string; +export const ColorSemanticThemeTextTertiary : string; +export const ColorSemanticThemeTextDisabled : string; +export const ColorSemanticThemeBorderDefault : string; +export const ColorSemanticThemeBorderHover : string; +export const ColorSemanticThemeBorderFocus : string; +export const ColorSemanticThemeLightBackgroundBase : string; +export const ColorSemanticThemeLightBackgroundElevated : string; +export const ColorSemanticThemeLightBackgroundOverlay : string; +export const ColorSemanticThemeLightBackgroundCard : string; +export const ColorSemanticThemeLightTextPrimary : string; +export const ColorSemanticThemeLightTextSecondary : string; +export const ColorSemanticThemeLightTextTertiary : string; +export const ColorSemanticThemeLightTextDisabled : string; +export const ColorSemanticThemeLightBorderDefault : string; +export const ColorSemanticThemeLightBorderHover : string; +export const ColorSemanticUiScrollbarTrack : string; +export const ColorSemanticUiScrollbarThumb : string; +export const ColorSemanticUiScrollbarThumbHover : string; +export const ColorSemanticUiOverlayDark : string; +export const ColorSemanticUiOverlayLight : string; +export const ColorSemanticUiOverlayBackground : string; +export const ColorSemanticUiGrayLightest : string; +export const ColorSemanticUiGrayLighter : string; +export const ColorSemanticUiGrayLight : string; +export const ColorSemanticUiGrayMedium : string; +export const ColorSemanticUiGrayIos : string; +export const ColorSemanticUiInputFillDark : string; +export const ColorSemanticUiSurfaceDropdownDark : string; +export const ColorSemanticUiSurfaceDropdownLight : string; +export const ColorSemanticUiSurfaceModalDark : string; +export const ColorSemanticUiFocusRingGlow : string; +export const FilterBlur2 : string; +export const FilterBlur4 : string; +export const FilterBlur7 : string; +export const FilterBlur10 : string; +export const FilterBlur12 : string; +export const FilterBlur14 : string; +export const FilterBlur16 : string; +export const FilterBlur18 : string; +export const FilterBlur20 : string; +export const FilterBlur40 : string; +export const FilterBlur50 : string; +export const FilterBlur100 : string; +export const FilterBlur110 : string; +export const FilterDropShadowGlowSm : string; +export const FilterDropShadowGlowMd : string; +export const FilterDropShadowGlowLg : string; +export const FilterDropShadowGlow10 : string; +export const FilterDropShadowBrandSm : string; +export const FilterDropShadowBrandMd : string; +export const FilterDropShadowSecondaryMd : string; +export const DurationInstant : string; +export const DurationFast : string; +export const DurationNormal : string; +export const DurationSlow : string; +export const DurationSlower : string; +export const EasingLinear : string; +export const EasingEaseIn : string; +export const EasingEaseOut : string; +export const EasingEaseInOut : string; +export const Opacity0 : string; +export const Opacity2 : string; +export const Opacity3 : string; +export const Opacity5 : string; +export const Opacity6 : string; +export const Opacity8 : string; +export const Opacity10 : string; +export const Opacity15 : string; +export const Opacity20 : string; +export const Opacity25 : string; +export const Opacity30 : string; +export const Opacity35 : string; +export const Opacity40 : string; +export const Opacity50 : string; +export const Opacity60 : string; +export const Opacity70 : string; +export const Opacity80 : string; +export const Opacity90 : string; +export const Opacity95 : string; +export const Opacity98 : string; +export const Opacity100 : string; +export const ShadowReactNativeSmShadowColor : string; +export const ShadowReactNativeSmShadowOffsetWidth : string; +export const ShadowReactNativeSmShadowOffsetHeight : string; +export const ShadowReactNativeSmShadowOpacity : string; +export const ShadowReactNativeSmShadowRadius : string; +export const ShadowReactNativeSmElevation : string; +export const ShadowReactNativeMdShadowColor : string; +export const ShadowReactNativeMdShadowOffsetWidth : string; +export const ShadowReactNativeMdShadowOffsetHeight : string; +export const ShadowReactNativeMdShadowOpacity : string; +export const ShadowReactNativeMdShadowRadius : string; +export const ShadowReactNativeMdElevation : string; +export const ShadowReactNativeLgShadowColor : string; +export const ShadowReactNativeLgShadowOffsetWidth : string; +export const ShadowReactNativeLgShadowOffsetHeight : string; +export const ShadowReactNativeLgShadowOpacity : string; +export const ShadowReactNativeLgShadowRadius : string; +export const ShadowReactNativeLgElevation : string; +export const ShadowNone : string; +export const ShadowXs : string; +export const ShadowSm : string; +export const ShadowMd : string; +export const ShadowLg : string; +export const ShadowXl : string; +export const Shadow2xl : string; +export const ShadowPortalSm : string; +export const ShadowPortalMd : string; +export const ShadowPortalLg : string; +export const ShadowPortalXs : string; +export const ShadowPortalFocusRing : string; +export const ShadowPortalHeaderScrolled : string; +export const ShadowPortalCard : string; +export const ShadowPortalCardLight : string; +export const ShadowPortalLgLight : string; +export const ShadowPortalModal : string; +export const ShadowPortalModalLight : string; +export const ShadowPortalDropdown : string; +export const ShadowPortalDropdownLight : string; +export const ShadowPortalRoleError : string; +export const ShadowPortalRoleSuccess : string; +export const ShadowPortalRoleInfo : string; +export const Spacing0 : string; +export const Spacing1 : string; +export const Spacing2 : string; +export const Spacing3 : string; +export const Spacing4 : string; +export const Spacing5 : string; +export const Spacing6 : string; +export const Spacing8 : string; +export const Spacing10 : string; +export const Spacing12 : string; +export const Spacing16 : string; +export const Spacing20 : string; +export const Spacing24 : string; +export const FontFamilySans : string; +export const FontFamilyMono : string; +export const FontFamilyDisplay : string; +export const FontSizeXs : string; +export const FontSizeSm : string; +export const FontSizeBase : string; +export const FontSizeLg : string; +export const FontSizeXl : string; +export const FontSize2xl : string; +export const FontSize3xl : string; +export const FontSize4xl : string; +export const FontSize5xl : string; +export const FontSize6xl : string; +export const FontWeightLight : string; +export const FontWeightRegular : string; +export const FontWeightMedium : string; +export const FontWeightSemibold : string; +export const FontWeightBold : string; +export const FontLineHeightNone : string; +export const FontLineHeightTight : string; +export const FontLineHeightNormal : string; +export const FontLineHeightRelaxed : string; +export const FontLineHeightLoose : string; +export const FontLetterSpacingTighter : string; +export const FontLetterSpacingTight : string; +export const FontLetterSpacingNormal : string; +export const FontLetterSpacingWide : string; +export const FontLetterSpacingWider : string; +export const FontLetterSpacingWidest : string; +export const ZIndexHide : string; +export const ZIndexBase : string; +export const ZIndexDocked : string; +export const ZIndexDropdown : string; +export const ZIndexSticky : string; +export const ZIndexOverlay : string; +export const ZIndexModal : string; +export const ZIndexPopover : string; +export const ZIndexToast : string; +export const ZIndexTooltip : string; +export const ComponentButtonRadius : string; +export const ComponentButtonBorderWidth : string; +export const ComponentButtonPaddingSmallVertical : string; +export const ComponentButtonPaddingSmallHorizontal : string; +export const ComponentButtonPaddingMediumVertical : string; +export const ComponentButtonPaddingMediumHorizontal : string; +export const ComponentButtonPaddingLargeVertical : string; +export const ComponentButtonPaddingLargeHorizontal : string; +export const ComponentButtonMinHeight : string; +export const ComponentButtonWidthStandalone : string; +export const IconSizeXs : string; +export const IconSizeSm : string; +export const IconSizeMd : string; +export const IconSizeLg : string; +export const IconSizeXl : string; +export const IconSize2xl : string; +export const IconSize3xl : string; +export const IconStrokeThin : string; +export const IconStrokeNormal : string; +export const IconStrokeMedium : string; +export const IconStrokeThick : string; +export const AvatarSm : string; +export const AvatarMd : string; +export const AvatarLg : string; +export const AvatarXl : string; +export const Avatar2xl : string; +export const LogoSm : string; +export const LogoMd : string; +export const LogoLg : string; +export const LogoXl : string; +export const BreakpointSm : string; +export const BreakpointMd : string; +export const BreakpointLg : string; +export const BreakpointXl : string; +export const Breakpoint2xl : string; +export const ContainerSm : string; +export const ContainerMd : string; +export const ContainerLg : string; +export const ContainerXl : string; +export const Container2xl : string; +export const GridColumns : string; +export const GridGutter : string; +export const GridGutterSm : string; +export const GridGutterLg : string; diff --git a/packages/tokens/dist/js/tokens.js b/packages/tokens/dist/js/tokens.js new file mode 100644 index 000000000..55fb82c70 --- /dev/null +++ b/packages/tokens/dist/js/tokens.js @@ -0,0 +1,330 @@ +/** + * Do not edit directly + * Generated on Sun, 15 Mar 2026 16:33:23 GMT + */ + +export const ContrastAaLarge = "3:1"; +export const ContrastAaNormal = "4.5:1"; +export const ContrastAaaLarge = "4.5:1"; +export const ContrastAaaNormal = "7:1"; +export const FocusRingWidth = "2px"; +export const FocusRingOffset = "2px"; +export const FocusRingColor = "#4f7f4e"; +export const FocusRingOpacity = "1"; +export const TouchTargetMin = "44px"; +export const TouchTargetMedium = "52px"; +export const TouchTargetComfortable = "48px"; +export const TouchTargetLarge = "56px"; +export const BorderRadiusNone = "0px"; +export const BorderRadiusSm = "4px"; +export const BorderRadiusMd = "8px"; +export const BorderRadiusLg = "12px"; +export const BorderRadiusXl = "16px"; +export const BorderRadius2xl = "20px"; +export const BorderRadiusFull = "9999px"; +export const BorderWidthNone = "0px"; +export const BorderWidthHairline = "0.5px"; +export const BorderWidthThin = "1px"; +export const BorderWidthMedium = "2px"; +export const BorderWidthThick = "3px"; +export const ColorBrandPrimary50 = "#f0f7ef"; +export const ColorBrandPrimary100 = "#d9e9d8"; +export const ColorBrandPrimary200 = "#b9d5b8"; +export const ColorBrandPrimary300 = "#90bd8f"; +export const ColorBrandPrimary400 = "#6fa46e"; +export const ColorBrandPrimary500 = "#4f7f4e"; +export const ColorBrandPrimary600 = "#3f6a3e"; +export const ColorBrandPrimary700 = "#30552f"; +export const ColorBrandPrimary800 = "#224021"; +export const ColorBrandPrimary900 = "#173016"; +export const ColorBrandPrimaryAlpha3 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha5 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha6 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha8 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha10 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha13 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha15 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha16 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha18 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha20 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha25 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha30 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha35 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha40 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha50 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha60 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha70 = "#4f7f4e"; +export const ColorBrandPrimaryAlpha80 = "#4f7f4e"; +export const ColorBrandSecondary50 = "#fef9ee"; +export const ColorBrandSecondary100 = "#fcefd2"; +export const ColorBrandSecondary200 = "#f9e0a8"; +export const ColorBrandSecondary300 = "#f5cc75"; +export const ColorBrandSecondary400 = "#f0b84d"; +export const ColorBrandSecondary500 = "#e9b85b"; +export const ColorBrandSecondary600 = "#d9a230"; +export const ColorBrandSecondary700 = "#b8861c"; +export const ColorBrandSecondary800 = "#976d1a"; +export const ColorBrandSecondary900 = "#7c5818"; +export const ColorBrandSecondaryAlpha20 = "#e9b85b"; +export const ColorBrandSecondaryAlpha30 = "#e9b85b"; +export const ColorBrandSecondaryAlpha40 = "#e9b85b"; +export const ColorNeutral50 = "#fafafa"; +export const ColorNeutral100 = "#f5f5f5"; +export const ColorNeutral200 = "#eeeeee"; +export const ColorNeutral300 = "#e0e0e0"; +export const ColorNeutral400 = "#bdbdbd"; +export const ColorNeutral500 = "#9e9e9e"; +export const ColorNeutral600 = "#757575"; +export const ColorNeutral700 = "#616161"; +export const ColorNeutral800 = "#424242"; +export const ColorNeutral900 = "#212121"; +export const ColorNeutralWhite = "#ffffff"; +export const ColorNeutralBlack = "#000000"; +export const ColorSemanticError50 = "#fef2f2"; +export const ColorSemanticError500 = "#f44336"; +export const ColorSemanticError600 = "#dc2626"; +export const ColorSemanticErrorAlpha15 = "#f44336"; +export const ColorSemanticErrorAlpha20 = "#f44336"; +export const ColorSemanticErrorAlpha30 = "#f44336"; +export const ColorSemanticErrorIos = "#ff3b30"; +export const ColorSemanticSuccess50 = "#f0f9f0"; +export const ColorSemanticSuccess500 = "#34c759"; +export const ColorSemanticSuccess600 = "#2e7d32"; +export const ColorSemanticSuccessAlpha15 = "#34c759"; +export const ColorSemanticSuccessAlpha20 = "#34c759"; +export const ColorSemanticSuccessAlpha30 = "#34c759"; +export const ColorSemanticInfo50 = "#eff6ff"; +export const ColorSemanticInfo500 = "#2196f3"; +export const ColorSemanticInfo600 = "#2563eb"; +export const ColorSemanticInfoAlpha20 = "#2196f3"; +export const ColorSemanticInfoIos = "#007aff"; +export const ColorSemanticInfoLight = "#e3f2fd"; +export const ColorSemanticInfoMedium = "#4a90e2"; +export const ColorSemanticWarning50 = "#fffbeb"; +export const ColorSemanticWarning500 = "#ff9500"; +export const ColorSemanticWarning600 = "#d97706"; +export const ColorSemanticScannerSuccess = "#00ff00"; +export const ColorSemanticThemeBackgroundBase = "#212121"; +export const ColorSemanticThemeBackgroundElevated = "#2a2a2a"; +export const ColorSemanticThemeBackgroundOverlay = "#1a1a1a"; +export const ColorSemanticThemeBackgroundCard = "#ffffff"; +export const ColorSemanticThemeTextPrimary = "#ffffff"; +export const ColorSemanticThemeTextSecondary = "#ffffff"; +export const ColorSemanticThemeTextTertiary = "#ffffff"; +export const ColorSemanticThemeTextDisabled = "#ffffff"; +export const ColorSemanticThemeBorderDefault = "#ffffff"; +export const ColorSemanticThemeBorderHover = "#ffffff"; +export const ColorSemanticThemeBorderFocus = "#4f7f4e"; +export const ColorSemanticThemeLightBackgroundBase = "#fafafa"; +export const ColorSemanticThemeLightBackgroundElevated = "#ffffff"; +export const ColorSemanticThemeLightBackgroundOverlay = "#f5f5f5"; +export const ColorSemanticThemeLightBackgroundCard = "#000000"; +export const ColorSemanticThemeLightTextPrimary = "#212121"; +export const ColorSemanticThemeLightTextSecondary = "#212121"; +export const ColorSemanticThemeLightTextTertiary = "#212121"; +export const ColorSemanticThemeLightTextDisabled = "#212121"; +export const ColorSemanticThemeLightBorderDefault = "#000000"; +export const ColorSemanticThemeLightBorderHover = "#000000"; +export const ColorSemanticUiScrollbarTrack = "#4f7f4e"; +export const ColorSemanticUiScrollbarThumb = "#4f7f4e"; +export const ColorSemanticUiScrollbarThumbHover = "#4f7f4e"; +export const ColorSemanticUiOverlayDark = "#212121"; +export const ColorSemanticUiOverlayLight = "#fafafa"; +export const ColorSemanticUiOverlayBackground = "#000000"; +export const ColorSemanticUiGrayLightest = "#f8f8f8"; +export const ColorSemanticUiGrayLighter = "#f0f2f5"; +export const ColorSemanticUiGrayLight = "#e5e5e5"; +export const ColorSemanticUiGrayMedium = "#cccccc"; +export const ColorSemanticUiGrayIos = "#8e8e93"; +export const ColorSemanticUiInputFillDark = "#151515"; +export const ColorSemanticUiSurfaceDropdownDark = "#212121"; +export const ColorSemanticUiSurfaceDropdownLight = "#ffffff"; +export const ColorSemanticUiSurfaceModalDark = "#212121"; +export const ColorSemanticUiFocusRingGlow = "#4f7f4e"; +export const FilterBlur2 = "2px"; +export const FilterBlur4 = "4px"; +export const FilterBlur7 = "7px"; +export const FilterBlur10 = "10px"; +export const FilterBlur12 = "12px"; +export const FilterBlur14 = "14px"; +export const FilterBlur16 = "16px"; +export const FilterBlur18 = "18px"; +export const FilterBlur20 = "20px"; +export const FilterBlur40 = "40px"; +export const FilterBlur50 = "50px"; +export const FilterBlur100 = "100px"; +export const FilterBlur110 = "110px"; +export const FilterDropShadowGlowSm = "0 0 12px var(--color-brand-primary-alpha-40)"; +export const FilterDropShadowGlowMd = "0 0 16px var(--color-brand-primary-alpha-60)"; +export const FilterDropShadowGlowLg = "0 0 20px var(--color-brand-primary-alpha-60)"; +export const FilterDropShadowGlow10 = "0 0 10px var(--color-brand-primary-alpha-50)"; +export const FilterDropShadowBrandSm = "0 2px 8px var(--color-brand-primary-alpha-30)"; +export const FilterDropShadowBrandMd = "0 4px 12px var(--color-brand-primary-alpha-30)"; +export const FilterDropShadowSecondaryMd = "0 4px 12px var(--color-brand-secondary-alpha-40)"; +export const DurationInstant = "0ms"; +export const DurationFast = "150ms"; +export const DurationNormal = "250ms"; +export const DurationSlow = "350ms"; +export const DurationSlower = "500ms"; +export const EasingLinear = "linear"; +export const EasingEaseIn = "cubic-bezier(0.4, 0, 1, 1)"; +export const EasingEaseOut = "cubic-bezier(0, 0, 0.2, 1)"; +export const EasingEaseInOut = "cubic-bezier(0.4, 0, 0.2, 1)"; +export const Opacity0 = "0"; +export const Opacity2 = "0.02"; +export const Opacity3 = "0.03"; +export const Opacity5 = "0.05"; +export const Opacity6 = "0.06"; +export const Opacity8 = "0.08"; +export const Opacity10 = "0.1"; +export const Opacity15 = "0.15"; +export const Opacity20 = "0.2"; +export const Opacity25 = "0.25"; +export const Opacity30 = "0.3"; +export const Opacity35 = "0.35"; +export const Opacity40 = "0.4"; +export const Opacity50 = "0.5"; +export const Opacity60 = "0.6"; +export const Opacity70 = "0.7"; +export const Opacity80 = "0.8"; +export const Opacity90 = "0.9"; +export const Opacity95 = "0.95"; +export const Opacity98 = "0.98"; +export const Opacity100 = "1"; +export const ShadowReactNativeSmShadowColor = "#000000"; +export const ShadowReactNativeSmShadowOffsetWidth = "0"; +export const ShadowReactNativeSmShadowOffsetHeight = "1"; +export const ShadowReactNativeSmShadowOpacity = "0.1"; +export const ShadowReactNativeSmShadowRadius = "2"; +export const ShadowReactNativeSmElevation = "2"; +export const ShadowReactNativeMdShadowColor = "#000000"; +export const ShadowReactNativeMdShadowOffsetWidth = "0"; +export const ShadowReactNativeMdShadowOffsetHeight = "2"; +export const ShadowReactNativeMdShadowOpacity = "0.15"; +export const ShadowReactNativeMdShadowRadius = "4"; +export const ShadowReactNativeMdElevation = "4"; +export const ShadowReactNativeLgShadowColor = "#000000"; +export const ShadowReactNativeLgShadowOffsetWidth = "0"; +export const ShadowReactNativeLgShadowOffsetHeight = "4"; +export const ShadowReactNativeLgShadowOpacity = "0.2"; +export const ShadowReactNativeLgShadowRadius = "8"; +export const ShadowReactNativeLgElevation = "8"; +export const ShadowNone = "none"; +export const ShadowXs = "0 1px 2px 0 rgba(0,0,0,0.05)"; +export const ShadowSm = "0 1px 3px 0 rgba(0,0,0,0.1)"; +export const ShadowMd = "0 4px 6px -1px rgba(0,0,0,0.1)"; +export const ShadowLg = "0 10px 15px -3px rgba(0,0,0,0.1)"; +export const ShadowXl = "0 20px 25px -5px rgba(0,0,0,0.1)"; +export const Shadow2xl = "0 25px 50px -12px rgba(0,0,0,0.25)"; +export const ShadowPortalSm = "0 2px 8px rgba(0,0,0,0.2)"; +export const ShadowPortalMd = "0 4px 16px rgba(0,0,0,0.3)"; +export const ShadowPortalLg = "0 8px 32px rgba(0,0,0,0.4)"; +export const ShadowPortalXs = "0 2px 8px var(--color-neutral-black-alpha-20)"; +export const ShadowPortalFocusRing = "0 0 0 3px var(--color-brand-primary-alpha-20)"; +export const ShadowPortalHeaderScrolled = "0 4px 24px var(--color-neutral-black-alpha-15), inset 0 1px 0 var(--color-neutral-black-alpha-5)"; +export const ShadowPortalCard = "0 8px 32px var(--color-neutral-black-alpha-40), inset 0 1px 0 var(--color-neutral-white-alpha-5)"; +export const ShadowPortalCardLight = "0 8px 32px var(--color-neutral-black-alpha-10), inset 0 1px 0 var(--color-neutral-white-alpha-5)"; +export const ShadowPortalLgLight = "0 8px 32px var(--color-neutral-black-alpha-10)"; +export const ShadowPortalModal = "0 12px 40px var(--color-neutral-black-alpha-40), 0 0 0 1px var(--color-brand-primary-alpha-30), inset 0 1px 0 var(--color-neutral-white-alpha-10)"; +export const ShadowPortalModalLight = "0 12px 40px var(--color-neutral-black-alpha-20), 0 0 0 1px var(--color-brand-primary-alpha-50), inset 0 1px 0 var(--color-neutral-black-alpha-5)"; +export const ShadowPortalDropdown = "0 2px 8px var(--color-neutral-black-alpha-8)"; +export const ShadowPortalDropdownLight = "0 2px 8px var(--color-neutral-black-alpha-8), inset 0 1px 0 var(--color-neutral-black-alpha-3)"; +export const ShadowPortalRoleError = "0 2px 12px var(--color-semantic-error-alpha-30)"; +export const ShadowPortalRoleSuccess = "0 2px 12px var(--color-semantic-success-alpha-30)"; +export const ShadowPortalRoleInfo = "0 2px 12px var(--color-semantic-info-alpha-20)"; +export const Spacing0 = "0px"; +export const Spacing1 = "4px"; +export const Spacing2 = "8px"; +export const Spacing3 = "12px"; +export const Spacing4 = "16px"; +export const Spacing5 = "20px"; +export const Spacing6 = "24px"; +export const Spacing8 = "32px"; +export const Spacing10 = "40px"; +export const Spacing12 = "48px"; +export const Spacing16 = "64px"; +export const Spacing20 = "80px"; +export const Spacing24 = "96px"; +export const FontFamilySans = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif"; +export const FontFamilyMono = "'Courier New', Consolas, monospace"; +export const FontFamilyDisplay = "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"; +export const FontSizeXs = "12px"; +export const FontSizeSm = "14px"; +export const FontSizeBase = "16px"; +export const FontSizeLg = "18px"; +export const FontSizeXl = "20px"; +export const FontSize2xl = "24px"; +export const FontSize3xl = "32px"; +export const FontSize4xl = "40px"; +export const FontSize5xl = "48px"; +export const FontSize6xl = "60px"; +export const FontWeightLight = "300"; +export const FontWeightRegular = "400"; +export const FontWeightMedium = "500"; +export const FontWeightSemibold = "600"; +export const FontWeightBold = "700"; +export const FontLineHeightNone = "1"; +export const FontLineHeightTight = "1.25"; +export const FontLineHeightNormal = "1.5"; +export const FontLineHeightRelaxed = "1.75"; +export const FontLineHeightLoose = "2"; +export const FontLetterSpacingTighter = "-0.05em"; +export const FontLetterSpacingTight = "-0.025em"; +export const FontLetterSpacingNormal = "0"; +export const FontLetterSpacingWide = "0.025em"; +export const FontLetterSpacingWider = "0.05em"; +export const FontLetterSpacingWidest = "0.1em"; +export const ZIndexHide = "-1"; +export const ZIndexBase = "0"; +export const ZIndexDocked = "10"; +export const ZIndexDropdown = "1000"; +export const ZIndexSticky = "1100"; +export const ZIndexOverlay = "1300"; +export const ZIndexModal = "1400"; +export const ZIndexPopover = "1500"; +export const ZIndexToast = "1700"; +export const ZIndexTooltip = "1800"; +export const ComponentButtonRadius = "8px"; +export const ComponentButtonBorderWidth = "1px"; +export const ComponentButtonPaddingSmallVertical = "8px"; +export const ComponentButtonPaddingSmallHorizontal = "16px"; +export const ComponentButtonPaddingMediumVertical = "12px"; +export const ComponentButtonPaddingMediumHorizontal = "24px"; +export const ComponentButtonPaddingLargeVertical = "16px"; +export const ComponentButtonPaddingLargeHorizontal = "32px"; +export const ComponentButtonMinHeight = "48px"; +export const ComponentButtonWidthStandalone = "200px"; +export const IconSizeXs = "12px"; +export const IconSizeSm = "16px"; +export const IconSizeMd = "20px"; +export const IconSizeLg = "24px"; +export const IconSizeXl = "32px"; +export const IconSize2xl = "40px"; +export const IconSize3xl = "48px"; +export const IconStrokeThin = "1px"; +export const IconStrokeNormal = "1.5px"; +export const IconStrokeMedium = "2px"; +export const IconStrokeThick = "2.5px"; +export const AvatarSm = "24px"; +export const AvatarMd = "32px"; +export const AvatarLg = "48px"; +export const AvatarXl = "64px"; +export const Avatar2xl = "96px"; +export const LogoSm = "80px"; +export const LogoMd = "120px"; +export const LogoLg = "160px"; +export const LogoXl = "200px"; +export const BreakpointSm = "640px"; +export const BreakpointMd = "768px"; +export const BreakpointLg = "1024px"; +export const BreakpointXl = "1280px"; +export const Breakpoint2xl = "1536px"; +export const ContainerSm = "640px"; +export const ContainerMd = "768px"; +export const ContainerLg = "1024px"; +export const ContainerXl = "1280px"; +export const Container2xl = "1536px"; +export const GridColumns = "12"; +export const GridGutter = "16px"; +export const GridGutterSm = "8px"; +export const GridGutterLg = "24px"; diff --git a/packages/tokens/dist/json/tokens.json b/packages/tokens/dist/json/tokens.json new file mode 100644 index 000000000..095553925 --- /dev/null +++ b/packages/tokens/dist/json/tokens.json @@ -0,0 +1,471 @@ +{ + "contrast": { + "aaLarge": "3:1", + "aaNormal": "4.5:1", + "aaaLarge": "4.5:1", + "aaaNormal": "7:1" + }, + "focus": { + "ringWidth": "2px", + "ringOffset": "2px", + "ringColor": "#4f7f4e", + "ringOpacity": "1" + }, + "touchTarget": { + "min": "44px", + "medium": "52px", + "comfortable": "48px", + "large": "56px" + }, + "border": { + "radius": { + "none": "0px", + "sm": "4px", + "md": "8px", + "lg": "12px", + "xl": "16px", + "2xl": "20px", + "full": "9999px" + }, + "width": { + "none": "0px", + "hairline": "0.5px", + "thin": "1px", + "medium": "2px", + "thick": "3px" + } + }, + "color": { + "brand": { + "primary": { + "50": "#f0f7ef", + "100": "#d9e9d8", + "200": "#b9d5b8", + "300": "#90bd8f", + "400": "#6fa46e", + "500": "#4f7f4e", + "600": "#3f6a3e", + "700": "#30552f", + "800": "#224021", + "900": "#173016", + "alpha": { + "3": "#4f7f4e", + "5": "#4f7f4e", + "6": "#4f7f4e", + "8": "#4f7f4e", + "10": "#4f7f4e", + "13": "#4f7f4e", + "15": "#4f7f4e", + "16": "#4f7f4e", + "18": "#4f7f4e", + "20": "#4f7f4e", + "25": "#4f7f4e", + "30": "#4f7f4e", + "35": "#4f7f4e", + "40": "#4f7f4e", + "50": "#4f7f4e", + "60": "#4f7f4e", + "70": "#4f7f4e", + "80": "#4f7f4e" + } + }, + "secondary": { + "50": "#fef9ee", + "100": "#fcefd2", + "200": "#f9e0a8", + "300": "#f5cc75", + "400": "#f0b84d", + "500": "#e9b85b", + "600": "#d9a230", + "700": "#b8861c", + "800": "#976d1a", + "900": "#7c5818", + "alpha": { + "20": "#e9b85b", + "30": "#e9b85b", + "40": "#e9b85b" + } + } + }, + "neutral": { + "50": "#fafafa", + "100": "#f5f5f5", + "200": "#eeeeee", + "300": "#e0e0e0", + "400": "#bdbdbd", + "500": "#9e9e9e", + "600": "#757575", + "700": "#616161", + "800": "#424242", + "900": "#212121", + "white": "#ffffff", + "black": "#000000" + }, + "semantic": { + "error": { + "50": "#fef2f2", + "500": "#f44336", + "600": "#dc2626", + "alpha": { + "15": "#f44336", + "20": "#f44336", + "30": "#f44336" + }, + "ios": "#ff3b30" + }, + "success": { + "50": "#f0f9f0", + "500": "#34c759", + "600": "#2e7d32", + "alpha": { + "15": "#34c759", + "20": "#34c759", + "30": "#34c759" + } + }, + "info": { + "50": "#eff6ff", + "500": "#2196f3", + "600": "#2563eb", + "alpha": { + "20": "#2196f3" + }, + "ios": "#007aff", + "light": "#e3f2fd", + "medium": "#4a90e2" + }, + "warning": { + "50": "#fffbeb", + "500": "#ff9500", + "600": "#d97706" + }, + "scanner": { + "success": "#00ff00" + }, + "theme": { + "background": { + "base": "#212121", + "elevated": "#2a2a2a", + "overlay": "#1a1a1a", + "card": "#ffffff" + }, + "text": { + "primary": "#ffffff", + "secondary": "#ffffff", + "tertiary": "#ffffff", + "disabled": "#ffffff" + }, + "border": { + "default": "#ffffff", + "hover": "#ffffff", + "focus": "#4f7f4e" + } + }, + "theme-light": { + "background": { + "base": "#fafafa", + "elevated": "#ffffff", + "overlay": "#f5f5f5", + "card": "#000000" + }, + "text": { + "primary": "#212121", + "secondary": "#212121", + "tertiary": "#212121", + "disabled": "#212121" + }, + "border": { + "default": "#000000", + "hover": "#000000" + } + }, + "ui": { + "scrollbar": { + "track": "#4f7f4e", + "thumb": "#4f7f4e", + "thumb-hover": "#4f7f4e" + }, + "overlay": { + "dark": "#212121", + "light": "#fafafa", + "background": "#000000" + }, + "gray": { + "lightest": "#f8f8f8", + "lighter": "#f0f2f5", + "light": "#e5e5e5", + "medium": "#cccccc", + "ios": "#8e8e93" + }, + "input": { + "fill-dark": "#151515" + }, + "surface": { + "dropdown-dark": "#212121", + "dropdown-light": "#ffffff", + "modal-dark": "#212121" + }, + "focus": { + "ring-glow": "#4f7f4e" + } + } + } + }, + "filter": { + "blur": { + "2": "2px", + "4": "4px", + "7": "7px", + "10": "10px", + "12": "12px", + "14": "14px", + "16": "16px", + "18": "18px", + "20": "20px", + "40": "40px", + "50": "50px", + "100": "100px", + "110": "110px" + }, + "drop-shadow": { + "glow-sm": "0 0 12px var(--color-brand-primary-alpha-40)", + "glow-md": "0 0 16px var(--color-brand-primary-alpha-60)", + "glow-lg": "0 0 20px var(--color-brand-primary-alpha-60)", + "glow-10": "0 0 10px var(--color-brand-primary-alpha-50)", + "brand-sm": "0 2px 8px var(--color-brand-primary-alpha-30)", + "brand-md": "0 4px 12px var(--color-brand-primary-alpha-30)", + "secondary-md": "0 4px 12px var(--color-brand-secondary-alpha-40)" + } + }, + "duration": { + "instant": "0ms", + "fast": "150ms", + "normal": "250ms", + "slow": "350ms", + "slower": "500ms" + }, + "easing": { + "linear": "linear", + "easeIn": "cubic-bezier(0.4, 0, 1, 1)", + "easeOut": "cubic-bezier(0, 0, 0.2, 1)", + "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)" + }, + "opacity": { + "0": "0", + "2": "0.02", + "3": "0.03", + "5": "0.05", + "6": "0.06", + "8": "0.08", + "10": "0.1", + "15": "0.15", + "20": "0.2", + "25": "0.25", + "30": "0.3", + "35": "0.35", + "40": "0.4", + "50": "0.5", + "60": "0.6", + "70": "0.7", + "80": "0.8", + "90": "0.9", + "95": "0.95", + "98": "0.98", + "100": "1" + }, + "shadow": { + "reactNative": { + "sm": { + "shadowColor": "#000000", + "shadowOffsetWidth": "0", + "shadowOffsetHeight": "1", + "shadowOpacity": "0.1", + "shadowRadius": "2", + "elevation": "2" + }, + "md": { + "shadowColor": "#000000", + "shadowOffsetWidth": "0", + "shadowOffsetHeight": "2", + "shadowOpacity": "0.15", + "shadowRadius": "4", + "elevation": "4" + }, + "lg": { + "shadowColor": "#000000", + "shadowOffsetWidth": "0", + "shadowOffsetHeight": "4", + "shadowOpacity": "0.2", + "shadowRadius": "8", + "elevation": "8" + } + }, + "none": "none", + "xs": "0 1px 2px 0 rgba(0,0,0,0.05)", + "sm": "0 1px 3px 0 rgba(0,0,0,0.1)", + "md": "0 4px 6px -1px rgba(0,0,0,0.1)", + "lg": "0 10px 15px -3px rgba(0,0,0,0.1)", + "xl": "0 20px 25px -5px rgba(0,0,0,0.1)", + "2xl": "0 25px 50px -12px rgba(0,0,0,0.25)", + "portal": { + "sm": "0 2px 8px rgba(0,0,0,0.2)", + "md": "0 4px 16px rgba(0,0,0,0.3)", + "lg": "0 8px 32px rgba(0,0,0,0.4)", + "xs": "0 2px 8px var(--color-neutral-black-alpha-20)", + "focus-ring": "0 0 0 3px var(--color-brand-primary-alpha-20)", + "header-scrolled": "0 4px 24px var(--color-neutral-black-alpha-15), inset 0 1px 0 var(--color-neutral-black-alpha-5)", + "card": "0 8px 32px var(--color-neutral-black-alpha-40), inset 0 1px 0 var(--color-neutral-white-alpha-5)", + "card-light": "0 8px 32px var(--color-neutral-black-alpha-10), inset 0 1px 0 var(--color-neutral-white-alpha-5)", + "lg-light": "0 8px 32px var(--color-neutral-black-alpha-10)", + "modal": "0 12px 40px var(--color-neutral-black-alpha-40), 0 0 0 1px var(--color-brand-primary-alpha-30), inset 0 1px 0 var(--color-neutral-white-alpha-10)", + "modal-light": "0 12px 40px var(--color-neutral-black-alpha-20), 0 0 0 1px var(--color-brand-primary-alpha-50), inset 0 1px 0 var(--color-neutral-black-alpha-5)", + "dropdown": "0 2px 8px var(--color-neutral-black-alpha-8)", + "dropdown-light": "0 2px 8px var(--color-neutral-black-alpha-8), inset 0 1px 0 var(--color-neutral-black-alpha-3)", + "role-error": "0 2px 12px var(--color-semantic-error-alpha-30)", + "role-success": "0 2px 12px var(--color-semantic-success-alpha-30)", + "role-info": "0 2px 12px var(--color-semantic-info-alpha-20)" + } + }, + "spacing": { + "0": "0px", + "1": "4px", + "2": "8px", + "3": "12px", + "4": "16px", + "5": "20px", + "6": "24px", + "8": "32px", + "10": "40px", + "12": "48px", + "16": "64px", + "20": "80px", + "24": "96px" + }, + "font": { + "family": { + "sans": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif", + "mono": "'Courier New', Consolas, monospace", + "display": "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" + }, + "size": { + "xs": "12px", + "sm": "14px", + "base": "16px", + "lg": "18px", + "xl": "20px", + "2xl": "24px", + "3xl": "32px", + "4xl": "40px", + "5xl": "48px", + "6xl": "60px" + }, + "weight": { + "light": "300", + "regular": "400", + "medium": "500", + "semibold": "600", + "bold": "700" + }, + "lineHeight": { + "none": "1", + "tight": "1.25", + "normal": "1.5", + "relaxed": "1.75", + "loose": "2" + }, + "letterSpacing": { + "tighter": "-0.05em", + "tight": "-0.025em", + "normal": "0", + "wide": "0.025em", + "wider": "0.05em", + "widest": "0.1em" + } + }, + "zIndex": { + "hide": "-1", + "base": "0", + "docked": "10", + "dropdown": "1000", + "sticky": "1100", + "overlay": "1300", + "modal": "1400", + "popover": "1500", + "toast": "1700", + "tooltip": "1800" + }, + "component": { + "button": { + "radius": "8px", + "borderWidth": "1px", + "padding": { + "small": { + "vertical": "8px", + "horizontal": "16px" + }, + "medium": { + "vertical": "12px", + "horizontal": "24px" + }, + "large": { + "vertical": "16px", + "horizontal": "32px" + } + }, + "minHeight": "48px", + "width": { + "standalone": "200px" + } + } + }, + "icon": { + "size": { + "xs": "12px", + "sm": "16px", + "md": "20px", + "lg": "24px", + "xl": "32px", + "2xl": "40px", + "3xl": "48px" + }, + "stroke": { + "thin": "1px", + "normal": "1.5px", + "medium": "2px", + "thick": "2.5px" + } + }, + "avatar": { + "sm": "24px", + "md": "32px", + "lg": "48px", + "xl": "64px", + "2xl": "96px" + }, + "logo": { + "sm": "80px", + "md": "120px", + "lg": "160px", + "xl": "200px" + }, + "breakpoint": { + "sm": "640px", + "md": "768px", + "lg": "1024px", + "xl": "1280px", + "2xl": "1536px" + }, + "container": { + "sm": "640px", + "md": "768px", + "lg": "1024px", + "xl": "1280px", + "2xl": "1536px" + }, + "grid": { + "columns": "12", + "gutter": "16px", + "gutterSm": "8px", + "gutterLg": "24px" + } +} diff --git a/packages/tokens/dist/react-native/tokens-resolved.js b/packages/tokens/dist/react-native/tokens-resolved.js new file mode 100644 index 000000000..78022a317 --- /dev/null +++ b/packages/tokens/dist/react-native/tokens-resolved.js @@ -0,0 +1,5 @@ +/** + * Resolved design tokens for React Native (plain values). + * Do not edit directly. Generated from dist/json/tokens.json. + */ +module.exports = {"contrast":{"aaLarge":"3:1","aaNormal":"4.5:1","aaaLarge":"4.5:1","aaaNormal":"7:1"},"focus":{"ringWidth":"2px","ringOffset":"2px","ringColor":"#4f7f4e","ringOpacity":"1"},"touchTarget":{"min":"44px","medium":"52px","comfortable":"48px","large":"56px"},"border":{"radius":{"none":"0px","sm":"4px","md":"8px","lg":"12px","xl":"16px","2xl":"20px","full":"9999px"},"width":{"none":"0px","hairline":"0.5px","thin":"1px","medium":"2px","thick":"3px"}},"color":{"brand":{"primary":{"50":"#f0f7ef","100":"#d9e9d8","200":"#b9d5b8","300":"#90bd8f","400":"#6fa46e","500":"#4f7f4e","600":"#3f6a3e","700":"#30552f","800":"#224021","900":"#173016","alpha":{"3":"#4f7f4e","5":"#4f7f4e","6":"#4f7f4e","8":"#4f7f4e","10":"#4f7f4e","13":"#4f7f4e","15":"#4f7f4e","16":"#4f7f4e","18":"#4f7f4e","20":"#4f7f4e","25":"#4f7f4e","30":"#4f7f4e","35":"#4f7f4e","40":"#4f7f4e","50":"#4f7f4e","60":"#4f7f4e","70":"#4f7f4e","80":"#4f7f4e"}},"secondary":{"50":"#fef9ee","100":"#fcefd2","200":"#f9e0a8","300":"#f5cc75","400":"#f0b84d","500":"#e9b85b","600":"#d9a230","700":"#b8861c","800":"#976d1a","900":"#7c5818","alpha":{"20":"#e9b85b","30":"#e9b85b","40":"#e9b85b"}}},"neutral":{"50":"#fafafa","100":"#f5f5f5","200":"#eeeeee","300":"#e0e0e0","400":"#bdbdbd","500":"#9e9e9e","600":"#757575","700":"#616161","800":"#424242","900":"#212121","white":"#ffffff","black":"#000000"},"semantic":{"error":{"50":"#fef2f2","500":"#f44336","600":"#dc2626","alpha":{"15":"#f44336","20":"#f44336","30":"#f44336"},"ios":"#ff3b30"},"success":{"50":"#f0f9f0","500":"#34c759","600":"#2e7d32","alpha":{"15":"#34c759","20":"#34c759","30":"#34c759"}},"info":{"50":"#eff6ff","500":"#2196f3","600":"#2563eb","alpha":{"20":"#2196f3"},"ios":"#007aff","light":"#e3f2fd","medium":"#4a90e2"},"warning":{"50":"#fffbeb","500":"#ff9500","600":"#d97706"},"scanner":{"success":"#00ff00"},"theme":{"background":{"base":"#212121","elevated":"#2a2a2a","overlay":"#1a1a1a","card":"#ffffff"},"text":{"primary":"#ffffff","secondary":"#ffffff","tertiary":"#ffffff","disabled":"#ffffff"},"border":{"default":"#ffffff","hover":"#ffffff","focus":"#4f7f4e"}},"theme-light":{"background":{"base":"#fafafa","elevated":"#ffffff","overlay":"#f5f5f5","card":"#000000"},"text":{"primary":"#212121","secondary":"#212121","tertiary":"#212121","disabled":"#212121"},"border":{"default":"#000000","hover":"#000000"}},"ui":{"scrollbar":{"track":"#4f7f4e","thumb":"#4f7f4e","thumb-hover":"#4f7f4e"},"overlay":{"dark":"#212121","light":"#fafafa","background":"#000000"},"gray":{"lightest":"#f8f8f8","lighter":"#f0f2f5","light":"#e5e5e5","medium":"#cccccc","ios":"#8e8e93"},"input":{"fill-dark":"#151515"},"surface":{"dropdown-dark":"#212121","dropdown-light":"#ffffff","modal-dark":"#212121"},"focus":{"ring-glow":"#4f7f4e"}}}},"filter":{"blur":{"2":"2px","4":"4px","7":"7px","10":"10px","12":"12px","14":"14px","16":"16px","18":"18px","20":"20px","40":"40px","50":"50px","100":"100px","110":"110px"},"drop-shadow":{"glow-sm":"0 0 12px var(--color-brand-primary-alpha-40)","glow-md":"0 0 16px var(--color-brand-primary-alpha-60)","glow-lg":"0 0 20px var(--color-brand-primary-alpha-60)","glow-10":"0 0 10px var(--color-brand-primary-alpha-50)","brand-sm":"0 2px 8px var(--color-brand-primary-alpha-30)","brand-md":"0 4px 12px var(--color-brand-primary-alpha-30)","secondary-md":"0 4px 12px var(--color-brand-secondary-alpha-40)"}},"duration":{"instant":"0ms","fast":"150ms","normal":"250ms","slow":"350ms","slower":"500ms"},"easing":{"linear":"linear","easeIn":"cubic-bezier(0.4, 0, 1, 1)","easeOut":"cubic-bezier(0, 0, 0.2, 1)","easeInOut":"cubic-bezier(0.4, 0, 0.2, 1)"},"opacity":{"0":"0","2":"0.02","3":"0.03","5":"0.05","6":"0.06","8":"0.08","10":"0.1","15":"0.15","20":"0.2","25":"0.25","30":"0.3","35":"0.35","40":"0.4","50":"0.5","60":"0.6","70":"0.7","80":"0.8","90":"0.9","95":"0.95","98":"0.98","100":"1"},"shadow":{"reactNative":{"sm":{"shadowColor":"#000000","shadowOffsetWidth":"0","shadowOffsetHeight":"1","shadowOpacity":"0.1","shadowRadius":"2","elevation":"2"},"md":{"shadowColor":"#000000","shadowOffsetWidth":"0","shadowOffsetHeight":"2","shadowOpacity":"0.15","shadowRadius":"4","elevation":"4"},"lg":{"shadowColor":"#000000","shadowOffsetWidth":"0","shadowOffsetHeight":"4","shadowOpacity":"0.2","shadowRadius":"8","elevation":"8"}},"none":"none","xs":"0 1px 2px 0 rgba(0,0,0,0.05)","sm":"0 1px 3px 0 rgba(0,0,0,0.1)","md":"0 4px 6px -1px rgba(0,0,0,0.1)","lg":"0 10px 15px -3px rgba(0,0,0,0.1)","xl":"0 20px 25px -5px rgba(0,0,0,0.1)","2xl":"0 25px 50px -12px rgba(0,0,0,0.25)","portal":{"sm":"0 2px 8px rgba(0,0,0,0.2)","md":"0 4px 16px rgba(0,0,0,0.3)","lg":"0 8px 32px rgba(0,0,0,0.4)","xs":"0 2px 8px var(--color-neutral-black-alpha-20)","focus-ring":"0 0 0 3px var(--color-brand-primary-alpha-20)","header-scrolled":"0 4px 24px var(--color-neutral-black-alpha-15), inset 0 1px 0 var(--color-neutral-black-alpha-5)","card":"0 8px 32px var(--color-neutral-black-alpha-40), inset 0 1px 0 var(--color-neutral-white-alpha-5)","card-light":"0 8px 32px var(--color-neutral-black-alpha-10), inset 0 1px 0 var(--color-neutral-white-alpha-5)","lg-light":"0 8px 32px var(--color-neutral-black-alpha-10)","modal":"0 12px 40px var(--color-neutral-black-alpha-40), 0 0 0 1px var(--color-brand-primary-alpha-30), inset 0 1px 0 var(--color-neutral-white-alpha-10)","modal-light":"0 12px 40px var(--color-neutral-black-alpha-20), 0 0 0 1px var(--color-brand-primary-alpha-50), inset 0 1px 0 var(--color-neutral-black-alpha-5)","dropdown":"0 2px 8px var(--color-neutral-black-alpha-8)","dropdown-light":"0 2px 8px var(--color-neutral-black-alpha-8), inset 0 1px 0 var(--color-neutral-black-alpha-3)","role-error":"0 2px 12px var(--color-semantic-error-alpha-30)","role-success":"0 2px 12px var(--color-semantic-success-alpha-30)","role-info":"0 2px 12px var(--color-semantic-info-alpha-20)"}},"spacing":{"0":"0px","1":"4px","2":"8px","3":"12px","4":"16px","5":"20px","6":"24px","8":"32px","10":"40px","12":"48px","16":"64px","20":"80px","24":"96px"},"font":{"family":{"sans":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif","mono":"'Courier New', Consolas, monospace","display":"-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"},"size":{"xs":"12px","sm":"14px","base":"16px","lg":"18px","xl":"20px","2xl":"24px","3xl":"32px","4xl":"40px","5xl":"48px","6xl":"60px"},"weight":{"light":"300","regular":"400","medium":"500","semibold":"600","bold":"700"},"lineHeight":{"none":"1","tight":"1.25","normal":"1.5","relaxed":"1.75","loose":"2"},"letterSpacing":{"tighter":"-0.05em","tight":"-0.025em","normal":"0","wide":"0.025em","wider":"0.05em","widest":"0.1em"}},"zIndex":{"hide":"-1","base":"0","docked":"10","dropdown":"1000","sticky":"1100","overlay":"1300","modal":"1400","popover":"1500","toast":"1700","tooltip":"1800"},"component":{"button":{"radius":"8px","borderWidth":"1px","padding":{"small":{"vertical":"8px","horizontal":"16px"},"medium":{"vertical":"12px","horizontal":"24px"},"large":{"vertical":"16px","horizontal":"32px"}},"minHeight":"48px","width":{"standalone":"200px"}}},"icon":{"size":{"xs":"12px","sm":"16px","md":"20px","lg":"24px","xl":"32px","2xl":"40px","3xl":"48px"},"stroke":{"thin":"1px","normal":"1.5px","medium":"2px","thick":"2.5px"}},"avatar":{"sm":"24px","md":"32px","lg":"48px","xl":"64px","2xl":"96px"},"logo":{"sm":"80px","md":"120px","lg":"160px","xl":"200px"},"breakpoint":{"sm":"640px","md":"768px","lg":"1024px","xl":"1280px","2xl":"1536px"},"container":{"sm":"640px","md":"768px","lg":"1024px","xl":"1280px","2xl":"1536px"},"grid":{"columns":"12","gutter":"16px","gutterSm":"8px","gutterLg":"24px"}}; diff --git a/packages/tokens/dist/react-native/tokens.d.ts b/packages/tokens/dist/react-native/tokens.d.ts new file mode 100644 index 000000000..6ebd20dbb --- /dev/null +++ b/packages/tokens/dist/react-native/tokens.d.ts @@ -0,0 +1,330 @@ +/** + * Do not edit directly + * Generated on Sun, 15 Mar 2026 16:33:23 GMT + */ + +export const contrastAaLarge : string; +export const contrastAaNormal : string; +export const contrastAaaLarge : string; +export const contrastAaaNormal : string; +export const focusRingWidth : string; +export const focusRingOffset : string; +export const focusRingColor : string; +export const focusRingOpacity : string; +export const touchTargetMin : string; +export const touchTargetMedium : string; +export const touchTargetComfortable : string; +export const touchTargetLarge : string; +export const borderRadiusNone : string; +export const borderRadiusSm : string; +export const borderRadiusMd : string; +export const borderRadiusLg : string; +export const borderRadiusXl : string; +export const borderRadius2xl : string; +export const borderRadiusFull : string; +export const borderWidthNone : string; +export const borderWidthHairline : string; +export const borderWidthThin : string; +export const borderWidthMedium : string; +export const borderWidthThick : string; +export const colorBrandPrimary50 : string; +export const colorBrandPrimary100 : string; +export const colorBrandPrimary200 : string; +export const colorBrandPrimary300 : string; +export const colorBrandPrimary400 : string; +export const colorBrandPrimary500 : string; +export const colorBrandPrimary600 : string; +export const colorBrandPrimary700 : string; +export const colorBrandPrimary800 : string; +export const colorBrandPrimary900 : string; +export const colorBrandPrimaryAlpha3 : string; +export const colorBrandPrimaryAlpha5 : string; +export const colorBrandPrimaryAlpha6 : string; +export const colorBrandPrimaryAlpha8 : string; +export const colorBrandPrimaryAlpha10 : string; +export const colorBrandPrimaryAlpha13 : string; +export const colorBrandPrimaryAlpha15 : string; +export const colorBrandPrimaryAlpha16 : string; +export const colorBrandPrimaryAlpha18 : string; +export const colorBrandPrimaryAlpha20 : string; +export const colorBrandPrimaryAlpha25 : string; +export const colorBrandPrimaryAlpha30 : string; +export const colorBrandPrimaryAlpha35 : string; +export const colorBrandPrimaryAlpha40 : string; +export const colorBrandPrimaryAlpha50 : string; +export const colorBrandPrimaryAlpha60 : string; +export const colorBrandPrimaryAlpha70 : string; +export const colorBrandPrimaryAlpha80 : string; +export const colorBrandSecondary50 : string; +export const colorBrandSecondary100 : string; +export const colorBrandSecondary200 : string; +export const colorBrandSecondary300 : string; +export const colorBrandSecondary400 : string; +export const colorBrandSecondary500 : string; +export const colorBrandSecondary600 : string; +export const colorBrandSecondary700 : string; +export const colorBrandSecondary800 : string; +export const colorBrandSecondary900 : string; +export const colorBrandSecondaryAlpha20 : string; +export const colorBrandSecondaryAlpha30 : string; +export const colorBrandSecondaryAlpha40 : string; +export const colorNeutral50 : string; +export const colorNeutral100 : string; +export const colorNeutral200 : string; +export const colorNeutral300 : string; +export const colorNeutral400 : string; +export const colorNeutral500 : string; +export const colorNeutral600 : string; +export const colorNeutral700 : string; +export const colorNeutral800 : string; +export const colorNeutral900 : string; +export const colorNeutralWhite : string; +export const colorNeutralBlack : string; +export const colorSemanticError50 : string; +export const colorSemanticError500 : string; +export const colorSemanticError600 : string; +export const colorSemanticErrorAlpha15 : string; +export const colorSemanticErrorAlpha20 : string; +export const colorSemanticErrorAlpha30 : string; +export const colorSemanticErrorIos : string; +export const colorSemanticSuccess50 : string; +export const colorSemanticSuccess500 : string; +export const colorSemanticSuccess600 : string; +export const colorSemanticSuccessAlpha15 : string; +export const colorSemanticSuccessAlpha20 : string; +export const colorSemanticSuccessAlpha30 : string; +export const colorSemanticInfo50 : string; +export const colorSemanticInfo500 : string; +export const colorSemanticInfo600 : string; +export const colorSemanticInfoAlpha20 : string; +export const colorSemanticInfoIos : string; +export const colorSemanticInfoLight : string; +export const colorSemanticInfoMedium : string; +export const colorSemanticWarning50 : string; +export const colorSemanticWarning500 : string; +export const colorSemanticWarning600 : string; +export const colorSemanticScannerSuccess : string; +export const colorSemanticThemeBackgroundBase : string; +export const colorSemanticThemeBackgroundElevated : string; +export const colorSemanticThemeBackgroundOverlay : string; +export const colorSemanticThemeBackgroundCard : string; +export const colorSemanticThemeTextPrimary : string; +export const colorSemanticThemeTextSecondary : string; +export const colorSemanticThemeTextTertiary : string; +export const colorSemanticThemeTextDisabled : string; +export const colorSemanticThemeBorderDefault : string; +export const colorSemanticThemeBorderHover : string; +export const colorSemanticThemeBorderFocus : string; +export const colorSemanticThemeLightBackgroundBase : string; +export const colorSemanticThemeLightBackgroundElevated : string; +export const colorSemanticThemeLightBackgroundOverlay : string; +export const colorSemanticThemeLightBackgroundCard : string; +export const colorSemanticThemeLightTextPrimary : string; +export const colorSemanticThemeLightTextSecondary : string; +export const colorSemanticThemeLightTextTertiary : string; +export const colorSemanticThemeLightTextDisabled : string; +export const colorSemanticThemeLightBorderDefault : string; +export const colorSemanticThemeLightBorderHover : string; +export const colorSemanticUiScrollbarTrack : string; +export const colorSemanticUiScrollbarThumb : string; +export const colorSemanticUiScrollbarThumbHover : string; +export const colorSemanticUiOverlayDark : string; +export const colorSemanticUiOverlayLight : string; +export const colorSemanticUiOverlayBackground : string; +export const colorSemanticUiGrayLightest : string; +export const colorSemanticUiGrayLighter : string; +export const colorSemanticUiGrayLight : string; +export const colorSemanticUiGrayMedium : string; +export const colorSemanticUiGrayIos : string; +export const colorSemanticUiInputFillDark : string; +export const colorSemanticUiSurfaceDropdownDark : string; +export const colorSemanticUiSurfaceDropdownLight : string; +export const colorSemanticUiSurfaceModalDark : string; +export const colorSemanticUiFocusRingGlow : string; +export const filterBlur2 : string; +export const filterBlur4 : string; +export const filterBlur7 : string; +export const filterBlur10 : string; +export const filterBlur12 : string; +export const filterBlur14 : string; +export const filterBlur16 : string; +export const filterBlur18 : string; +export const filterBlur20 : string; +export const filterBlur40 : string; +export const filterBlur50 : string; +export const filterBlur100 : string; +export const filterBlur110 : string; +export const filterDropShadowGlowSm : string; +export const filterDropShadowGlowMd : string; +export const filterDropShadowGlowLg : string; +export const filterDropShadowGlow10 : string; +export const filterDropShadowBrandSm : string; +export const filterDropShadowBrandMd : string; +export const filterDropShadowSecondaryMd : string; +export const durationInstant : string; +export const durationFast : string; +export const durationNormal : string; +export const durationSlow : string; +export const durationSlower : string; +export const easingLinear : string; +export const easingEaseIn : string; +export const easingEaseOut : string; +export const easingEaseInOut : string; +export const opacity0 : string; +export const opacity2 : string; +export const opacity3 : string; +export const opacity5 : string; +export const opacity6 : string; +export const opacity8 : string; +export const opacity10 : string; +export const opacity15 : string; +export const opacity20 : string; +export const opacity25 : string; +export const opacity30 : string; +export const opacity35 : string; +export const opacity40 : string; +export const opacity50 : string; +export const opacity60 : string; +export const opacity70 : string; +export const opacity80 : string; +export const opacity90 : string; +export const opacity95 : string; +export const opacity98 : string; +export const opacity100 : string; +export const shadowReactNativeSmShadowColor : string; +export const shadowReactNativeSmShadowOffsetWidth : string; +export const shadowReactNativeSmShadowOffsetHeight : string; +export const shadowReactNativeSmShadowOpacity : string; +export const shadowReactNativeSmShadowRadius : string; +export const shadowReactNativeSmElevation : string; +export const shadowReactNativeMdShadowColor : string; +export const shadowReactNativeMdShadowOffsetWidth : string; +export const shadowReactNativeMdShadowOffsetHeight : string; +export const shadowReactNativeMdShadowOpacity : string; +export const shadowReactNativeMdShadowRadius : string; +export const shadowReactNativeMdElevation : string; +export const shadowReactNativeLgShadowColor : string; +export const shadowReactNativeLgShadowOffsetWidth : string; +export const shadowReactNativeLgShadowOffsetHeight : string; +export const shadowReactNativeLgShadowOpacity : string; +export const shadowReactNativeLgShadowRadius : string; +export const shadowReactNativeLgElevation : string; +export const shadowNone : string; +export const shadowXs : string; +export const shadowSm : string; +export const shadowMd : string; +export const shadowLg : string; +export const shadowXl : string; +export const shadow2xl : string; +export const shadowPortalSm : string; +export const shadowPortalMd : string; +export const shadowPortalLg : string; +export const shadowPortalXs : string; +export const shadowPortalFocusRing : string; +export const shadowPortalHeaderScrolled : string; +export const shadowPortalCard : string; +export const shadowPortalCardLight : string; +export const shadowPortalLgLight : string; +export const shadowPortalModal : string; +export const shadowPortalModalLight : string; +export const shadowPortalDropdown : string; +export const shadowPortalDropdownLight : string; +export const shadowPortalRoleError : string; +export const shadowPortalRoleSuccess : string; +export const shadowPortalRoleInfo : string; +export const spacing0 : string; +export const spacing1 : string; +export const spacing2 : string; +export const spacing3 : string; +export const spacing4 : string; +export const spacing5 : string; +export const spacing6 : string; +export const spacing8 : string; +export const spacing10 : string; +export const spacing12 : string; +export const spacing16 : string; +export const spacing20 : string; +export const spacing24 : string; +export const fontFamilySans : string; +export const fontFamilyMono : string; +export const fontFamilyDisplay : string; +export const fontSizeXs : string; +export const fontSizeSm : string; +export const fontSizeBase : string; +export const fontSizeLg : string; +export const fontSizeXl : string; +export const fontSize2xl : string; +export const fontSize3xl : string; +export const fontSize4xl : string; +export const fontSize5xl : string; +export const fontSize6xl : string; +export const fontWeightLight : string; +export const fontWeightRegular : string; +export const fontWeightMedium : string; +export const fontWeightSemibold : string; +export const fontWeightBold : string; +export const fontLineHeightNone : string; +export const fontLineHeightTight : string; +export const fontLineHeightNormal : string; +export const fontLineHeightRelaxed : string; +export const fontLineHeightLoose : string; +export const fontLetterSpacingTighter : string; +export const fontLetterSpacingTight : string; +export const fontLetterSpacingNormal : string; +export const fontLetterSpacingWide : string; +export const fontLetterSpacingWider : string; +export const fontLetterSpacingWidest : string; +export const zIndexHide : string; +export const zIndexBase : string; +export const zIndexDocked : string; +export const zIndexDropdown : string; +export const zIndexSticky : string; +export const zIndexOverlay : string; +export const zIndexModal : string; +export const zIndexPopover : string; +export const zIndexToast : string; +export const zIndexTooltip : string; +export const componentButtonRadius : string; +export const componentButtonBorderWidth : string; +export const componentButtonPaddingSmallVertical : string; +export const componentButtonPaddingSmallHorizontal : string; +export const componentButtonPaddingMediumVertical : string; +export const componentButtonPaddingMediumHorizontal : string; +export const componentButtonPaddingLargeVertical : string; +export const componentButtonPaddingLargeHorizontal : string; +export const componentButtonMinHeight : string; +export const componentButtonWidthStandalone : string; +export const iconSizeXs : string; +export const iconSizeSm : string; +export const iconSizeMd : string; +export const iconSizeLg : string; +export const iconSizeXl : string; +export const iconSize2xl : string; +export const iconSize3xl : string; +export const iconStrokeThin : string; +export const iconStrokeNormal : string; +export const iconStrokeMedium : string; +export const iconStrokeThick : string; +export const avatarSm : string; +export const avatarMd : string; +export const avatarLg : string; +export const avatarXl : string; +export const avatar2xl : string; +export const logoSm : string; +export const logoMd : string; +export const logoLg : string; +export const logoXl : string; +export const breakpointSm : string; +export const breakpointMd : string; +export const breakpointLg : string; +export const breakpointXl : string; +export const breakpoint2xl : string; +export const containerSm : string; +export const containerMd : string; +export const containerLg : string; +export const containerXl : string; +export const container2xl : string; +export const gridColumns : string; +export const gridGutter : string; +export const gridGutterSm : string; +export const gridGutterLg : string; diff --git a/packages/tokens/dist/react-native/tokens.js b/packages/tokens/dist/react-native/tokens.js new file mode 100644 index 000000000..ceeab1972 --- /dev/null +++ b/packages/tokens/dist/react-native/tokens.js @@ -0,0 +1,5485 @@ +/** + * Do not edit directly + * Generated on Sun, 15 Mar 2026 16:33:23 GMT + */ + +module.exports = { + "contrast": { + "aaLarge": { + "value": "3:1", + "filePath": "src/tokens/accessibility/contrast.json", + "isSource": true, + "original": { + "value": "3:1" + }, + "name": "contrastAaLarge", + "attributes": {}, + "path": [ + "contrast", + "aaLarge" + ] + }, + "aaNormal": { + "value": "4.5:1", + "filePath": "src/tokens/accessibility/contrast.json", + "isSource": true, + "original": { + "value": "4.5:1" + }, + "name": "contrastAaNormal", + "attributes": {}, + "path": [ + "contrast", + "aaNormal" + ] + }, + "aaaLarge": { + "value": "4.5:1", + "filePath": "src/tokens/accessibility/contrast.json", + "isSource": true, + "original": { + "value": "4.5:1" + }, + "name": "contrastAaaLarge", + "attributes": {}, + "path": [ + "contrast", + "aaaLarge" + ] + }, + "aaaNormal": { + "value": "7:1", + "filePath": "src/tokens/accessibility/contrast.json", + "isSource": true, + "original": { + "value": "7:1" + }, + "name": "contrastAaaNormal", + "attributes": {}, + "path": [ + "contrast", + "aaaNormal" + ] + } + }, + "focus": { + "ringWidth": { + "value": "2px", + "filePath": "src/tokens/accessibility/focus.json", + "isSource": true, + "original": { + "value": "2px" + }, + "name": "focusRingWidth", + "attributes": {}, + "path": [ + "focus", + "ringWidth" + ] + }, + "ringOffset": { + "value": "2px", + "filePath": "src/tokens/accessibility/focus.json", + "isSource": true, + "original": { + "value": "2px" + }, + "name": "focusRingOffset", + "attributes": {}, + "path": [ + "focus", + "ringOffset" + ] + }, + "ringColor": { + "value": "#4F7F4E", + "filePath": "src/tokens/accessibility/focus.json", + "isSource": true, + "original": { + "value": "{color.brand.primary.500}" + }, + "name": "focusRingColor", + "attributes": {}, + "path": [ + "focus", + "ringColor" + ] + }, + "ringOpacity": { + "value": "1", + "filePath": "src/tokens/accessibility/focus.json", + "isSource": true, + "original": { + "value": "{opacity.100}" + }, + "name": "focusRingOpacity", + "attributes": {}, + "path": [ + "focus", + "ringOpacity" + ] + } + }, + "touchTarget": { + "min": { + "value": "44px", + "filePath": "src/tokens/accessibility/touch-targets.json", + "isSource": true, + "original": { + "value": "44px" + }, + "name": "touchTargetMin", + "attributes": {}, + "path": [ + "touchTarget", + "min" + ] + }, + "medium": { + "value": "52px", + "filePath": "src/tokens/accessibility/touch-targets.json", + "isSource": true, + "original": { + "value": "52px" + }, + "name": "touchTargetMedium", + "attributes": {}, + "path": [ + "touchTarget", + "medium" + ] + }, + "comfortable": { + "value": "48px", + "filePath": "src/tokens/accessibility/touch-targets.json", + "isSource": true, + "original": { + "value": "48px" + }, + "name": "touchTargetComfortable", + "attributes": {}, + "path": [ + "touchTarget", + "comfortable" + ] + }, + "large": { + "value": "56px", + "filePath": "src/tokens/accessibility/touch-targets.json", + "isSource": true, + "original": { + "value": "56px" + }, + "name": "touchTargetLarge", + "attributes": {}, + "path": [ + "touchTarget", + "large" + ] + } + }, + "border": { + "radius": { + "none": { + "value": "0px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "0px" + }, + "name": "borderRadiusNone", + "attributes": {}, + "path": [ + "border", + "radius", + "none" + ] + }, + "sm": { + "value": "4px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "4px" + }, + "name": "borderRadiusSm", + "attributes": {}, + "path": [ + "border", + "radius", + "sm" + ] + }, + "md": { + "value": "8px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "8px" + }, + "name": "borderRadiusMd", + "attributes": {}, + "path": [ + "border", + "radius", + "md" + ] + }, + "lg": { + "value": "12px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "12px" + }, + "name": "borderRadiusLg", + "attributes": {}, + "path": [ + "border", + "radius", + "lg" + ] + }, + "xl": { + "value": "16px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "16px" + }, + "name": "borderRadiusXl", + "attributes": {}, + "path": [ + "border", + "radius", + "xl" + ] + }, + "2xl": { + "value": "20px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "20px" + }, + "name": "borderRadius2xl", + "attributes": {}, + "path": [ + "border", + "radius", + "2xl" + ] + }, + "full": { + "value": "9999px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "9999px" + }, + "name": "borderRadiusFull", + "attributes": {}, + "path": [ + "border", + "radius", + "full" + ] + } + }, + "width": { + "none": { + "value": "0px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "0px" + }, + "name": "borderWidthNone", + "attributes": {}, + "path": [ + "border", + "width", + "none" + ] + }, + "hairline": { + "value": "0.5px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "0.5px" + }, + "name": "borderWidthHairline", + "attributes": {}, + "path": [ + "border", + "width", + "hairline" + ] + }, + "thin": { + "value": "1px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "1px" + }, + "name": "borderWidthThin", + "attributes": {}, + "path": [ + "border", + "width", + "thin" + ] + }, + "medium": { + "value": "2px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "2px" + }, + "name": "borderWidthMedium", + "attributes": {}, + "path": [ + "border", + "width", + "medium" + ] + }, + "thick": { + "value": "3px", + "filePath": "src/tokens/base/borders.json", + "isSource": true, + "original": { + "value": "3px" + }, + "name": "borderWidthThick", + "attributes": {}, + "path": [ + "border", + "width", + "thick" + ] + } + } + }, + "color": { + "brand": { + "primary": { + "50": { + "value": "#F0F7EF", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#F0F7EF" + }, + "name": "colorBrandPrimary50", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "50" + ] + }, + "100": { + "value": "#D9E9D8", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#D9E9D8" + }, + "name": "colorBrandPrimary100", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "100" + ] + }, + "200": { + "value": "#B9D5B8", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#B9D5B8" + }, + "name": "colorBrandPrimary200", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "200" + ] + }, + "300": { + "value": "#90BD8F", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#90BD8F" + }, + "name": "colorBrandPrimary300", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "300" + ] + }, + "400": { + "value": "#6FA46E", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#6FA46E" + }, + "name": "colorBrandPrimary400", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "400" + ] + }, + "500": { + "value": "#4F7F4E", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#4F7F4E" + }, + "name": "colorBrandPrimary500", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "500" + ] + }, + "600": { + "value": "#3F6A3E", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#3F6A3E" + }, + "name": "colorBrandPrimary600", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "600" + ] + }, + "700": { + "value": "#30552F", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#30552F" + }, + "name": "colorBrandPrimary700", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "700" + ] + }, + "800": { + "value": "#224021", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#224021" + }, + "name": "colorBrandPrimary800", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "800" + ] + }, + "900": { + "value": "#173016", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#173016" + }, + "name": "colorBrandPrimary900", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "900" + ] + }, + "alpha": { + "3": { + "value": "rgba(79, 127, 78, 0.03)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.03)" + }, + "name": "colorBrandPrimaryAlpha3", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "3" + ] + }, + "5": { + "value": "rgba(79, 127, 78, 0.05)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.05)" + }, + "name": "colorBrandPrimaryAlpha5", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "5" + ] + }, + "6": { + "value": "rgba(79, 127, 78, 0.06)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.06)" + }, + "name": "colorBrandPrimaryAlpha6", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "6" + ] + }, + "8": { + "value": "rgba(79, 127, 78, 0.08)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.08)" + }, + "name": "colorBrandPrimaryAlpha8", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "8" + ] + }, + "10": { + "value": "rgba(79, 127, 78, 0.1)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.1)" + }, + "name": "colorBrandPrimaryAlpha10", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "10" + ] + }, + "13": { + "value": "rgba(79, 127, 78, 0.13)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.13)" + }, + "name": "colorBrandPrimaryAlpha13", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "13" + ] + }, + "15": { + "value": "rgba(79, 127, 78, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.15)" + }, + "name": "colorBrandPrimaryAlpha15", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "15" + ] + }, + "16": { + "value": "rgba(79, 127, 78, 0.16)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.16)" + }, + "name": "colorBrandPrimaryAlpha16", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "16" + ] + }, + "18": { + "value": "rgba(79, 127, 78, 0.18)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.18)" + }, + "name": "colorBrandPrimaryAlpha18", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "18" + ] + }, + "20": { + "value": "rgba(79, 127, 78, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.2)" + }, + "name": "colorBrandPrimaryAlpha20", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "20" + ] + }, + "25": { + "value": "rgba(79, 127, 78, 0.25)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.25)" + }, + "name": "colorBrandPrimaryAlpha25", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "25" + ] + }, + "30": { + "value": "rgba(79, 127, 78, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.3)" + }, + "name": "colorBrandPrimaryAlpha30", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "30" + ] + }, + "35": { + "value": "rgba(79, 127, 78, 0.35)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.35)" + }, + "name": "colorBrandPrimaryAlpha35", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "35" + ] + }, + "40": { + "value": "rgba(79, 127, 78, 0.4)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.4)" + }, + "name": "colorBrandPrimaryAlpha40", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "40" + ] + }, + "50": { + "value": "rgba(79, 127, 78, 0.5)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.5)" + }, + "name": "colorBrandPrimaryAlpha50", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "50" + ] + }, + "60": { + "value": "rgba(79, 127, 78, 0.6)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.6)" + }, + "name": "colorBrandPrimaryAlpha60", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "60" + ] + }, + "70": { + "value": "rgba(79, 127, 78, 0.7)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.7)" + }, + "name": "colorBrandPrimaryAlpha70", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "70" + ] + }, + "80": { + "value": "rgba(79, 127, 78, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.8)" + }, + "name": "colorBrandPrimaryAlpha80", + "attributes": {}, + "path": [ + "color", + "brand", + "primary", + "alpha", + "80" + ] + } + } + }, + "secondary": { + "50": { + "value": "#FEF9EE", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#FEF9EE" + }, + "name": "colorBrandSecondary50", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "50" + ] + }, + "100": { + "value": "#FCEFD2", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#FCEFD2" + }, + "name": "colorBrandSecondary100", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "100" + ] + }, + "200": { + "value": "#F9E0A8", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#F9E0A8" + }, + "name": "colorBrandSecondary200", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "200" + ] + }, + "300": { + "value": "#F5CC75", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#F5CC75" + }, + "name": "colorBrandSecondary300", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "300" + ] + }, + "400": { + "value": "#F0B84D", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#F0B84D" + }, + "name": "colorBrandSecondary400", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "400" + ] + }, + "500": { + "value": "#E9B85B", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#E9B85B" + }, + "name": "colorBrandSecondary500", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "500" + ] + }, + "600": { + "value": "#D9A230", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#D9A230" + }, + "name": "colorBrandSecondary600", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "600" + ] + }, + "700": { + "value": "#B8861C", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#B8861C" + }, + "name": "colorBrandSecondary700", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "700" + ] + }, + "800": { + "value": "#976D1A", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#976D1A" + }, + "name": "colorBrandSecondary800", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "800" + ] + }, + "900": { + "value": "#7C5818", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#7C5818" + }, + "name": "colorBrandSecondary900", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "900" + ] + }, + "alpha": { + "20": { + "value": "rgba(233, 184, 91, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(233, 184, 91, 0.2)" + }, + "name": "colorBrandSecondaryAlpha20", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "alpha", + "20" + ] + }, + "30": { + "value": "rgba(233, 184, 91, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(233, 184, 91, 0.3)" + }, + "name": "colorBrandSecondaryAlpha30", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "alpha", + "30" + ] + }, + "40": { + "value": "rgba(233, 184, 91, 0.4)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(233, 184, 91, 0.4)" + }, + "name": "colorBrandSecondaryAlpha40", + "attributes": {}, + "path": [ + "color", + "brand", + "secondary", + "alpha", + "40" + ] + } + } + } + }, + "neutral": { + "50": { + "alpha": { + "15": { + "value": "rgba(250, 250, 250, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#FAFAFA", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "alpha": { + "15": { + "value": "rgba(250, 250, 250, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#FAFAFA" + }, + "name": "colorNeutral50", + "attributes": {}, + "path": [ + "color", + "neutral", + "50" + ] + }, + "100": { + "value": "#F5F5F5", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#F5F5F5" + }, + "name": "colorNeutral100", + "attributes": {}, + "path": [ + "color", + "neutral", + "100" + ] + }, + "200": { + "value": "#EEEEEE", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#EEEEEE" + }, + "name": "colorNeutral200", + "attributes": {}, + "path": [ + "color", + "neutral", + "200" + ] + }, + "300": { + "value": "#E0E0E0", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#E0E0E0" + }, + "name": "colorNeutral300", + "attributes": {}, + "path": [ + "color", + "neutral", + "300" + ] + }, + "400": { + "value": "#BDBDBD", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#BDBDBD" + }, + "name": "colorNeutral400", + "attributes": {}, + "path": [ + "color", + "neutral", + "400" + ] + }, + "500": { + "value": "#9E9E9E", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#9E9E9E" + }, + "name": "colorNeutral500", + "attributes": {}, + "path": [ + "color", + "neutral", + "500" + ] + }, + "600": { + "value": "#757575", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#757575" + }, + "name": "colorNeutral600", + "attributes": {}, + "path": [ + "color", + "neutral", + "600" + ] + }, + "700": { + "value": "#616161", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#616161" + }, + "name": "colorNeutral700", + "attributes": {}, + "path": [ + "color", + "neutral", + "700" + ] + }, + "800": { + "value": "#424242", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "value": "#424242" + }, + "name": "colorNeutral800", + "attributes": {}, + "path": [ + "color", + "neutral", + "800" + ] + }, + "900": { + "alpha": { + "50": { + "value": "rgba(33, 33, 33, 0.5)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "80": { + "value": "rgba(33, 33, 33, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "85": { + "value": "rgba(33, 33, 33, 0.85)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "95": { + "value": "rgba(33, 33, 33, 0.95)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "98": { + "value": "rgba(33, 33, 33, 0.98)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#212121", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "alpha": { + "50": { + "value": "rgba(33, 33, 33, 0.5)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "80": { + "value": "rgba(33, 33, 33, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "85": { + "value": "rgba(33, 33, 33, 0.85)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "95": { + "value": "rgba(33, 33, 33, 0.95)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "98": { + "value": "rgba(33, 33, 33, 0.98)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#212121" + }, + "name": "colorNeutral900", + "attributes": {}, + "path": [ + "color", + "neutral", + "900" + ] + }, + "white": { + "alpha": { + "2": { + "value": "rgba(255, 255, 255, 0.02)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "3": { + "value": "rgba(255, 255, 255, 0.03)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "5": { + "value": "rgba(255, 255, 255, 0.05)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "10": { + "value": "rgba(255, 255, 255, 0.1)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "15": { + "value": "rgba(255, 255, 255, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "20": { + "value": "rgba(255, 255, 255, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "25": { + "value": "rgba(255, 255, 255, 0.25)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "30": { + "value": "rgba(255, 255, 255, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "40": { + "value": "rgba(255, 255, 255, 0.4)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "50": { + "value": "rgba(255, 255, 255, 0.5)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "60": { + "value": "rgba(255, 255, 255, 0.6)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "70": { + "value": "rgba(255, 255, 255, 0.7)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "80": { + "value": "rgba(255, 255, 255, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "90": { + "value": "rgba(255, 255, 255, 0.9)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#FFFFFF", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "alpha": { + "2": { + "value": "rgba(255, 255, 255, 0.02)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "3": { + "value": "rgba(255, 255, 255, 0.03)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "5": { + "value": "rgba(255, 255, 255, 0.05)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "10": { + "value": "rgba(255, 255, 255, 0.1)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "15": { + "value": "rgba(255, 255, 255, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "20": { + "value": "rgba(255, 255, 255, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "25": { + "value": "rgba(255, 255, 255, 0.25)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "30": { + "value": "rgba(255, 255, 255, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "40": { + "value": "rgba(255, 255, 255, 0.4)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "50": { + "value": "rgba(255, 255, 255, 0.5)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "60": { + "value": "rgba(255, 255, 255, 0.6)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "70": { + "value": "rgba(255, 255, 255, 0.7)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "80": { + "value": "rgba(255, 255, 255, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "90": { + "value": "rgba(255, 255, 255, 0.9)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#FFFFFF" + }, + "name": "colorNeutralWhite", + "attributes": {}, + "path": [ + "color", + "neutral", + "white" + ] + }, + "black": { + "alpha": { + "3": { + "value": "rgba(0, 0, 0, 0.03)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "4": { + "value": "rgba(0, 0, 0, 0.04)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "5": { + "value": "rgba(0, 0, 0, 0.05)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "8": { + "value": "rgba(0, 0, 0, 0.08)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "10": { + "value": "rgba(0, 0, 0, 0.1)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "12": { + "value": "rgba(0, 0, 0, 0.12)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "15": { + "value": "rgba(0, 0, 0, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "18": { + "value": "rgba(0, 0, 0, 0.18)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "20": { + "value": "rgba(0, 0, 0, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "25": { + "value": "rgba(0, 0, 0, 0.25)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "30": { + "value": "rgba(0, 0, 0, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "40": { + "value": "rgba(0, 0, 0, 0.4)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "80": { + "value": "rgba(0, 0, 0, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "95": { + "value": "rgba(0, 0, 0, 0.95)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#000000", + "filePath": "src/tokens/base/colors.json", + "isSource": true, + "original": { + "alpha": { + "3": { + "value": "rgba(0, 0, 0, 0.03)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "4": { + "value": "rgba(0, 0, 0, 0.04)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "5": { + "value": "rgba(0, 0, 0, 0.05)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "8": { + "value": "rgba(0, 0, 0, 0.08)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "10": { + "value": "rgba(0, 0, 0, 0.1)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "12": { + "value": "rgba(0, 0, 0, 0.12)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "15": { + "value": "rgba(0, 0, 0, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "18": { + "value": "rgba(0, 0, 0, 0.18)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "20": { + "value": "rgba(0, 0, 0, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "25": { + "value": "rgba(0, 0, 0, 0.25)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "30": { + "value": "rgba(0, 0, 0, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "40": { + "value": "rgba(0, 0, 0, 0.4)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "80": { + "value": "rgba(0, 0, 0, 0.8)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + }, + "95": { + "value": "rgba(0, 0, 0, 0.95)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true + } + }, + "value": "#000000" + }, + "name": "colorNeutralBlack", + "attributes": {}, + "path": [ + "color", + "neutral", + "black" + ] + } + }, + "semantic": { + "error": { + "50": { + "value": "#FEF2F2", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#FEF2F2" + }, + "name": "colorSemanticError50", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "50" + ] + }, + "500": { + "value": "#F44336", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#F44336" + }, + "name": "colorSemanticError500", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "500" + ] + }, + "600": { + "value": "#DC2626", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#DC2626" + }, + "name": "colorSemanticError600", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "600" + ] + }, + "alpha": { + "15": { + "value": "rgba(244, 67, 54, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(244, 67, 54, 0.15)" + }, + "name": "colorSemanticErrorAlpha15", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "alpha", + "15" + ] + }, + "20": { + "value": "rgba(244, 67, 54, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(244, 67, 54, 0.2)" + }, + "name": "colorSemanticErrorAlpha20", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "alpha", + "20" + ] + }, + "30": { + "value": "rgba(244, 67, 54, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(244, 67, 54, 0.3)" + }, + "name": "colorSemanticErrorAlpha30", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "alpha", + "30" + ] + } + }, + "ios": { + "value": "#FF3B30", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#FF3B30" + }, + "name": "colorSemanticErrorIos", + "attributes": {}, + "path": [ + "color", + "semantic", + "error", + "ios" + ] + } + }, + "success": { + "50": { + "value": "#F0F9F0", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#F0F9F0" + }, + "name": "colorSemanticSuccess50", + "attributes": {}, + "path": [ + "color", + "semantic", + "success", + "50" + ] + }, + "500": { + "value": "#34C759", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#34C759" + }, + "name": "colorSemanticSuccess500", + "attributes": {}, + "path": [ + "color", + "semantic", + "success", + "500" + ] + }, + "600": { + "value": "#2E7D32", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#2E7D32" + }, + "name": "colorSemanticSuccess600", + "attributes": {}, + "path": [ + "color", + "semantic", + "success", + "600" + ] + }, + "alpha": { + "15": { + "value": "rgba(52, 199, 89, 0.15)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(52, 199, 89, 0.15)" + }, + "name": "colorSemanticSuccessAlpha15", + "attributes": {}, + "path": [ + "color", + "semantic", + "success", + "alpha", + "15" + ] + }, + "20": { + "value": "rgba(52, 199, 89, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(52, 199, 89, 0.2)" + }, + "name": "colorSemanticSuccessAlpha20", + "attributes": {}, + "path": [ + "color", + "semantic", + "success", + "alpha", + "20" + ] + }, + "30": { + "value": "rgba(52, 199, 89, 0.3)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(52, 199, 89, 0.3)" + }, + "name": "colorSemanticSuccessAlpha30", + "attributes": {}, + "path": [ + "color", + "semantic", + "success", + "alpha", + "30" + ] + } + } + }, + "info": { + "50": { + "value": "#EFF6FF", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#EFF6FF" + }, + "name": "colorSemanticInfo50", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "50" + ] + }, + "500": { + "value": "#2196F3", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#2196F3" + }, + "name": "colorSemanticInfo500", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "500" + ] + }, + "600": { + "value": "#2563EB", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#2563EB" + }, + "name": "colorSemanticInfo600", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "600" + ] + }, + "alpha": { + "20": { + "value": "rgba(33, 150, 243, 0.2)", + "filePath": "src/tokens/base/colors-alpha.json", + "isSource": true, + "original": { + "value": "rgba(33, 150, 243, 0.2)" + }, + "name": "colorSemanticInfoAlpha20", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "alpha", + "20" + ] + } + }, + "ios": { + "value": "#007AFF", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#007AFF" + }, + "name": "colorSemanticInfoIos", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "ios" + ] + }, + "light": { + "value": "#E3F2FD", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#E3F2FD" + }, + "name": "colorSemanticInfoLight", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "light" + ] + }, + "medium": { + "value": "#4A90E2", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#4A90E2" + }, + "name": "colorSemanticInfoMedium", + "attributes": {}, + "path": [ + "color", + "semantic", + "info", + "medium" + ] + } + }, + "warning": { + "50": { + "value": "#FFFBEB", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#FFFBEB" + }, + "name": "colorSemanticWarning50", + "attributes": {}, + "path": [ + "color", + "semantic", + "warning", + "50" + ] + }, + "500": { + "value": "#FF9500", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#FF9500" + }, + "name": "colorSemanticWarning500", + "attributes": {}, + "path": [ + "color", + "semantic", + "warning", + "500" + ] + }, + "600": { + "value": "#D97706", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#D97706" + }, + "name": "colorSemanticWarning600", + "attributes": {}, + "path": [ + "color", + "semantic", + "warning", + "600" + ] + } + }, + "scanner": { + "success": { + "value": "#00ff00", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#00ff00" + }, + "name": "colorSemanticScannerSuccess", + "attributes": {}, + "path": [ + "color", + "semantic", + "scanner", + "success" + ] + } + }, + "theme": { + "background": { + "base": { + "value": "#212121", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#212121" + }, + "name": "colorSemanticThemeBackgroundBase", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "background", + "base" + ] + }, + "elevated": { + "value": "#2A2A2A", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#2A2A2A" + }, + "name": "colorSemanticThemeBackgroundElevated", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "background", + "elevated" + ] + }, + "overlay": { + "value": "#1A1A1A", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#1A1A1A" + }, + "name": "colorSemanticThemeBackgroundOverlay", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "background", + "overlay" + ] + }, + "card": { + "value": "rgba(255, 255, 255, 0.05)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.05)" + }, + "name": "colorSemanticThemeBackgroundCard", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "background", + "card" + ] + } + }, + "text": { + "primary": { + "value": "rgba(255, 255, 255, 0.9)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.9)" + }, + "name": "colorSemanticThemeTextPrimary", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "text", + "primary" + ] + }, + "secondary": { + "value": "rgba(255, 255, 255, 0.6)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.6)" + }, + "name": "colorSemanticThemeTextSecondary", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "text", + "secondary" + ] + }, + "tertiary": { + "value": "rgba(255, 255, 255, 0.4)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.4)" + }, + "name": "colorSemanticThemeTextTertiary", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "text", + "tertiary" + ] + }, + "disabled": { + "value": "rgba(255, 255, 255, 0.3)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.3)" + }, + "name": "colorSemanticThemeTextDisabled", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "text", + "disabled" + ] + } + }, + "border": { + "default": { + "value": "rgba(255, 255, 255, 0.1)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.1)" + }, + "name": "colorSemanticThemeBorderDefault", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "border", + "default" + ] + }, + "hover": { + "value": "rgba(255, 255, 255, 0.2)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.2)" + }, + "name": "colorSemanticThemeBorderHover", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "border", + "hover" + ] + }, + "focus": { + "value": "#4F7F4E", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#4F7F4E" + }, + "name": "colorSemanticThemeBorderFocus", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme", + "border", + "focus" + ] + } + } + }, + "theme-light": { + "background": { + "base": { + "value": "#FAFAFA", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#FAFAFA" + }, + "name": "colorSemanticThemeLightBackgroundBase", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "background", + "base" + ] + }, + "elevated": { + "value": "#FFFFFF", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#FFFFFF" + }, + "name": "colorSemanticThemeLightBackgroundElevated", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "background", + "elevated" + ] + }, + "overlay": { + "value": "#F5F5F5", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "#F5F5F5" + }, + "name": "colorSemanticThemeLightBackgroundOverlay", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "background", + "overlay" + ] + }, + "card": { + "value": "rgba(0, 0, 0, 0.02)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(0, 0, 0, 0.02)" + }, + "name": "colorSemanticThemeLightBackgroundCard", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "background", + "card" + ] + } + }, + "text": { + "primary": { + "value": "rgba(33, 33, 33, 0.9)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.9)" + }, + "name": "colorSemanticThemeLightTextPrimary", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "text", + "primary" + ] + }, + "secondary": { + "value": "rgba(33, 33, 33, 0.6)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.6)" + }, + "name": "colorSemanticThemeLightTextSecondary", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "text", + "secondary" + ] + }, + "tertiary": { + "value": "rgba(33, 33, 33, 0.4)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.4)" + }, + "name": "colorSemanticThemeLightTextTertiary", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "text", + "tertiary" + ] + }, + "disabled": { + "value": "rgba(33, 33, 33, 0.3)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.3)" + }, + "name": "colorSemanticThemeLightTextDisabled", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "text", + "disabled" + ] + } + }, + "border": { + "default": { + "value": "rgba(0, 0, 0, 0.08)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(0, 0, 0, 0.08)" + }, + "name": "colorSemanticThemeLightBorderDefault", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "border", + "default" + ] + }, + "hover": { + "value": "rgba(0, 0, 0, 0.12)", + "filePath": "src/tokens/semantic/colors.json", + "isSource": true, + "original": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "name": "colorSemanticThemeLightBorderHover", + "attributes": {}, + "path": [ + "color", + "semantic", + "theme-light", + "border", + "hover" + ] + } + } + }, + "ui": { + "scrollbar": { + "track": { + "value": "rgba(79, 127, 78, 0.1)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.1)" + }, + "name": "colorSemanticUiScrollbarTrack", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "scrollbar", + "track" + ] + }, + "thumb": { + "value": "rgba(79, 127, 78, 0.3)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.3)" + }, + "name": "colorSemanticUiScrollbarThumb", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "scrollbar", + "thumb" + ] + }, + "thumb-hover": { + "value": "rgba(79, 127, 78, 0.5)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.5)" + }, + "name": "colorSemanticUiScrollbarThumbHover", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "scrollbar", + "thumb-hover" + ] + } + }, + "overlay": { + "dark": { + "value": "rgba(33, 33, 33, 0.5)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.5)" + }, + "name": "colorSemanticUiOverlayDark", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "overlay", + "dark" + ] + }, + "light": { + "value": "rgba(250, 250, 250, 0.15)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(250, 250, 250, 0.15)" + }, + "name": "colorSemanticUiOverlayLight", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "overlay", + "light" + ] + }, + "background": { + "value": "rgba(0, 0, 0, 0.5)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(0, 0, 0, 0.5)" + }, + "name": "colorSemanticUiOverlayBackground", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "overlay", + "background" + ] + } + }, + "gray": { + "lightest": { + "value": "#F8F8F8", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "#F8F8F8" + }, + "name": "colorSemanticUiGrayLightest", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "gray", + "lightest" + ] + }, + "lighter": { + "value": "#F0F2F5", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "#F0F2F5" + }, + "name": "colorSemanticUiGrayLighter", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "gray", + "lighter" + ] + }, + "light": { + "value": "#E5E5E5", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "#E5E5E5" + }, + "name": "colorSemanticUiGrayLight", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "gray", + "light" + ] + }, + "medium": { + "value": "#CCCCCC", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "#CCCCCC" + }, + "name": "colorSemanticUiGrayMedium", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "gray", + "medium" + ] + }, + "ios": { + "value": "#8E8E93", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "#8E8E93" + }, + "name": "colorSemanticUiGrayIos", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "gray", + "ios" + ] + } + }, + "input": { + "fill-dark": { + "value": "rgba(21, 21, 21, 0.85)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(21, 21, 21, 0.85)" + }, + "name": "colorSemanticUiInputFillDark", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "input", + "fill-dark" + ] + } + }, + "surface": { + "dropdown-dark": { + "value": "rgba(33, 33, 33, 0.95)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.95)" + }, + "name": "colorSemanticUiSurfaceDropdownDark", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "surface", + "dropdown-dark" + ] + }, + "dropdown-light": { + "value": "rgba(255, 255, 255, 0.95)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(255, 255, 255, 0.95)" + }, + "name": "colorSemanticUiSurfaceDropdownLight", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "surface", + "dropdown-light" + ] + }, + "modal-dark": { + "value": "rgba(33, 33, 33, 0.98)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(33, 33, 33, 0.98)" + }, + "name": "colorSemanticUiSurfaceModalDark", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "surface", + "modal-dark" + ] + } + }, + "focus": { + "ring-glow": { + "value": "rgba(79, 127, 78, 0.2)", + "filePath": "src/tokens/semantic/ui.json", + "isSource": true, + "original": { + "value": "rgba(79, 127, 78, 0.2)" + }, + "name": "colorSemanticUiFocusRingGlow", + "attributes": {}, + "path": [ + "color", + "semantic", + "ui", + "focus", + "ring-glow" + ] + } + } + } + } + }, + "filter": { + "blur": { + "2": { + "value": "2px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "2px" + }, + "name": "filterBlur2", + "attributes": {}, + "path": [ + "filter", + "blur", + "2" + ] + }, + "4": { + "value": "4px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "4px" + }, + "name": "filterBlur4", + "attributes": {}, + "path": [ + "filter", + "blur", + "4" + ] + }, + "7": { + "value": "7px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "7px" + }, + "name": "filterBlur7", + "attributes": {}, + "path": [ + "filter", + "blur", + "7" + ] + }, + "10": { + "value": "10px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "10px" + }, + "name": "filterBlur10", + "attributes": {}, + "path": [ + "filter", + "blur", + "10" + ] + }, + "12": { + "value": "12px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "12px" + }, + "name": "filterBlur12", + "attributes": {}, + "path": [ + "filter", + "blur", + "12" + ] + }, + "14": { + "value": "14px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "14px" + }, + "name": "filterBlur14", + "attributes": {}, + "path": [ + "filter", + "blur", + "14" + ] + }, + "16": { + "value": "16px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "16px" + }, + "name": "filterBlur16", + "attributes": {}, + "path": [ + "filter", + "blur", + "16" + ] + }, + "18": { + "value": "18px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "18px" + }, + "name": "filterBlur18", + "attributes": {}, + "path": [ + "filter", + "blur", + "18" + ] + }, + "20": { + "value": "20px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "20px" + }, + "name": "filterBlur20", + "attributes": {}, + "path": [ + "filter", + "blur", + "20" + ] + }, + "40": { + "value": "40px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "40px" + }, + "name": "filterBlur40", + "attributes": {}, + "path": [ + "filter", + "blur", + "40" + ] + }, + "50": { + "value": "50px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "50px" + }, + "name": "filterBlur50", + "attributes": {}, + "path": [ + "filter", + "blur", + "50" + ] + }, + "100": { + "value": "100px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "100px" + }, + "name": "filterBlur100", + "attributes": {}, + "path": [ + "filter", + "blur", + "100" + ] + }, + "110": { + "value": "110px", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "110px" + }, + "name": "filterBlur110", + "attributes": {}, + "path": [ + "filter", + "blur", + "110" + ] + } + }, + "drop-shadow": { + "glow-sm": { + "value": "0 0 12px var(--color-brand-primary-alpha-40)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 0 12px var(--color-brand-primary-alpha-40)" + }, + "name": "filterDropShadowGlowSm", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "glow-sm" + ] + }, + "glow-md": { + "value": "0 0 16px var(--color-brand-primary-alpha-60)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 0 16px var(--color-brand-primary-alpha-60)" + }, + "name": "filterDropShadowGlowMd", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "glow-md" + ] + }, + "glow-lg": { + "value": "0 0 20px var(--color-brand-primary-alpha-60)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 0 20px var(--color-brand-primary-alpha-60)" + }, + "name": "filterDropShadowGlowLg", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "glow-lg" + ] + }, + "glow-10": { + "value": "0 0 10px var(--color-brand-primary-alpha-50)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 0 10px var(--color-brand-primary-alpha-50)" + }, + "name": "filterDropShadowGlow10", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "glow-10" + ] + }, + "brand-sm": { + "value": "0 2px 8px var(--color-brand-primary-alpha-30)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 2px 8px var(--color-brand-primary-alpha-30)" + }, + "name": "filterDropShadowBrandSm", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "brand-sm" + ] + }, + "brand-md": { + "value": "0 4px 12px var(--color-brand-primary-alpha-30)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 4px 12px var(--color-brand-primary-alpha-30)" + }, + "name": "filterDropShadowBrandMd", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "brand-md" + ] + }, + "secondary-md": { + "value": "0 4px 12px var(--color-brand-secondary-alpha-40)", + "filePath": "src/tokens/base/filter.json", + "isSource": true, + "original": { + "value": "0 4px 12px var(--color-brand-secondary-alpha-40)" + }, + "name": "filterDropShadowSecondaryMd", + "attributes": {}, + "path": [ + "filter", + "drop-shadow", + "secondary-md" + ] + } + } + }, + "duration": { + "instant": { + "value": "0ms", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "0ms" + }, + "name": "durationInstant", + "attributes": {}, + "path": [ + "duration", + "instant" + ] + }, + "fast": { + "value": "150ms", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "150ms" + }, + "name": "durationFast", + "attributes": {}, + "path": [ + "duration", + "fast" + ] + }, + "normal": { + "value": "250ms", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "250ms" + }, + "name": "durationNormal", + "attributes": {}, + "path": [ + "duration", + "normal" + ] + }, + "slow": { + "value": "350ms", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "350ms" + }, + "name": "durationSlow", + "attributes": {}, + "path": [ + "duration", + "slow" + ] + }, + "slower": { + "value": "500ms", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "500ms" + }, + "name": "durationSlower", + "attributes": {}, + "path": [ + "duration", + "slower" + ] + } + }, + "easing": { + "linear": { + "value": "linear", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "linear" + }, + "name": "easingLinear", + "attributes": {}, + "path": [ + "easing", + "linear" + ] + }, + "easeIn": { + "value": "cubic-bezier(0.4, 0, 1, 1)", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "cubic-bezier(0.4, 0, 1, 1)" + }, + "name": "easingEaseIn", + "attributes": {}, + "path": [ + "easing", + "easeIn" + ] + }, + "easeOut": { + "value": "cubic-bezier(0, 0, 0.2, 1)", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "cubic-bezier(0, 0, 0.2, 1)" + }, + "name": "easingEaseOut", + "attributes": {}, + "path": [ + "easing", + "easeOut" + ] + }, + "easeInOut": { + "value": "cubic-bezier(0.4, 0, 0.2, 1)", + "filePath": "src/tokens/base/motion.json", + "isSource": true, + "original": { + "value": "cubic-bezier(0.4, 0, 0.2, 1)" + }, + "name": "easingEaseInOut", + "attributes": {}, + "path": [ + "easing", + "easeInOut" + ] + } + }, + "opacity": { + "0": { + "value": "0", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0" + }, + "name": "opacity0", + "attributes": {}, + "path": [ + "opacity", + "0" + ] + }, + "2": { + "value": "0.02", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.02" + }, + "name": "opacity2", + "attributes": {}, + "path": [ + "opacity", + "2" + ] + }, + "3": { + "value": "0.03", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.03" + }, + "name": "opacity3", + "attributes": {}, + "path": [ + "opacity", + "3" + ] + }, + "5": { + "value": "0.05", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.05" + }, + "name": "opacity5", + "attributes": {}, + "path": [ + "opacity", + "5" + ] + }, + "6": { + "value": "0.06", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.06" + }, + "name": "opacity6", + "attributes": {}, + "path": [ + "opacity", + "6" + ] + }, + "8": { + "value": "0.08", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.08" + }, + "name": "opacity8", + "attributes": {}, + "path": [ + "opacity", + "8" + ] + }, + "10": { + "value": "0.1", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.1" + }, + "name": "opacity10", + "attributes": {}, + "path": [ + "opacity", + "10" + ] + }, + "15": { + "value": "0.15", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.15" + }, + "name": "opacity15", + "attributes": {}, + "path": [ + "opacity", + "15" + ] + }, + "20": { + "value": "0.2", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.2" + }, + "name": "opacity20", + "attributes": {}, + "path": [ + "opacity", + "20" + ] + }, + "25": { + "value": "0.25", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.25" + }, + "name": "opacity25", + "attributes": {}, + "path": [ + "opacity", + "25" + ] + }, + "30": { + "value": "0.3", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.3" + }, + "name": "opacity30", + "attributes": {}, + "path": [ + "opacity", + "30" + ] + }, + "35": { + "value": "0.35", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.35" + }, + "name": "opacity35", + "attributes": {}, + "path": [ + "opacity", + "35" + ] + }, + "40": { + "value": "0.4", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.4" + }, + "name": "opacity40", + "attributes": {}, + "path": [ + "opacity", + "40" + ] + }, + "50": { + "value": "0.5", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.5" + }, + "name": "opacity50", + "attributes": {}, + "path": [ + "opacity", + "50" + ] + }, + "60": { + "value": "0.6", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.6" + }, + "name": "opacity60", + "attributes": {}, + "path": [ + "opacity", + "60" + ] + }, + "70": { + "value": "0.7", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.7" + }, + "name": "opacity70", + "attributes": {}, + "path": [ + "opacity", + "70" + ] + }, + "80": { + "value": "0.8", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.8" + }, + "name": "opacity80", + "attributes": {}, + "path": [ + "opacity", + "80" + ] + }, + "90": { + "value": "0.9", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.9" + }, + "name": "opacity90", + "attributes": {}, + "path": [ + "opacity", + "90" + ] + }, + "95": { + "value": "0.95", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.95" + }, + "name": "opacity95", + "attributes": {}, + "path": [ + "opacity", + "95" + ] + }, + "98": { + "value": "0.98", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "0.98" + }, + "name": "opacity98", + "attributes": {}, + "path": [ + "opacity", + "98" + ] + }, + "100": { + "value": "1", + "filePath": "src/tokens/base/opacity.json", + "isSource": true, + "original": { + "value": "1" + }, + "name": "opacity100", + "attributes": {}, + "path": [ + "opacity", + "100" + ] + } + }, + "shadow": { + "reactNative": { + "sm": { + "shadowColor": { + "value": "#000000", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "#000000" + }, + "name": "shadowReactNativeSmShadowColor", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "sm", + "shadowColor" + ] + }, + "shadowOffsetWidth": { + "value": "0", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "0" + }, + "name": "shadowReactNativeSmShadowOffsetWidth", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "sm", + "shadowOffsetWidth" + ] + }, + "shadowOffsetHeight": { + "value": "1", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "1" + }, + "name": "shadowReactNativeSmShadowOffsetHeight", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "sm", + "shadowOffsetHeight" + ] + }, + "shadowOpacity": { + "value": "0.1", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "0.1" + }, + "name": "shadowReactNativeSmShadowOpacity", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "sm", + "shadowOpacity" + ] + }, + "shadowRadius": { + "value": "2", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "2" + }, + "name": "shadowReactNativeSmShadowRadius", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "sm", + "shadowRadius" + ] + }, + "elevation": { + "value": "2", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "2" + }, + "name": "shadowReactNativeSmElevation", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "sm", + "elevation" + ] + } + }, + "md": { + "shadowColor": { + "value": "#000000", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "#000000" + }, + "name": "shadowReactNativeMdShadowColor", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "md", + "shadowColor" + ] + }, + "shadowOffsetWidth": { + "value": "0", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "0" + }, + "name": "shadowReactNativeMdShadowOffsetWidth", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "md", + "shadowOffsetWidth" + ] + }, + "shadowOffsetHeight": { + "value": "2", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "2" + }, + "name": "shadowReactNativeMdShadowOffsetHeight", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "md", + "shadowOffsetHeight" + ] + }, + "shadowOpacity": { + "value": "0.15", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "0.15" + }, + "name": "shadowReactNativeMdShadowOpacity", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "md", + "shadowOpacity" + ] + }, + "shadowRadius": { + "value": "4", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "4" + }, + "name": "shadowReactNativeMdShadowRadius", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "md", + "shadowRadius" + ] + }, + "elevation": { + "value": "4", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "4" + }, + "name": "shadowReactNativeMdElevation", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "md", + "elevation" + ] + } + }, + "lg": { + "shadowColor": { + "value": "#000000", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "#000000" + }, + "name": "shadowReactNativeLgShadowColor", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "lg", + "shadowColor" + ] + }, + "shadowOffsetWidth": { + "value": "0", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "0" + }, + "name": "shadowReactNativeLgShadowOffsetWidth", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "lg", + "shadowOffsetWidth" + ] + }, + "shadowOffsetHeight": { + "value": "4", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "4" + }, + "name": "shadowReactNativeLgShadowOffsetHeight", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "lg", + "shadowOffsetHeight" + ] + }, + "shadowOpacity": { + "value": "0.2", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "0.2" + }, + "name": "shadowReactNativeLgShadowOpacity", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "lg", + "shadowOpacity" + ] + }, + "shadowRadius": { + "value": "8", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "8" + }, + "name": "shadowReactNativeLgShadowRadius", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "lg", + "shadowRadius" + ] + }, + "elevation": { + "value": "8", + "filePath": "src/tokens/base/shadows-react-native.json", + "isSource": true, + "original": { + "value": "8" + }, + "name": "shadowReactNativeLgElevation", + "attributes": {}, + "path": [ + "shadow", + "reactNative", + "lg", + "elevation" + ] + } + } + }, + "none": { + "value": "none", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "none" + }, + "name": "shadowNone", + "attributes": {}, + "path": [ + "shadow", + "none" + ] + }, + "xs": { + "value": "0 1px 2px 0 rgba(0,0,0,0.05)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 1px 2px 0 rgba(0,0,0,0.05)" + }, + "name": "shadowXs", + "attributes": {}, + "path": [ + "shadow", + "xs" + ] + }, + "sm": { + "value": "0 1px 3px 0 rgba(0,0,0,0.1)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 1px 3px 0 rgba(0,0,0,0.1)" + }, + "name": "shadowSm", + "attributes": {}, + "path": [ + "shadow", + "sm" + ] + }, + "md": { + "value": "0 4px 6px -1px rgba(0,0,0,0.1)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 4px 6px -1px rgba(0,0,0,0.1)" + }, + "name": "shadowMd", + "attributes": {}, + "path": [ + "shadow", + "md" + ] + }, + "lg": { + "value": "0 10px 15px -3px rgba(0,0,0,0.1)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 10px 15px -3px rgba(0,0,0,0.1)" + }, + "name": "shadowLg", + "attributes": {}, + "path": [ + "shadow", + "lg" + ] + }, + "xl": { + "value": "0 20px 25px -5px rgba(0,0,0,0.1)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 20px 25px -5px rgba(0,0,0,0.1)" + }, + "name": "shadowXl", + "attributes": {}, + "path": [ + "shadow", + "xl" + ] + }, + "2xl": { + "value": "0 25px 50px -12px rgba(0,0,0,0.25)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 25px 50px -12px rgba(0,0,0,0.25)" + }, + "name": "shadow2xl", + "attributes": {}, + "path": [ + "shadow", + "2xl" + ] + }, + "portal": { + "sm": { + "value": "0 2px 8px rgba(0,0,0,0.2)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 8px rgba(0,0,0,0.2)" + }, + "name": "shadowPortalSm", + "attributes": {}, + "path": [ + "shadow", + "portal", + "sm" + ] + }, + "md": { + "value": "0 4px 16px rgba(0,0,0,0.3)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 4px 16px rgba(0,0,0,0.3)" + }, + "name": "shadowPortalMd", + "attributes": {}, + "path": [ + "shadow", + "portal", + "md" + ] + }, + "lg": { + "value": "0 8px 32px rgba(0,0,0,0.4)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 8px 32px rgba(0,0,0,0.4)" + }, + "name": "shadowPortalLg", + "attributes": {}, + "path": [ + "shadow", + "portal", + "lg" + ] + }, + "xs": { + "value": "0 2px 8px var(--color-neutral-black-alpha-20)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 8px var(--color-neutral-black-alpha-20)" + }, + "name": "shadowPortalXs", + "attributes": {}, + "path": [ + "shadow", + "portal", + "xs" + ] + }, + "focus-ring": { + "value": "0 0 0 3px var(--color-brand-primary-alpha-20)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 0 0 3px var(--color-brand-primary-alpha-20)" + }, + "name": "shadowPortalFocusRing", + "attributes": {}, + "path": [ + "shadow", + "portal", + "focus-ring" + ] + }, + "header-scrolled": { + "value": "0 4px 24px var(--color-neutral-black-alpha-15), inset 0 1px 0 var(--color-neutral-black-alpha-5)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 4px 24px var(--color-neutral-black-alpha-15), inset 0 1px 0 var(--color-neutral-black-alpha-5)" + }, + "name": "shadowPortalHeaderScrolled", + "attributes": {}, + "path": [ + "shadow", + "portal", + "header-scrolled" + ] + }, + "card": { + "value": "0 8px 32px var(--color-neutral-black-alpha-40), inset 0 1px 0 var(--color-neutral-white-alpha-5)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 8px 32px var(--color-neutral-black-alpha-40), inset 0 1px 0 var(--color-neutral-white-alpha-5)" + }, + "name": "shadowPortalCard", + "attributes": {}, + "path": [ + "shadow", + "portal", + "card" + ] + }, + "card-light": { + "value": "0 8px 32px var(--color-neutral-black-alpha-10), inset 0 1px 0 var(--color-neutral-white-alpha-5)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 8px 32px var(--color-neutral-black-alpha-10), inset 0 1px 0 var(--color-neutral-white-alpha-5)" + }, + "name": "shadowPortalCardLight", + "attributes": {}, + "path": [ + "shadow", + "portal", + "card-light" + ] + }, + "lg-light": { + "value": "0 8px 32px var(--color-neutral-black-alpha-10)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 8px 32px var(--color-neutral-black-alpha-10)" + }, + "name": "shadowPortalLgLight", + "attributes": {}, + "path": [ + "shadow", + "portal", + "lg-light" + ] + }, + "modal": { + "value": "0 12px 40px var(--color-neutral-black-alpha-40), 0 0 0 1px var(--color-brand-primary-alpha-30), inset 0 1px 0 var(--color-neutral-white-alpha-10)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 12px 40px var(--color-neutral-black-alpha-40), 0 0 0 1px var(--color-brand-primary-alpha-30), inset 0 1px 0 var(--color-neutral-white-alpha-10)" + }, + "name": "shadowPortalModal", + "attributes": {}, + "path": [ + "shadow", + "portal", + "modal" + ] + }, + "modal-light": { + "value": "0 12px 40px var(--color-neutral-black-alpha-20), 0 0 0 1px var(--color-brand-primary-alpha-50), inset 0 1px 0 var(--color-neutral-black-alpha-5)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 12px 40px var(--color-neutral-black-alpha-20), 0 0 0 1px var(--color-brand-primary-alpha-50), inset 0 1px 0 var(--color-neutral-black-alpha-5)" + }, + "name": "shadowPortalModalLight", + "attributes": {}, + "path": [ + "shadow", + "portal", + "modal-light" + ] + }, + "dropdown": { + "value": "0 2px 8px var(--color-neutral-black-alpha-8)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 8px var(--color-neutral-black-alpha-8)" + }, + "name": "shadowPortalDropdown", + "attributes": {}, + "path": [ + "shadow", + "portal", + "dropdown" + ] + }, + "dropdown-light": { + "value": "0 2px 8px var(--color-neutral-black-alpha-8), inset 0 1px 0 var(--color-neutral-black-alpha-3)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 8px var(--color-neutral-black-alpha-8), inset 0 1px 0 var(--color-neutral-black-alpha-3)" + }, + "name": "shadowPortalDropdownLight", + "attributes": {}, + "path": [ + "shadow", + "portal", + "dropdown-light" + ] + }, + "role-error": { + "value": "0 2px 12px var(--color-semantic-error-alpha-30)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 12px var(--color-semantic-error-alpha-30)" + }, + "name": "shadowPortalRoleError", + "attributes": {}, + "path": [ + "shadow", + "portal", + "role-error" + ] + }, + "role-success": { + "value": "0 2px 12px var(--color-semantic-success-alpha-30)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 12px var(--color-semantic-success-alpha-30)" + }, + "name": "shadowPortalRoleSuccess", + "attributes": {}, + "path": [ + "shadow", + "portal", + "role-success" + ] + }, + "role-info": { + "value": "0 2px 12px var(--color-semantic-info-alpha-20)", + "filePath": "src/tokens/base/shadows.json", + "isSource": true, + "original": { + "value": "0 2px 12px var(--color-semantic-info-alpha-20)" + }, + "name": "shadowPortalRoleInfo", + "attributes": {}, + "path": [ + "shadow", + "portal", + "role-info" + ] + } + } + }, + "spacing": { + "0": { + "value": "0px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "0px" + }, + "name": "spacing0", + "attributes": {}, + "path": [ + "spacing", + "0" + ] + }, + "1": { + "value": "4px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "4px" + }, + "name": "spacing1", + "attributes": {}, + "path": [ + "spacing", + "1" + ] + }, + "2": { + "value": "8px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "8px" + }, + "name": "spacing2", + "attributes": {}, + "path": [ + "spacing", + "2" + ] + }, + "3": { + "value": "12px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "12px" + }, + "name": "spacing3", + "attributes": {}, + "path": [ + "spacing", + "3" + ] + }, + "4": { + "value": "16px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "16px" + }, + "name": "spacing4", + "attributes": {}, + "path": [ + "spacing", + "4" + ] + }, + "5": { + "value": "20px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "20px" + }, + "name": "spacing5", + "attributes": {}, + "path": [ + "spacing", + "5" + ] + }, + "6": { + "value": "24px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "24px" + }, + "name": "spacing6", + "attributes": {}, + "path": [ + "spacing", + "6" + ] + }, + "8": { + "value": "32px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "32px" + }, + "name": "spacing8", + "attributes": {}, + "path": [ + "spacing", + "8" + ] + }, + "10": { + "value": "40px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "40px" + }, + "name": "spacing10", + "attributes": {}, + "path": [ + "spacing", + "10" + ] + }, + "12": { + "value": "48px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "48px" + }, + "name": "spacing12", + "attributes": {}, + "path": [ + "spacing", + "12" + ] + }, + "16": { + "value": "64px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "64px" + }, + "name": "spacing16", + "attributes": {}, + "path": [ + "spacing", + "16" + ] + }, + "20": { + "value": "80px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "80px" + }, + "name": "spacing20", + "attributes": {}, + "path": [ + "spacing", + "20" + ] + }, + "24": { + "value": "96px", + "filePath": "src/tokens/base/spacing.json", + "isSource": true, + "original": { + "value": "96px" + }, + "name": "spacing24", + "attributes": {}, + "path": [ + "spacing", + "24" + ] + } + }, + "font": { + "family": { + "sans": { + "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif" + }, + "name": "fontFamilySans", + "attributes": {}, + "path": [ + "font", + "family", + "sans" + ] + }, + "mono": { + "value": "'Courier New', Consolas, monospace", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "'Courier New', Consolas, monospace" + }, + "name": "fontFamilyMono", + "attributes": {}, + "path": [ + "font", + "family", + "mono" + ] + }, + "display": { + "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" + }, + "name": "fontFamilyDisplay", + "attributes": {}, + "path": [ + "font", + "family", + "display" + ] + } + }, + "size": { + "xs": { + "value": "12px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "12px" + }, + "name": "fontSizeXs", + "attributes": {}, + "path": [ + "font", + "size", + "xs" + ] + }, + "sm": { + "value": "14px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "14px" + }, + "name": "fontSizeSm", + "attributes": {}, + "path": [ + "font", + "size", + "sm" + ] + }, + "base": { + "value": "16px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "16px" + }, + "name": "fontSizeBase", + "attributes": {}, + "path": [ + "font", + "size", + "base" + ] + }, + "lg": { + "value": "18px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "18px" + }, + "name": "fontSizeLg", + "attributes": {}, + "path": [ + "font", + "size", + "lg" + ] + }, + "xl": { + "value": "20px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "20px" + }, + "name": "fontSizeXl", + "attributes": {}, + "path": [ + "font", + "size", + "xl" + ] + }, + "2xl": { + "value": "24px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "24px" + }, + "name": "fontSize2xl", + "attributes": {}, + "path": [ + "font", + "size", + "2xl" + ] + }, + "3xl": { + "value": "32px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "32px" + }, + "name": "fontSize3xl", + "attributes": {}, + "path": [ + "font", + "size", + "3xl" + ] + }, + "4xl": { + "value": "40px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "40px" + }, + "name": "fontSize4xl", + "attributes": {}, + "path": [ + "font", + "size", + "4xl" + ] + }, + "5xl": { + "value": "48px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "48px" + }, + "name": "fontSize5xl", + "attributes": {}, + "path": [ + "font", + "size", + "5xl" + ] + }, + "6xl": { + "value": "60px", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "60px" + }, + "name": "fontSize6xl", + "attributes": {}, + "path": [ + "font", + "size", + "6xl" + ] + } + }, + "weight": { + "light": { + "value": "300", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "300" + }, + "name": "fontWeightLight", + "attributes": {}, + "path": [ + "font", + "weight", + "light" + ] + }, + "regular": { + "value": "400", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "400" + }, + "name": "fontWeightRegular", + "attributes": {}, + "path": [ + "font", + "weight", + "regular" + ] + }, + "medium": { + "value": "500", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "500" + }, + "name": "fontWeightMedium", + "attributes": {}, + "path": [ + "font", + "weight", + "medium" + ] + }, + "semibold": { + "value": "600", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "600" + }, + "name": "fontWeightSemibold", + "attributes": {}, + "path": [ + "font", + "weight", + "semibold" + ] + }, + "bold": { + "value": "700", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "700" + }, + "name": "fontWeightBold", + "attributes": {}, + "path": [ + "font", + "weight", + "bold" + ] + } + }, + "lineHeight": { + "none": { + "value": "1", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "1" + }, + "name": "fontLineHeightNone", + "attributes": {}, + "path": [ + "font", + "lineHeight", + "none" + ] + }, + "tight": { + "value": "1.25", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "1.25" + }, + "name": "fontLineHeightTight", + "attributes": {}, + "path": [ + "font", + "lineHeight", + "tight" + ] + }, + "normal": { + "value": "1.5", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "1.5" + }, + "name": "fontLineHeightNormal", + "attributes": {}, + "path": [ + "font", + "lineHeight", + "normal" + ] + }, + "relaxed": { + "value": "1.75", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "1.75" + }, + "name": "fontLineHeightRelaxed", + "attributes": {}, + "path": [ + "font", + "lineHeight", + "relaxed" + ] + }, + "loose": { + "value": "2", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "2" + }, + "name": "fontLineHeightLoose", + "attributes": {}, + "path": [ + "font", + "lineHeight", + "loose" + ] + } + }, + "letterSpacing": { + "tighter": { + "value": "-0.05em", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "-0.05em" + }, + "name": "fontLetterSpacingTighter", + "attributes": {}, + "path": [ + "font", + "letterSpacing", + "tighter" + ] + }, + "tight": { + "value": "-0.025em", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "-0.025em" + }, + "name": "fontLetterSpacingTight", + "attributes": {}, + "path": [ + "font", + "letterSpacing", + "tight" + ] + }, + "normal": { + "value": "0", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "0" + }, + "name": "fontLetterSpacingNormal", + "attributes": {}, + "path": [ + "font", + "letterSpacing", + "normal" + ] + }, + "wide": { + "value": "0.025em", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "0.025em" + }, + "name": "fontLetterSpacingWide", + "attributes": {}, + "path": [ + "font", + "letterSpacing", + "wide" + ] + }, + "wider": { + "value": "0.05em", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "0.05em" + }, + "name": "fontLetterSpacingWider", + "attributes": {}, + "path": [ + "font", + "letterSpacing", + "wider" + ] + }, + "widest": { + "value": "0.1em", + "filePath": "src/tokens/base/typography.json", + "isSource": true, + "original": { + "value": "0.1em" + }, + "name": "fontLetterSpacingWidest", + "attributes": {}, + "path": [ + "font", + "letterSpacing", + "widest" + ] + } + } + }, + "zIndex": { + "hide": { + "value": "-1", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "-1" + }, + "name": "zIndexHide", + "attributes": {}, + "path": [ + "zIndex", + "hide" + ] + }, + "base": { + "value": "0", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "0" + }, + "name": "zIndexBase", + "attributes": {}, + "path": [ + "zIndex", + "base" + ] + }, + "docked": { + "value": "10", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "10" + }, + "name": "zIndexDocked", + "attributes": {}, + "path": [ + "zIndex", + "docked" + ] + }, + "dropdown": { + "value": "1000", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1000" + }, + "name": "zIndexDropdown", + "attributes": {}, + "path": [ + "zIndex", + "dropdown" + ] + }, + "sticky": { + "value": "1100", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1100" + }, + "name": "zIndexSticky", + "attributes": {}, + "path": [ + "zIndex", + "sticky" + ] + }, + "overlay": { + "value": "1300", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1300" + }, + "name": "zIndexOverlay", + "attributes": {}, + "path": [ + "zIndex", + "overlay" + ] + }, + "modal": { + "value": "1400", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1400" + }, + "name": "zIndexModal", + "attributes": {}, + "path": [ + "zIndex", + "modal" + ] + }, + "popover": { + "value": "1500", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1500" + }, + "name": "zIndexPopover", + "attributes": {}, + "path": [ + "zIndex", + "popover" + ] + }, + "toast": { + "value": "1700", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1700" + }, + "name": "zIndexToast", + "attributes": {}, + "path": [ + "zIndex", + "toast" + ] + }, + "tooltip": { + "value": "1800", + "filePath": "src/tokens/base/z-index.json", + "isSource": true, + "original": { + "value": "1800" + }, + "name": "zIndexTooltip", + "attributes": {}, + "path": [ + "zIndex", + "tooltip" + ] + } + }, + "component": { + "button": { + "radius": { + "value": "8px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{border.radius.md}" + }, + "name": "componentButtonRadius", + "attributes": {}, + "path": [ + "component", + "button", + "radius" + ] + }, + "borderWidth": { + "value": "1px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{border.width.thin}" + }, + "name": "componentButtonBorderWidth", + "attributes": {}, + "path": [ + "component", + "button", + "borderWidth" + ] + }, + "padding": { + "small": { + "vertical": { + "value": "8px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{spacing.2}" + }, + "name": "componentButtonPaddingSmallVertical", + "attributes": {}, + "path": [ + "component", + "button", + "padding", + "small", + "vertical" + ] + }, + "horizontal": { + "value": "16px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{spacing.4}" + }, + "name": "componentButtonPaddingSmallHorizontal", + "attributes": {}, + "path": [ + "component", + "button", + "padding", + "small", + "horizontal" + ] + } + }, + "medium": { + "vertical": { + "value": "12px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{spacing.3}" + }, + "name": "componentButtonPaddingMediumVertical", + "attributes": {}, + "path": [ + "component", + "button", + "padding", + "medium", + "vertical" + ] + }, + "horizontal": { + "value": "24px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{spacing.6}" + }, + "name": "componentButtonPaddingMediumHorizontal", + "attributes": {}, + "path": [ + "component", + "button", + "padding", + "medium", + "horizontal" + ] + } + }, + "large": { + "vertical": { + "value": "16px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{spacing.4}" + }, + "name": "componentButtonPaddingLargeVertical", + "attributes": {}, + "path": [ + "component", + "button", + "padding", + "large", + "vertical" + ] + }, + "horizontal": { + "value": "32px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{spacing.8}" + }, + "name": "componentButtonPaddingLargeHorizontal", + "attributes": {}, + "path": [ + "component", + "button", + "padding", + "large", + "horizontal" + ] + } + } + }, + "minHeight": { + "value": "48px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "{touchTarget.comfortable}" + }, + "name": "componentButtonMinHeight", + "attributes": {}, + "path": [ + "component", + "button", + "minHeight" + ] + }, + "width": { + "standalone": { + "value": "200px", + "filePath": "src/tokens/components/button.json", + "isSource": true, + "original": { + "value": "200px" + }, + "name": "componentButtonWidthStandalone", + "attributes": {}, + "path": [ + "component", + "button", + "width", + "standalone" + ] + } + } + } + }, + "icon": { + "size": { + "xs": { + "value": "12px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "12px" + }, + "name": "iconSizeXs", + "attributes": {}, + "path": [ + "icon", + "size", + "xs" + ] + }, + "sm": { + "value": "16px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "16px" + }, + "name": "iconSizeSm", + "attributes": {}, + "path": [ + "icon", + "size", + "sm" + ] + }, + "md": { + "value": "20px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "20px" + }, + "name": "iconSizeMd", + "attributes": {}, + "path": [ + "icon", + "size", + "md" + ] + }, + "lg": { + "value": "24px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "24px" + }, + "name": "iconSizeLg", + "attributes": {}, + "path": [ + "icon", + "size", + "lg" + ] + }, + "xl": { + "value": "32px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "32px" + }, + "name": "iconSizeXl", + "attributes": {}, + "path": [ + "icon", + "size", + "xl" + ] + }, + "2xl": { + "value": "40px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "40px" + }, + "name": "iconSize2xl", + "attributes": {}, + "path": [ + "icon", + "size", + "2xl" + ] + }, + "3xl": { + "value": "48px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "48px" + }, + "name": "iconSize3xl", + "attributes": {}, + "path": [ + "icon", + "size", + "3xl" + ] + } + }, + "stroke": { + "thin": { + "value": "1px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "1px" + }, + "name": "iconStrokeThin", + "attributes": {}, + "path": [ + "icon", + "stroke", + "thin" + ] + }, + "normal": { + "value": "1.5px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "1.5px" + }, + "name": "iconStrokeNormal", + "attributes": {}, + "path": [ + "icon", + "stroke", + "normal" + ] + }, + "medium": { + "value": "2px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "2px" + }, + "name": "iconStrokeMedium", + "attributes": {}, + "path": [ + "icon", + "stroke", + "medium" + ] + }, + "thick": { + "value": "2.5px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "2.5px" + }, + "name": "iconStrokeThick", + "attributes": {}, + "path": [ + "icon", + "stroke", + "thick" + ] + } + } + }, + "avatar": { + "sm": { + "value": "24px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "24px" + }, + "name": "avatarSm", + "attributes": {}, + "path": [ + "avatar", + "sm" + ] + }, + "md": { + "value": "32px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "32px" + }, + "name": "avatarMd", + "attributes": {}, + "path": [ + "avatar", + "md" + ] + }, + "lg": { + "value": "48px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "48px" + }, + "name": "avatarLg", + "attributes": {}, + "path": [ + "avatar", + "lg" + ] + }, + "xl": { + "value": "64px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "64px" + }, + "name": "avatarXl", + "attributes": {}, + "path": [ + "avatar", + "xl" + ] + }, + "2xl": { + "value": "96px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "96px" + }, + "name": "avatar2xl", + "attributes": {}, + "path": [ + "avatar", + "2xl" + ] + } + }, + "logo": { + "sm": { + "value": "80px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "80px" + }, + "name": "logoSm", + "attributes": {}, + "path": [ + "logo", + "sm" + ] + }, + "md": { + "value": "120px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "120px" + }, + "name": "logoMd", + "attributes": {}, + "path": [ + "logo", + "md" + ] + }, + "lg": { + "value": "160px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "160px" + }, + "name": "logoLg", + "attributes": {}, + "path": [ + "logo", + "lg" + ] + }, + "xl": { + "value": "200px", + "filePath": "src/tokens/components/icons.json", + "isSource": true, + "original": { + "value": "200px" + }, + "name": "logoXl", + "attributes": {}, + "path": [ + "logo", + "xl" + ] + } + }, + "breakpoint": { + "sm": { + "value": "640px", + "filePath": "src/tokens/layout/breakpoints.json", + "isSource": true, + "original": { + "value": "640px" + }, + "name": "breakpointSm", + "attributes": {}, + "path": [ + "breakpoint", + "sm" + ] + }, + "md": { + "value": "768px", + "filePath": "src/tokens/layout/breakpoints.json", + "isSource": true, + "original": { + "value": "768px" + }, + "name": "breakpointMd", + "attributes": {}, + "path": [ + "breakpoint", + "md" + ] + }, + "lg": { + "value": "1024px", + "filePath": "src/tokens/layout/breakpoints.json", + "isSource": true, + "original": { + "value": "1024px" + }, + "name": "breakpointLg", + "attributes": {}, + "path": [ + "breakpoint", + "lg" + ] + }, + "xl": { + "value": "1280px", + "filePath": "src/tokens/layout/breakpoints.json", + "isSource": true, + "original": { + "value": "1280px" + }, + "name": "breakpointXl", + "attributes": {}, + "path": [ + "breakpoint", + "xl" + ] + }, + "2xl": { + "value": "1536px", + "filePath": "src/tokens/layout/breakpoints.json", + "isSource": true, + "original": { + "value": "1536px" + }, + "name": "breakpoint2xl", + "attributes": {}, + "path": [ + "breakpoint", + "2xl" + ] + } + }, + "container": { + "sm": { + "value": "640px", + "filePath": "src/tokens/layout/containers.json", + "isSource": true, + "original": { + "value": "640px" + }, + "name": "containerSm", + "attributes": {}, + "path": [ + "container", + "sm" + ] + }, + "md": { + "value": "768px", + "filePath": "src/tokens/layout/containers.json", + "isSource": true, + "original": { + "value": "768px" + }, + "name": "containerMd", + "attributes": {}, + "path": [ + "container", + "md" + ] + }, + "lg": { + "value": "1024px", + "filePath": "src/tokens/layout/containers.json", + "isSource": true, + "original": { + "value": "1024px" + }, + "name": "containerLg", + "attributes": {}, + "path": [ + "container", + "lg" + ] + }, + "xl": { + "value": "1280px", + "filePath": "src/tokens/layout/containers.json", + "isSource": true, + "original": { + "value": "1280px" + }, + "name": "containerXl", + "attributes": {}, + "path": [ + "container", + "xl" + ] + }, + "2xl": { + "value": "1536px", + "filePath": "src/tokens/layout/containers.json", + "isSource": true, + "original": { + "value": "1536px" + }, + "name": "container2xl", + "attributes": {}, + "path": [ + "container", + "2xl" + ] + } + }, + "grid": { + "columns": { + "value": "12", + "filePath": "src/tokens/layout/grid.json", + "isSource": true, + "original": { + "value": "12" + }, + "name": "gridColumns", + "attributes": {}, + "path": [ + "grid", + "columns" + ] + }, + "gutter": { + "value": "16px", + "filePath": "src/tokens/layout/grid.json", + "isSource": true, + "original": { + "value": "{spacing.4}" + }, + "name": "gridGutter", + "attributes": {}, + "path": [ + "grid", + "gutter" + ] + }, + "gutterSm": { + "value": "8px", + "filePath": "src/tokens/layout/grid.json", + "isSource": true, + "original": { + "value": "{spacing.2}" + }, + "name": "gridGutterSm", + "attributes": {}, + "path": [ + "grid", + "gutterSm" + ] + }, + "gutterLg": { + "value": "24px", + "filePath": "src/tokens/layout/grid.json", + "isSource": true, + "original": { + "value": "{spacing.6}" + }, + "name": "gridGutterLg", + "attributes": {}, + "path": [ + "grid", + "gutterLg" + ] + } + } +}; diff --git a/packages/tokens/package.json b/packages/tokens/package.json index 2f41597b6..52daca7a5 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -22,7 +22,7 @@ "scripts": { "build": "npx style-dictionary build --config style-dictionary.config.js && node scripts/create-tokens-resolved.js", "clean": "rm -rf dist", - "prepare": "npm run build", + "prepare": "[ -d dist ] || npm run build", "prepublishOnly": "npm run build" }, "keywords": [