@basic-ui/material 0.1.13 → 1.0.0-alpha.0

package/build/esm/theme/theme.js

@@ -2,46 +2,63 @@
 // work-in-progress
 // references
 // - https://material.io/design/typography/the-type-system.html#type-scale
-import { readableColor, mix, em } from 'polished';
-const primary = '#5d1049';
-const secondary = '#e30425';
-const error = '#BF360C';
-const background = '#f6f6f6';
-const surface = '#fff';
-const muted = '#f6f6f6';
+import { em } from 'polished';
 export const theme = {
   googleFonts: 'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',
   colors: {
-    background,
-    surface,
-    error,
-    primary,
-    secondary,
-    muted,
+    primary: '#934078',
+    secondary: '#705765',
+    tertiary: '#80543e',
+    error: '#ba1b1b',
+    'primary-container': '#ffd7ed',
+    'secondary-container': '#fbd9ea',
+    'tertiary-container': '#ffdbc9',
+    'error-container': '#ffdad4',
+    background: '#fcfcfc',
+    surface: '#fcfcfc',
+    'surface-variant': '#efdee5',
+    outline: '#81747a',
     on: {
-      primary: readableColor(primary),
-      secondary: readableColor(secondary),
-      error: readableColor(error),
-      background: readableColor(background),
-      surface: readableColor(surface),
-      muted: readableColor(muted)
+      primary: '#ffffff',
+      secondary: '#ffffff',
+      tertiary: '#ffffff',
+      error: '#ffffff',
+      'primary-container': '#3b002d',
+      'secondary-container': '#291521',
+      'tertiary-container': '#321303',
+      'error-container': '#410001',
+      background: '#1f1a1c',
+      surface: '#1f1a1c',
+      'surface-variant': '#4f4349',
+      outline: '#feecf3'
     },
     modes: {
       dark: {
-        text: '#000',
-        background: mix(0.08, primary, '#121212'),
-        surface: mix(0.08, primary, '#121212'),
-        error,
-        primary: '#EE89BD',
-        secondary,
-        muted,
+        primary: '#ffade0',
+        secondary: '#debece',
+        tertiary: '#f4ba9e',
+        error: '#ffb4a9',
+        'primary-container': '#77285f',
+        'secondary-container': '#57404d',
+        'tertiary-container': '#653d28',
+        'error-container': '#930006',
+        background: '#1f1a1c',
+        surface: '#1f1a1c',
+        'surface-variant': '#4f4349',
+        outline: '#9b8d93',
         on: {
-          primary: "#000",
-          secondary: readableColor(secondary),
-          error: readableColor(error),
-          background: "#fff",
-          surface: "#fff",
-          muted: readableColor(muted)
+          primary: '#5b0e47',
+          secondary: '#402a37',
+          tertiary: '#4b2714',
+          error: '#680003',
+          'primary-container': '#ffd7ed',
+          'secondary-container': '#fbd9ea',
+          'tertiary-container': '#ffdbc9',
+          'error-container': '#ffdad4',
+          background: '#eae0e3',
+          surface: '#eae0e3',
+          'surface-variant': '#d3c2c9',
+          outline: '#22191e'
         }
       }
     }
@@ -53,10 +70,19 @@ export const theme = {
   radii: {
     none: 0,
     default: "0.25rem",
-    large: "0.5rem",
+    'extra-small': "0.25rem",
+    'extra-small_top': "0.25rem".concat(" ", "0.25rem", " 0 0"),
+    small: "0.5rem",
+    medium: "0.75rem",
+    large: "1rem",
+    large_end: "0 ".concat("1rem", " ", "1rem", " 0"),
+    large_top: "1rem".concat(" ", "1rem", " 0 0"),
+    'extra-large': "1.75rem",
+    'extra-large_top': "1.75rem".concat(" ", "1.75rem", " 0 0"),
+    full: "6249.9375rem",
     circle: '100%'
   },
-  shadows: {
+  shadowsOriginal: {
     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)',
     1: '0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12)',
     2: '0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)',
@@ -83,6 +109,14 @@ export const theme = {
     23: '0 11px 14px -7px rgba(0,0,0,0.2),0 23px 36px 3px rgba(0,0,0,0.14),0 9px 44px 8px rgba(0,0,0,0.12)',
     24: '0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12)'
   },
+  shadows: {
+    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)',
+    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',
+    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',
+    3: '0 4px 8px 3px rgba(0,0,0,0.15),0 1px 3px rgba(0,0,0,0.3)',
+    4: '0 6px 10px 4px rgba(0,0,0,0.15),0 2px 3px rgba(0,0,0,0.3)',
+    5: '0 8px 12px 6px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.3)'
+  },
   fonts: {
     body: 'Roboto, sans-serif',
     heading: 'Roboto, sans-serif',
@@ -196,11 +230,10 @@ export const theme = {
       letterSpacing: "0.017857142857142856em"
     },
     button: {
-      variant: 'text.caps',
+      variant: 'text.display',
       fontSize: 2,
-      fontWeight: 'medium',
-      letterSpacing: "0.08928571428571429em",
-      lineHeight: 'normal'
+      letterSpacing: "0.08571428571428572em",
+      fontWeight: 'medium'
     },
     caption: {
       variant: 'text.display',
@@ -245,16 +278,16 @@ export const theme = {
     elevations: {
       default: {},
       elevated: {
-        boxShadow: 4
+        boxShadow: 2
       }
     },
     sizes: {
       default: {
-        height: "3.5rem",
+        height: "4rem",
         p: 3
       },
       dense: {
-        height: "3rem"
+        height: "3.5rem"
       }
     }
   },
@@ -262,17 +295,17 @@ export const theme = {
     variants: {
       base: {
         variant: 'text.button',
-        borderRadius: 'default',
         boxShadow: 'none',
         py: 0,
-        px: 3,
-        height: "2.25rem",
+        px: "1.5rem",
+        height: "2.5rem",
+        borderRadius: 'full',
         cursor: 'pointer',
         outline: 'none'
       },
       text: {
         variant: 'buttons.variants.base',
-        px: 2
+        px: "0.75rem"
       },
       filled: {
         variant: 'buttons.variants.base'
@@ -286,7 +319,8 @@ export const theme = {
         maxHeight: "3.5rem",
         width: "3.5rem",
         maxWidth: "3.5rem",
-        borderRadius: 'circle'
+        borderRadius: 'large',
+        px: 0
       },
       'fab-mini': {
         variant: 'buttons.variants.fab',
@@ -294,13 +328,23 @@ export const theme = {
         maxHeight: "2.5rem",
         width: "2.5rem",
         maxWidth: "2.5rem",
+        borderRadius: 'medium',
+        px: 0
+      },
+      'fab-large': {
+        variant: 'buttons.variants.fab',
+        height: "6rem",
+        maxHeight: "6rem",
+        width: "6rem",
+        maxWidth: "6rem",
+        borderRadius: 'extra-large',
         px: 0
       },
       'fab-extended': {
         variant: 'buttons.variants.base',
-        height: "3rem",
-        px: "1.25rem",
-        borderRadius: "1.5rem"
+        height: "3.5rem",
+        px: "1rem",
+        borderRadius: 'large'
       },
       icon: {
         variant: 'buttons.variants.base',
@@ -309,19 +353,25 @@ export const theme = {
         width: "3rem",
         maxWidth: "3rem",
         px: "0.75rem",
-        borderRadius: '100%'
+        borderRadius: 'full'
       }
     },
     elevations: {
       none: {},
-      contained: {
+      default: {
         transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',
-        boxShadow: 2,
-        ':focus,:hover': {
-          boxShadow: 4
+        '&:hover': {
+          boxShadow: 1
         },
-        ':active': {
-          boxShadow: 8
+        '&:hover:disabled': {
+          boxShadow: 0
+        }
+      },
+      elevated: {
+        transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',
+        boxShadow: 1,
+        '&:hover': {
+          boxShadow: 2
         },
         '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
           boxShadow: 0
@@ -329,12 +379,9 @@ export const theme = {
       },
       floating: {
         transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',
-        boxShadow: 6,
-        ':focus,:hover': {
-          boxShadow: 8
-        },
-        ':active': {
-          boxShadow: 12
+        boxShadow: 3,
+        ':hover': {
+          boxShadow: 4
         },
         '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
           boxShadow: 0
@@ -344,13 +391,13 @@ export const theme = {
     overlays: {
       transparent: {
         hover: {
-          opacity: 0.04
+          opacity: 0.08
         },
         focus: {
           opacity: 0.12
         },
         pressed: {
-          opacity: 0.12
+          opacity: 0.16
         }
       },
       filled: {
@@ -358,10 +405,10 @@ export const theme = {
           opacity: 0.08
         },
         focus: {
-          opacity: 0.24
+          opacity: 0.12
         },
         pressed: {
-          opacity: 0.24
+          opacity: 0.16
         }
       }
     }
@@ -374,45 +421,38 @@ export const theme = {
         py: 0,
         px: 0,
         height: "2rem",
-        borderRadius: "1rem",
+        borderRadius: 'small',
         outline: 'none',
         transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)'
       },
       filled: {
-        variant: 'chips.variants.base'
+        variant: 'chips.variants.base',
+        boxShadow: 1,
+        ':active:not([data-disabled])': {
+          boxShadow: 2
+        }
       },
       outlined: {
         variant: 'chips.variants.base'
       }
     }
   },
+  dialogs: {
+    variants: {
+      base: {
+        borderRadius: 'extra-large'
+      }
+    },
+    backgroundColorOverlay: 0.11
+  },
   paper: {
     overlays: {
-      '0': 0,
-      '1': 0.05,
-      '2': 0.07,
-      '3': 0.08,
-      '4': 0.09,
-      '5': 0.1,
-      '6': 0.11,
-      '7': 0.115,
-      '8': 0.12,
-      '9': 0.125,
-      '10': 0.13,
-      '11': 0.135,
-      '12': 0.14,
-      '13': 0.1425,
-      '14': 0.145,
-      '15': 0.1475,
-      '16': 0.15,
-      '17': 0.15125,
-      '18': 0.1525,
-      '19': 0.15375,
-      '20': 0.155,
-      '21': 0.15625,
-      '22': 0.1575,
-      '23': 0.15875,
-      '24': 0.16
+      0: 0,
+      1: 0.05,
+      2: 0.08,
+      3: 0.11,
+      4: 0.12,
+      5: 0.14
     }
   },
   zIndices: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/theme.ts"],"names":["readableColor","mix","em","primary","secondary","error","background","surface","muted","theme","googleFonts","colors","on","modes","dark","text","sizes","icon","avatar","radii","none","default","large","circle","shadows","fonts","body","heading","monospace","fontSizes","fontWeights","light","regular","medium","lineHeights","space","caps","textTransform","fontFamily","lineHeight","letterSpacing","display","h1","variant","fontWeight","fontSize","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","borderRadius","py","px","cursor","outline","filled","outlined","fab","maxHeight","width","maxWidth","contained","transition","floating","overlays","hover","opacity","focus","pressed","chips","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"mappings":"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","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, readableColor, mix, em } from 'polished';\n\nconst primary = '#5d1049';\nconst secondary = '#e30425';\nconst error = '#BF360C';\nconst background = '#f6f6f6';\nconst surface = '#fff';\nconst muted = '#f6f6f6';\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    background,\n    surface,\n    error,\n    primary,\n    secondary,\n    muted,\n    on: {\n      primary: readableColor(primary),\n      secondary: readableColor(secondary),\n      error: readableColor(error),\n      background: readableColor(background),\n      surface: readableColor(surface),\n      muted: readableColor(muted),\n    },\n    modes: {\n      dark: {\n        text: '#000',\n        background: mix(0.08, primary, '#121212'),\n        surface: mix(0.08, primary, '#121212'),\n        error,\n        primary: '#EE89BD',\n        secondary,\n        muted,\n        on: {\n          primary: readableColor('#EE89BD'),\n          secondary: readableColor(secondary),\n          error: readableColor(error),\n          background: readableColor('#121212'),\n          surface: readableColor('#121212'),\n          muted: readableColor(muted),\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    large: rem(8),\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 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12)',\n    2: '0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)',\n    3: '0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12)',\n    4: '0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)',\n    5: '0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12)',\n    6: '0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12)',\n    7: '0 4px 5px -2px rgba(0,0,0,0.2),0 7px 10px 1px rgba(0,0,0,0.14),0 2px 16px 1px rgba(0,0,0,0.12)',\n    8: '0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)',\n    9: '0 5px 6px -3px rgba(0,0,0,0.2),0 9px 12px 1px rgba(0,0,0,0.14),0 3px 16px 2px rgba(0,0,0,0.12)',\n    10: '0 6px 6px -3px rgba(0,0,0,0.2),0 10px 14px 1px rgba(0,0,0,0.14),0 4px 18px 3px rgba(0,0,0,0.12)',\n    11: '0 6px 7px -4px rgba(0,0,0,0.2),0 11px 15px 1px rgba(0,0,0,0.14),0 4px 20px 3px rgba(0,0,0,0.12)',\n    12: '0 7px 8px -4px rgba(0,0,0,0.2),0 12px 17px 2px rgba(0,0,0,0.14),0 5px 22px 4px rgba(0,0,0,0.12)',\n    13: '0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12)',\n    14: '0 7px 9px -4px rgba(0,0,0,0.2),0 14px 21px 2px rgba(0,0,0,0.14),0 5px 26px 4px rgba(0,0,0,0.12)',\n    15: '0 8px 9px -5px rgba(0,0,0,0.2),0 15px 22px 2px rgba(0,0,0,0.14),0 6px 28px 5px rgba(0,0,0,0.12)',\n    16: '0 8px 10px -5px rgba(0,0,0,0.2),0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12)',\n    17: '0 8px 11px -5px rgba(0,0,0,0.2),0 17px 26px 2px rgba(0,0,0,0.14),0 6px 32px 5px rgba(0,0,0,0.12)',\n    18: '0 9px 11px -5px rgba(0,0,0,0.2),0 18px 28px 2px rgba(0,0,0,0.14),0 7px 34px 6px rgba(0,0,0,0.12)',\n    19: '0 9px 12px -6px rgba(0,0,0,0.2),0 19px 29px 2px rgba(0,0,0,0.14),0 7px 36px 6px rgba(0,0,0,0.12)',\n    20: '0 10px 13px -6px rgba(0,0,0,0.2),0 20px 31px 3px rgba(0,0,0,0.14),0 8px 38px 7px rgba(0,0,0,0.12)',\n    21: '0 10px 13px -6px rgba(0,0,0,0.2),0 21px 33px 3px rgba(0,0,0,0.14),0 8px 40px 7px rgba(0,0,0,0.12)',\n    22: '0 10px 14px -6px rgba(0,0,0,0.2),0 22px 35px 3px rgba(0,0,0,0.14),0 8px 42px 7px rgba(0,0,0,0.12)',\n    23: '0 11px 14px -7px rgba(0,0,0,0.2),0 23px 36px 3px rgba(0,0,0,0.14),0 9px 44px 8px rgba(0,0,0,0.12)',\n    24: '0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: '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    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.caps',\n      fontSize: 2,\n      fontWeight: 'medium',\n      letterSpacing: em(1.25, 14),\n      lineHeight: 'normal',\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: 4,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(56),\n        p: 3,\n      },\n      dense: {\n        height: rem(48),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.button',\n        borderRadius: 'default',\n        boxShadow: 'none',\n        py: 0,\n        px: 3,\n        height: rem(36),\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: 2,\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: 'circle',\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        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        px: rem(20),\n        borderRadius: rem(24),\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: '100%',\n      },\n    },\n    elevations: {\n      none: {},\n      contained: {\n        transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',\n        boxShadow: 2,\n        ':focus,:hover': {\n          boxShadow: 4,\n        },\n        ':active': {\n          boxShadow: 8,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',\n        boxShadow: 6,\n        ':focus,:hover': {\n          boxShadow: 8,\n        },\n        ':active': {\n          boxShadow: 12,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.04,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.12,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.24,\n        },\n        pressed: {\n          opacity: 0.24,\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: rem(16),\n        outline: 'none',\n        transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',\n      },\n      filled: {\n        variant: 'chips.variants.base',\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  paper: {\n    overlays: {\n      '0': 0,\n      '1': 0.05,\n      '2': 0.07,\n      '3': 0.08,\n      '4': 0.09,\n      '5': 0.1,\n      '6': 0.11,\n      '7': 0.115,\n      '8': 0.12,\n      '9': 0.125,\n      '10': 0.13,\n      '11': 0.135,\n      '12': 0.14,\n      '13': 0.1425,\n      '14': 0.145,\n      '15': 0.1475,\n      '16': 0.15,\n      '17': 0.15125,\n      '18': 0.1525,\n      '19': 0.15375,\n      '20': 0.155,\n      '21': 0.15625,\n      '22': 0.1575,\n      '23': 0.15875,\n      '24': 0.16,\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"],"file":"theme.js"}
+{"version":3,"sources":["../../../src/theme/theme.ts"],"names":["em","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","shadowsOriginal","shadows","fonts","body","heading","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","fontFamily","lineHeight","letterSpacing","display","h1","variant","fontWeight","fontSize","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"],"mappings":"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","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\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  shadowsOriginal: {\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 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12)',\n    2: '0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)',\n    3: '0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12)',\n    4: '0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)',\n    5: '0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12)',\n    6: '0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12)',\n    7: '0 4px 5px -2px rgba(0,0,0,0.2),0 7px 10px 1px rgba(0,0,0,0.14),0 2px 16px 1px rgba(0,0,0,0.12)',\n    8: '0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)',\n    9: '0 5px 6px -3px rgba(0,0,0,0.2),0 9px 12px 1px rgba(0,0,0,0.14),0 3px 16px 2px rgba(0,0,0,0.12)',\n    10: '0 6px 6px -3px rgba(0,0,0,0.2),0 10px 14px 1px rgba(0,0,0,0.14),0 4px 18px 3px rgba(0,0,0,0.12)',\n    11: '0 6px 7px -4px rgba(0,0,0,0.2),0 11px 15px 1px rgba(0,0,0,0.14),0 4px 20px 3px rgba(0,0,0,0.12)',\n    12: '0 7px 8px -4px rgba(0,0,0,0.2),0 12px 17px 2px rgba(0,0,0,0.14),0 5px 22px 4px rgba(0,0,0,0.12)',\n    13: '0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12)',\n    14: '0 7px 9px -4px rgba(0,0,0,0.2),0 14px 21px 2px rgba(0,0,0,0.14),0 5px 26px 4px rgba(0,0,0,0.12)',\n    15: '0 8px 9px -5px rgba(0,0,0,0.2),0 15px 22px 2px rgba(0,0,0,0.14),0 6px 28px 5px rgba(0,0,0,0.12)',\n    16: '0 8px 10px -5px rgba(0,0,0,0.2),0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12)',\n    17: '0 8px 11px -5px rgba(0,0,0,0.2),0 17px 26px 2px rgba(0,0,0,0.14),0 6px 32px 5px rgba(0,0,0,0.12)',\n    18: '0 9px 11px -5px rgba(0,0,0,0.2),0 18px 28px 2px rgba(0,0,0,0.14),0 7px 34px 6px rgba(0,0,0,0.12)',\n    19: '0 9px 12px -6px rgba(0,0,0,0.2),0 19px 29px 2px rgba(0,0,0,0.14),0 7px 36px 6px rgba(0,0,0,0.12)',\n    20: '0 10px 13px -6px rgba(0,0,0,0.2),0 20px 31px 3px rgba(0,0,0,0.14),0 8px 38px 7px rgba(0,0,0,0.12)',\n    21: '0 10px 13px -6px rgba(0,0,0,0.2),0 21px 33px 3px rgba(0,0,0,0.14),0 8px 40px 7px rgba(0,0,0,0.12)',\n    22: '0 10px 14px -6px rgba(0,0,0,0.2),0 22px 35px 3px rgba(0,0,0,0.14),0 8px 42px 7px rgba(0,0,0,0.12)',\n    23: '0 11px 14px -7px rgba(0,0,0,0.2),0 23px 36px 3px rgba(0,0,0,0.14),0 9px 44px 8px rgba(0,0,0,0.12)',\n    24: '0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12)',\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 4px 8px 3px rgba(0,0,0,0.15),0 1px 3px rgba(0,0,0,0.3)',\n    4: '0 6px 10px 4px rgba(0,0,0,0.15),0 2px 3px rgba(0,0,0,0.3)',\n    5: '0 8px 12px 6px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.3)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: '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    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.button',\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 cubic-bezier(.4,0,.2,1)',\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:hover:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\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 cubic-bezier(.4,0,.2,1)',\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: 0.11,\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"],"file":"theme.js"}