box-ui-elements
Version:
Box UI Elements
643 lines (641 loc) • 28.9 kB
text/typescript
const mockTheme = {
tokens: {
Animation: {
'duration-2': '200ms',
'duration-3': '300ms',
'duration-4': '400ms',
},
AnimationEasing: {
'ease-base': 'cubic-bezier(0.16, 1, 0.3, 1)',
},
Background: {
background: '#ffffff',
},
Body: {
Default: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.875rem',
'font-weight': '400',
'letter-spacing': '0.01875rem',
'line-height': '1.25rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
DefaultBold: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.875rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '1.25rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
DefaultSemibold: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.875rem',
'font-weight': '600',
'letter-spacing': '0.01875rem',
'line-height': '1.25rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Large: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '1rem',
'font-weight': '400',
'letter-spacing': '0.01875rem',
'line-height': '1.5rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
LargeBold: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '1rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '1.5rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
},
Border: {
'avatar-border-hover': 'rgba(0, 0, 0, 0.04)',
'avatar-border-pressed': 'rgba(0, 0, 0, 0.08)',
'badge-border': '#ffffff',
'card-border': '#e8e8e8',
'card-border-ai': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'card-border-focus': '#0061d5',
'card-border-hover': '#e8e8e8',
'card-border-pressed': '#e8e8e8',
'checkbox-border': '#6f6f6f',
'checkbox-border-hover': '#4e4e4e',
'checkbox-border-selected': '#0061d5',
'checkbox-border-selected-hover': '#2079e3',
'collapsible-border': '#d3d3d3',
'contentbutton-border-selected': '#909090',
'cta-border-ai': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'cta-border-outline': '#000000',
'cta-border-outline-disabled': '#646464',
'cta-border-outline-hover': '#000000',
'cta-border-outline-pressed': '#000000',
'cta-border-secondary': '#bcbcbc',
'cta-border-secondary-disabled': '#e8e8e8',
'cta-border-secondary-hover': '#bcbcbc',
'cta-border-secondary-pressed': '#bcbcbc',
'divider-border': '#e8e8e8',
'dropdown-border': '#bcbcbc',
'dropdown-border-error': '#ed3757',
'dropdown-border-error-focus': '#ed3757',
'dropdown-border-error-hover': '#ed3757',
'dropdown-border-focus': '#0061d5',
'dropdown-border-hover': '#6f6f6f',
'filterchip-border-multi-on': '#99c0ee',
'filterchip-border-multi-on-hover': '#99c0ee',
'gridthumbnail-border': '#e8e8e8',
'input-border': '#909090',
'input-border-error': '#ed3757',
'input-border-error-focus': '#ed3757',
'input-border-error-hover': '#ed3757',
'input-border-focus': '#2486fc',
'input-border-hover': '#6f6f6f',
'inputchip-border-error': '#ed3757',
'item-border-hover': '#e8e8e8',
'item-border-selected': '#0061d5',
'item-small-border-selected': '#0061d5',
'message-border-error': '#ed3757',
'message-border-error-secondary': '#f69bab',
'message-border-generic': '#222222',
'message-border-generic-secondary': '#909090',
'message-border-info': '#0061d5',
'message-border-info-secondary': '#91c2fd',
'message-border-success': '#26c281',
'message-border-success-secondary': '#92e0c0',
'message-border-warning': '#f5b31b',
'message-border-warning-secondary': '#fad98d',
'radio-border': '#6f6f6f',
'radio-border-hover': '#4e4e4e',
'radio-border-selected': '#0061d5',
'radio-border-selected-hover': '#2079e3',
'radiotile-border': '#bcbcbc',
'radiotile-border-hover': '#bcbcbc',
'radiotile-border-selected': '#0061d5',
'search-border': '#f4f4f4',
'search-border-hover': '#6f6f6f',
'search-global-border-hover': '#e8e8e8',
'status-border-hover': 'rgba(0, 0, 0, 0.04)',
'switch-border': '#bcbcbc',
'switch-border-hover': '#bcbcbc',
'tab-border': '#e8e8e8',
'tab-border-hover': '#bcbcbc',
'tab-border-selected': '#0061d5',
'tab-border-selected-focus': '#0061d5',
'tab-border-selected-hover': '#0061d5',
'toggle-border': '#bcbcbc',
'toggle-border-on': '#99c0ee',
'toggletext-border-off': '#ffffff',
'toggletext-border-off-ai': '#bcbcbc',
'toggletext-border-off-ai-hover': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'toggletext-border-off-ai-pressed': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'toggletext-border-off-hover': '#f4f4f4',
'toggletext-border-off-pressed': '#e8e8e8',
'toggletext-border-on': '#99c0ee',
'toggletext-border-on-ai': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'toggletext-border-on-ai-hover': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'toggletext-border-on-ai-pressed': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'toggletext-border-on-hover': '#99c0ee',
'toggletext-border-on-pressed': '#99c0ee',
'tooltip-border-error': '#f69bab',
},
Breakpoint: {
small: '374px',
medium: '767px',
large: '1023px',
xlarge: '1219px',
},
Caption: {
Bold: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.75rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '0.875rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Default: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.75rem',
'font-weight': '400',
'letter-spacing': '0.01875rem',
'line-height': '0.875rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
},
Icon: {
'cta-icon': '#6f6f6f',
'cta-icon-hover': '#222222',
'cta-icon-on-color': '#000000',
'cta-icon-on-color-hover': '#000000',
'cta-icon-on-color-pressed': '#000000',
'cta-icon-pressed': '#222222',
'cta-icon-utility': '#4e4e4e',
'cta-icon-utility-hover': '#000000',
'cta-icon-utility-pressed': '#000000',
'icon-blue': '#0061d5',
'icon-error-on-light': '#d5324e',
'icon-on-dark': '#ffffff',
'icon-on-light': '#222222',
'icon-on-light-secondary': '#6f6f6f',
'icon-on-light-tertiary': '#909090',
'icon-required-on-light': '#d5324e',
'nav-icon-on-dark': '#ffffff',
'nav-icon-on-dark-focus': '#ffffff',
'nav-icon-on-dark-hover': '#ffffff',
'nav-icon-on-dark-selected': '#ffffff',
'nav-icon-on-light': '#222222',
'nav-icon-on-light-focus': '#222222',
'nav-icon-on-light-hover': '#222222',
'nav-icon-on-light-selected': '#222222',
},
Label: {
Bold: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.625rem',
'font-weight': '700',
'letter-spacing': '0.0375rem',
'line-height': '1rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Default: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.625rem',
'font-weight': '400',
'letter-spacing': '0.0375rem',
'line-height': '1rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
},
Link: {
Default: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.875rem',
'font-weight': '400',
'letter-spacing': '0.01875rem',
'line-height': '1.25rem',
'paragraph-indent': '0rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'underline',
},
},
Motion: {
'transition-slide-in': '400ms cubic-bezier(0.16, 1, 0.3, 1)',
},
Notification: {
Default: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.5625rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '0.75rem',
'paragraph-indent': '0rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
},
Outline: {
'focus-on-dark': '#ffffff',
'focus-on-light': '#2486fc',
},
Overlay: {
'modal-overlay': 'rgba(0, 0, 0, 0.8)',
'sidepanel-overlay': 'rgba(0, 0, 0, 0.5)',
},
Surface: {
'accordion-surface': '#ffffff',
'accordion-surface-hover': '#f4f4f4',
'card-surface': '#ffffff',
'card-surface-focus': '#f2f7fd',
'card-surface-hover': '#ffffff',
'card-surface-pressed': '#fbfbfb',
'checkbox-surface': '#ffffff',
'checkbox-surface-hover': '#ffffff',
'checkbox-surface-selected': '#0061d5',
'checkbox-surface-selected-hover': '#2079e3',
'chip-button-surface': 'rgba(0, 0, 0, 0.04)',
'chip-button-surface-hover': 'rgba(0, 0, 0, 0.08)',
'contentbutton-surface-surface-selected': '#ffffff',
'contentswitcher-surface': '#e8e8e8',
'cta-surface-disabled': '#b2cff2',
'cta-surface-icon': 'rgba(0, 0, 0, 0)',
'cta-surface-icon-disabled': 'rgba(0, 0, 0, 0)',
'cta-surface-icon-hover': 'rgba(0, 0, 0, 0.04)',
'cta-surface-icon-pressed': 'rgba(0, 0, 0, 0.08)',
'cta-surface-icon-utility': '#e8e8e8',
'cta-surface-icon-utility-hover': '#d3d3d3',
'cta-surface-icon-utility-pressed': '#bcbcbc',
'cta-surface-outline': 'rgba(0, 0, 0, 0)',
'cta-surface-outline-hover': 'rgba(0, 0, 0, 0.04)',
'cta-surface-outline-pressed': 'rgba(0, 0, 0, 0.08)',
'cta-surface-promo': '#4122af',
'cta-surface-promo-focus': '#4826c2',
'cta-surface-promo-focus-pressed': '#3a1e9b',
'cta-surface-promo-hover': '#4826c2',
'cta-surface-promo-pressed': '#3a1e9b',
'cta-surface-secondary': '#ffffff',
'cta-surface-secondary-busy': '#ffffff',
'cta-surface-secondary-disabled': '#ffffff',
'cta-surface-secondary-focus': '#f4f4f4',
'cta-surface-secondary-focus-pressed': '#e8e8e8',
'cta-surface-secondary-hover': '#f4f4f4',
'cta-surface-secondary-pressed': '#e8e8e8',
'cta-surface-tertiary': '#ffffff',
'cta-surface-tertiary-hover': '#f4f4f4',
'cta-surface-tertiary-pressed': '#e8e8e8',
'cta-surface-tertiary-promo': '#ece9f8',
'cta-surface-tertiary-promo-focus': '#f6f4fc',
'cta-surface-tertiary-promo-focus-pressed': '#dad4f3',
'cta-surface-tertiary-promo-hover': '#f6f4fc',
'cta-surface-tertiary-promo-pressed': '#dad4f3',
'day-surface': '#ffffff',
'day-surface-hover': '#f4f4f4',
'day-surface-selected': '#0061d5',
'day-surface-selected-hover': '#003c84',
'dropdown-primary-surface-hover': '#f4f4f4',
'dropdown-primary-surface-pressed': '#e8e8e8',
'dropdown-secondary-surface': '#ffffff',
'dropdown-secondary-surface-hover': '#f4f4f4',
'dropdown-secondary-surface-pressed': '#e8e8e8',
'dropdown-surface': '#ffffff',
'dropdown-surface-error': '#ffffff',
'dropdown-surface-error-focus': '#ffffff',
'dropdown-surface-error-hover': '#ffffff',
'dropdown-surface-focus': '#ffffff',
'dropdown-surface-hover': '#ffffff',
'filter-surface': '#0061d5',
'filter-surface-focus': '#0061d5',
'filter-surface-hover': '#0061d5',
'filter-surface-selected': '#0061d5',
'filter-surface-selected-focus': '#0061d5',
'filterchip-surface-multi': 'rgba(0, 0, 0, 0.04)',
'filterchip-surface-multi-hover': 'rgba(0, 0, 0, 0.08)',
'filterchip-surface-multi-on': '#e5effa',
'filterchip-surface-multi-on-hover': '#ccdff7',
'filterchip-surface-single': 'rgba(0, 0, 0, 0.04)',
'filterchip-surface-single-hover': 'rgba(0, 0, 0, 0.08)',
'filterchip-surface-single-on': '#0061d5',
'filterchip-surface-single-on-hover': '#0061d5',
'ghost-surface': '#fbfbfb',
'ghost-surface-secondary': '#f4f4f4',
'illustration-surface-box': '#0061d5',
'illustration-surface-box-neutral': '#0061d5',
'input-surface': '#ffffff',
'input-surface-error': '#ffffff',
'input-surface-error-focus': '#ffffff',
'input-surface-error-hover': '#ffffff',
'input-surface-focus': '#ffffff',
'input-surface-hover': '#ffffff',
'inputchip-surface': '#e8e8e8',
'inputchip-surface-error': '#fdebee',
'inputchip-surface-hover': '#e8e8e8',
'item-small-surface': '#ffffff',
'item-small-surface-hover': '#f4f4f4',
'item-small-surface-selected': '#f2f7fd',
'item-surface-hover': '#ffffff',
'item-surface-selected': '#f2f7fd',
'menu-surface': '#ffffff',
'menu-surface-focus': '#f4f4f4',
'menu-surface-hover': '#f4f4f4',
'menu-surface-pressed': '#f4f4f4',
'message-surface-error': '#fbd7dd',
'message-surface-error-secondary': '#fdebee',
'message-surface-generic': '#e8e8e8',
'message-surface-generic-secondary': '#e8e8e8',
'message-surface-info': '#d3e7fe',
'message-surface-info-secondary': '#e9f2fe',
'message-surface-promo-secondary': '#ece9f8',
'message-surface-success': '#d4f3e6',
'message-surface-success-secondary': '#e9f8f2',
'message-surface-warning': '#fdf0d1',
'message-surface-warning-secondary': '#fef7e8',
'nav-surface-brand': '#0061d5',
'option-grid-surface-hover': 'rgba(0, 0, 0, 0.04)',
'option-grid-surface-selected': 'rgba(0, 0, 0, 0.08)',
'page-surface': '#ffffff',
'pill-surface': '#e8e8e8',
'pill-surface-focus': '#e8e8e8',
'pill-surface-hover': '#e8e8e8',
'progressbar-surface-brand': '#0061d5',
'radio-surface': '#ffffff',
'radio-surface-hover': '#ffffff',
'radio-surface-selected': '#0061d5',
'radio-surface-selected-hover': '#2079e3',
'radiotile-surface': '#ffffff',
'radiotile-surface-hover': '#f4f4f4',
'radiotile-surface-selected': '#f2f7fd',
'scrollbar-surface': 'rgba(0, 0, 0, 0.5)',
'search-global-surface': '#f4f4f4',
'search-surface': '#f4f4f4',
'search-surface-focused': '#ffffff',
'search-surface-hover': '#fbfbfb',
'sliderthumb-surface': '#0061d5',
'sliderthumb-surface-hover': '#2486fc',
'slidertrack-surface': '#6f6f6f',
'status-surface-boxblue': '#0061d5',
'status-surface-boxblue-focus': '#0061d5',
'status-surface-boxblue-hover': '#0061d5',
'status-surface-dark-blue': '#7f9dc1',
'status-surface-dark-blue-focus': '#7f9dc1',
'status-surface-dark-blue-hover': '#7f9dc1',
'status-surface-error': '#ed3757',
'status-surface-generic': '#a7a7a7',
'status-surface-gray': '#e8e8e8',
'status-surface-gray-focus': '#e8e8e8',
'status-surface-gray-hover': '#e8e8e8',
'status-surface-green': '#92e0c0',
'status-surface-green-focus': '#92e0c0',
'status-surface-green-hover': '#92e0c0',
'status-surface-inprogress': '#f5b31b',
'status-surface-light-blue': '#91c2fd',
'status-surface-light-blue-focus': '#91c2fd',
'status-surface-light-blue-hover': '#91c2fd',
'status-surface-orange': '#f8c08c',
'status-surface-orange-focus': '#f8c08c',
'status-surface-orange-hover': '#f8c08c',
'status-surface-pending': '#a7a7a7',
'status-surface-purple': '#cf9ff6',
'status-surface-purple-focus': '#cf9ff6',
'status-surface-purple-hover': '#cf9ff6',
'status-surface-red': '#f69bab',
'status-surface-red-focus': '#f69bab',
'status-surface-red-hover': '#f69bab',
'status-surface-scheduled': '#9f3fed',
'status-surface-success': '#26c281',
'status-surface-uploading': '#0061d5',
'status-surface-yellow': '#ffeb7f',
'status-surface-yellow-focus': '#ffeb7f',
'status-surface-yellow-hover': '#ffeb7f',
surface: '#ffffff',
'surface-brand': '#0061d5',
'surface-brand-busy': '#0061d5',
'surface-brand-disabled': '#0061d5',
'surface-brand-hover': '#006ae9',
'surface-brand-pressed': '#004eac',
'surface-brand-secondary': '#e5effa',
'surface-hover': '#f4f4f4',
'surface-quaternary': '#d3d3d3',
'surface-secondary': '#fbfbfb',
'surface-secondary-focus': '#fbfbfb',
'surface-secondary-hover': '#f4f4f4',
'surface-tertiary': '#e8e8e8',
'switch-surface': '#ffffff',
'switch-surface-hover': '#ffffff',
'switch-surface-off': '#d3d3d3',
'switch-surface-off-hover': '#bcbcbc',
'switch-surface-on': '#0061d5',
'switch-surface-on-hover': '#2079e3',
'tab-surface-hover': '#f4f4f4',
'tab-surface-pressed': '#e8e8e8',
'text-highlight-surface': '#fff7cc',
'toggle-surface': '#ffffff',
'toggle-surface-hover': '#f4f4f4',
'toggle-surface-off-hover': '#f4f4f4',
'toggle-surface-off-pressed': '#e8e8e8',
'toggle-surface-on': '#e5effa',
'toggle-surface-on-hover': '#ccdff7',
'toggle-surface-on-pressed': '#b2cff2',
'toggle-surface-pressed': '#0061d5',
'toggle-surface-pressed-hover': '#3381dd',
'toggletext-surface-off-ai': '#ffffff',
'toggletext-surface-off-ai-hover': '#f4f4f4',
'toggletext-surface-off-ai-pressed': '#e8e8e8',
'toggletext-surface-on': '#e5effa',
'toggletext-surface-on-ai': 'linear-gradient(135deg, #fe03dc 0%, #2784fa 100%)',
'toggletext-surface-on-ai-hover': 'linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%)',
'toggletext-surface-on-ai-pressed': 'linear-gradient(135deg, #980284 0%, #174f96 100%)',
'toggletext-surface-on-hover': '#ccdff7',
'toggletext-surface-on-pressed': '#b2cff2',
'toolbar-surface': '#222222',
'tooltip-surface': '#4e4e4e',
'tooltip-surface-error': '#fdebee',
'upload-surface-brand-neutral': '#0061d5',
},
Text: {
'cta-link': '#0061d5',
'cta-link-disabled': '#b2cff2',
'cta-link-hover': '#1d6bca',
'cta-link-pressed': '#2486fc',
'cta-link-secondary': '#6f6f6f',
'cta-link-secondary-hover': '#6f6f6f',
'cta-link-secondary-pressed': '#6f6f6f',
'cta-promo': '#4826c2',
'nav-text-on-dark': '#ffffff',
'nav-text-on-dark-focus': '#ffffff',
'nav-text-on-dark-hover': '#ffffff',
'nav-text-on-dark-selected': '#ffffff',
'nav-text-on-light': '#ffffff',
'nav-text-on-light-focus': '#ffffff',
'nav-text-on-light-hover': '#ffffff',
'nav-text-on-light-selected': '#ffffff',
'text-brand-on-color': '#ffffff',
'text-error-on-light': '#d5324e',
'text-on-dark': '#ffffff',
'text-on-light': '#222222',
'text-on-light-disabled': '#bcbcbc',
'text-on-light-secondary': '#6f6f6f',
'text-on-light-secondary-hover': '#4e4e4e',
'text-on-light-tertiary': '#909090',
'toggletext-text': '#004eaa',
},
Title: {
Large: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '1.125rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '1.5rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Medium: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '1rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '1.5rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Mondo: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '2.25rem',
'font-weight': '900',
'letter-spacing': '0',
'line-height': '2.75rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Small: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.9375rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '1.25rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
Subtitle: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '0.875rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '1.25rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
XLarge: {
'font-family':
"Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
'font-size': '1.3125rem',
'font-weight': '700',
'letter-spacing': '0.01875rem',
'line-height': '2rem',
'paragraph-spacing': '0',
'text-case': 'none',
'text-decoration': 'none',
},
},
'border-1': '0.0625rem',
'border-2': '0.125rem',
'border-3': '0.1875rem',
'border-4': '0.25rem',
'border-6': '0.375rem',
'border-8': '0.5rem',
'dropshadow-1': '0 0 0.5rem 0 rgba(0, 0, 0, 0.05)',
'dropshadow-2': '0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1)',
'dropshadow-3': '0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.1)',
'dropshadow-3-inverse': '0 -0.25rem 0.75rem 0 rgba(0, 0, 0, 0.1)',
'innershadow-1': 'inset 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1)',
'radius-05': '0.125rem',
'radius-1': '0.25rem',
'radius-2': '0.375rem',
'radius-3': '0.5rem',
'radius-4': '0.75rem',
'radius-5': '1rem',
'radius-6': '1.25rem',
'radius-7': '1.5rem',
'radius-8': '1.75rem',
'radius-half': '2rem',
'size-05': '0.125rem',
'size-1': '0.25rem',
'size-2': '0.5rem',
'size-3': '0.75rem',
'size-4': '1rem',
'size-5': '1.25rem',
'size-6': '1.5rem',
'size-7': '1.75rem',
'size-8': '2rem',
'size-9': '2.25rem',
'size-10': '2.5rem',
'size-11': '2.75rem',
'size-12': '3rem',
'size-14': '3.5rem',
'size-15': '3.75rem',
'size-16': '4rem',
'size-18': '4.5rem',
'size-20': '5rem',
'space-05': '0.125rem',
'space-1': '0.25rem',
'space-2': '0.5rem',
'space-3': '0.75rem',
'space-4': '1rem',
'space-5': '1.25rem',
'space-6': '1.5rem',
'space-7': '1.75rem',
'space-8': '2rem',
'space-9': '2.25rem',
'space-10': '2.5rem',
'space-11': '2.75rem',
'space-12': '3rem',
'space-14': '3.5rem',
'space-15': '3.75rem',
'space-16': '4rem',
'space-18': '4.5rem',
'space-20': '5rem',
},
};
export default mockTheme;