@basic-ui/material 1.0.0-alpha.27 → 1.0.0-alpha.28

package/build/esm/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body',\n        fontWeight: 'body',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    'outline-variant': '#d3c2c9',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n      'outline-variant': '#22191e',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        'outline-variant': '#4f4349',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n          'outline-variant': '#efdee5',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body',\n        fontWeight: 'body',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}

package/build/esm/theme/useTheme.d.ts

@@ -18,6 +18,7 @@ export declare function useTheme(): {
         surface: string;
         'surface-variant': string;
         outline: string;
+        'outline-variant': string;
         on: {
             primary: string;
             secondary: string;
@@ -31,6 +32,7 @@ export declare function useTheme(): {
             surface: string;
             'surface-variant': string;
             outline: string;
+            'outline-variant': string;
         };
         modes: {
             dark: {
@@ -46,6 +48,7 @@ export declare function useTheme(): {
                 surface: string;
                 'surface-variant': string;
                 outline: string;
+                'outline-variant': string;
                 on: {
                     primary: string;
                     secondary: string;
@@ -59,6 +62,7 @@ export declare function useTheme(): {
                     surface: string;
                     'surface-variant': string;
                     outline: string;
+                    'outline-variant': string;
                 };
             };
         };