@apia/theme 1.0.1 → 2.0.0

package/dist/base/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/base/layout/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport { common } from './common';\nimport { util } from './util';\n/* IMPORT HERE */\n\nexport const layout: (theme: Theme) => Record<string, ThemeUICSSObject> = (\n  theme,\n) => {\n  return {\n    common: common(theme),\n    util,\n    /* PREPEND HERE */\n  };\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,MAAA,GAA6D,CACxE,KACG,KAAA;AACH,EAAO,OAAA;AAAA,IACL,MAAA,EAAQ,OAAO,KAAK,CAAA;AAAA,IACpB,IAAA;AAAA;AAAA,GAEF,CAAA;AACF;;;;"}

package/dist/base/layout/util/collector.js

@@ -0,0 +1,30 @@
+const collector = {
+  /* PREPEND HERE */
+  formContainer: {
+    minWidth: "400px",
+    form: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 4
+    },
+    ".collector__buttons": {
+      display: "flex",
+      justifyContent: "end",
+      alignItems: "end",
+      gap: 4
+    },
+    ".fieldWrapper.checkbox": {
+      display: "flex",
+      flexDirection: "row-reverse",
+      gap: 4,
+      alignItems: "start",
+      justifyContent: "start"
+    }
+  },
+  modal: {
+    ".modal__main": {}
+  }
+};
+
+export { collector };
+//# sourceMappingURL=collector.js.map

package/dist/base/layout/util/collector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collector.js","sources":["../../../../src/base/layout/util/collector.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\n/* IMPORT HERE */\n\nexport const collector: ThemeUICSSObject = {\n  /* PREPEND HERE */\n  formContainer: {\n    minWidth: '400px',\n\n    form: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 4,\n    },\n\n    '.collector__buttons': {\n      display: 'flex',\n      justifyContent: 'end',\n      alignItems: 'end',\n      gap: 4,\n    },\n\n    '.fieldWrapper.checkbox': {\n      display: 'flex',\n      flexDirection: 'row-reverse',\n      gap: 4,\n      alignItems: 'start',\n      justifyContent: 'start',\n    },\n  },\n\n  modal: {\n    '.modal__main': {},\n  },\n};\n"],"names":[],"mappings":"AAGO,MAAM,SAA8B,GAAA;AAAA;AAAA,EAEzC,aAAe,EAAA;AAAA,IACb,QAAU,EAAA,OAAA;AAAA,IAEV,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,GAAK,EAAA,CAAA;AAAA,KACP;AAAA,IAEA,qBAAuB,EAAA;AAAA,MACrB,OAAS,EAAA,MAAA;AAAA,MACT,cAAgB,EAAA,KAAA;AAAA,MAChB,UAAY,EAAA,KAAA;AAAA,MACZ,GAAK,EAAA,CAAA;AAAA,KACP;AAAA,IAEA,wBAA0B,EAAA;AAAA,MACxB,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,aAAA;AAAA,MACf,GAAK,EAAA,CAAA;AAAA,MACL,UAAY,EAAA,OAAA;AAAA,MACZ,cAAgB,EAAA,OAAA;AAAA,KAClB;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,gBAAgB,EAAC;AAAA,GACnB;AACF;;;;"}

package/dist/base/layout/util/index.js

@@ -0,0 +1,9 @@
+import { collector } from './collector.js';
+
+const util = {
+  collector
+  /* PREPEND HERE */
+};
+
+export { util };
+//# sourceMappingURL=index.js.map

package/dist/base/layout/util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/base/layout/util/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\nimport { collector } from './collector';\n/* IMPORT HERE */\n\nexport const util: ThemeUICSSObject = {\n  collector,\n  /* PREPEND HERE */\n};\n"],"names":[],"mappings":";;AAIO,MAAM,IAAyB,GAAA;AAAA,EACpC,SAAA;AAAA;AAEF;;;;"}

package/dist/base/rootStyles/menu.js

@@ -0,0 +1,122 @@
+const menu = {
+  ".szh-menu": (theme) => ({
+    margin: "0",
+    padding: "0.5rem 0",
+    listStyle: "none",
+    boxSizing: "border-box",
+    width: "max-content",
+    zIndex: "contextMenu",
+    border: "1px solid  #656565",
+    backgroundColor: theme.palette.background.paper,
+    userSelect: "none",
+    color: theme.palette.text.primary,
+    // 'var(--theme-ui-colors-palette-text-primary)',
+    borderRadius: "0.25rem",
+    boxShadow: "0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1)",
+    minWidth: "10rem"
+  }),
+  ".szh-menu__arrow": (theme) => ({
+    boxSizing: "border-box",
+    width: "0.75rem",
+    height: "0.75rem",
+    backgroundColor: theme.palette.background.paper,
+    border: "1px solid transparent",
+    borderLeftColor: "rgba(0, 0, 0, 0.1)",
+    borderTopColor: "rgba(0, 0, 0, 0.1)",
+    zIndex: -1
+  }),
+  ".szh-menu__arrow--dir-left": {
+    right: "-0.375rem",
+    transform: "translateY(-50%) rotate(135deg)"
+  },
+  ".szh-menu__arrow--dir-right": {
+    left: "-0.375rem",
+    transform: "translateY(-50%) rotate(-45deg)"
+  },
+  ".szh-menu__arrow--dir-top": {
+    bottom: "-0.375rem",
+    transform: "translateX(-50%) rotate(-135deg)"
+  },
+  ".szh-menu__arrow--dir-bottom": {
+    top: "-0.375rem",
+    transform: "translateX(-50%) rotate(45deg)"
+  },
+  ".szh-menu__item": {
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    position: "relative",
+    padding: "0.375rem 1.5rem",
+    paddingLeft: "2.2rem",
+    "&.withIcon": {
+      padding: "0px"
+    }
+  },
+  ".szh-menu__item--hover": (theme) => ({
+    backgroundColor: theme.palette.background.default
+  }),
+  ".szh-menu__item--focusable": {
+    cursor: "default"
+  },
+  ".szh-menu__item--disabled": {
+    cursor: "default",
+    color: "#ccc"
+  },
+  ".szh-menu__group": { boxSizing: "border-box" },
+  ".szh-menu__radio-group": {
+    margin: "0",
+    padding: "0",
+    listStyle: "none"
+  },
+  ".szh-menu__divider": {
+    height: "1px",
+    margin: "0.5rem 0",
+    backgroundColor: "rgba(0, 0, 0, 0.12)"
+  },
+  ".szh-menu-button": { boxSizing: "border-box" },
+  ".szh-menu-container--itemTransition .szh-menu__item": {
+    transitionProperty: "background-color, color",
+    transitionDuration: "0.15s",
+    transitionTimingFunction: "ease-in-out"
+  },
+  ".szh-menu__item--type-radio": { paddingLeft: "2.2rem" },
+  ".szh-menu__item--type-radio::before": {
+    content: '"\u25CB"',
+    position: "absolute",
+    left: "0.8rem",
+    top: "0.55rem",
+    fontSize: "0.8rem"
+  },
+  ".szh-menu__item--type-radio.szh-menu__item--checked::before": {
+    content: '"\u25CF"'
+  },
+  ".szh-menu__item--type-checkbox": { paddingLeft: "2.2rem" },
+  ".szh-menu__item--type-checkbox::before": {
+    position: "absolute",
+    left: "0.8rem"
+  },
+  ".szh-menu__item--type-checkbox.szh-menu__item--checked::before": {
+    content: '"\u2714"'
+  },
+  ".szh-menu__submenu>.szh-menu__item": { paddingRight: "2.5rem" },
+  ".szh-menu__submenu>.szh-menu__item::after": {
+    content: '"\u276F"',
+    position: "absolute",
+    right: "1rem"
+  },
+  ".szh-menu__header": {
+    color: "#888",
+    fontSize: "0.8rem",
+    padding: "0.2rem 1.5rem",
+    textTransform: "uppercase"
+  },
+  ".szh-menu__item--anchor,\n.szh-menu__item--anchor:hover,\n.szh-menu__item--anchor:focus,\n.szh-menu__item--anchor:active": (theme) => ({
+    paddingLeft: "2.2rem",
+    textDecoration: "none",
+    color: theme.palette.text.primary
+  })
+};
+var menu$1 = menu;
+
+export { menu$1 as default };
+//# sourceMappingURL=menu.js.map

package/dist/base/rootStyles/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../src/base/rootStyles/menu.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\n\nconst menu: ThemeUICSSObject = {\n  '.szh-menu': (theme) => ({\n    margin: '0',\n    padding: '0.5rem 0',\n    listStyle: 'none',\n    boxSizing: 'border-box',\n    width: 'max-content',\n    zIndex: 'contextMenu',\n    border: '1px solid  #656565',\n    backgroundColor: theme.palette.background.paper,\n    userSelect: 'none',\n    color: theme.palette.text.primary,\n    // 'var(--theme-ui-colors-palette-text-primary)',\n    borderRadius: '0.25rem',\n    boxShadow: '0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1)',\n    minWidth: '10rem',\n  }),\n  '.szh-menu__arrow': (theme) => ({\n    boxSizing: 'border-box',\n    width: '0.75rem',\n    height: '0.75rem',\n    backgroundColor: theme.palette.background.paper,\n    border: '1px solid transparent',\n    borderLeftColor: 'rgba(0, 0, 0, 0.1)',\n    borderTopColor: 'rgba(0, 0, 0, 0.1)',\n    zIndex: -1,\n  }),\n  '.szh-menu__arrow--dir-left': {\n    right: '-0.375rem',\n    transform: 'translateY(-50%) rotate(135deg)',\n  },\n  '.szh-menu__arrow--dir-right': {\n    left: '-0.375rem',\n    transform: 'translateY(-50%) rotate(-45deg)',\n  },\n  '.szh-menu__arrow--dir-top': {\n    bottom: '-0.375rem',\n    transform: 'translateX(-50%) rotate(-135deg)',\n  },\n  '.szh-menu__arrow--dir-bottom': {\n    top: '-0.375rem',\n    transform: 'translateX(-50%) rotate(45deg)',\n  },\n  '.szh-menu__item': {\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    position: 'relative',\n    padding: '0.375rem 1.5rem',\n    paddingLeft: '2.2rem',\n\n    '&.withIcon': {\n      padding: '0px',\n    },\n  },\n  '.szh-menu__item--hover': (theme) => ({\n    backgroundColor: theme.palette.background.default,\n  }),\n  '.szh-menu__item--focusable': {\n    cursor: 'default',\n  },\n  '.szh-menu__item--disabled': {\n    cursor: 'default',\n    color: '#ccc',\n  },\n  '.szh-menu__group': { boxSizing: 'border-box' },\n  '.szh-menu__radio-group': {\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n  },\n  '.szh-menu__divider': {\n    height: '1px',\n    margin: '0.5rem 0',\n    backgroundColor: 'rgba(0, 0, 0, 0.12)',\n  },\n  '.szh-menu-button': { boxSizing: 'border-box' },\n  '.szh-menu-container--itemTransition .szh-menu__item': {\n    transitionProperty: 'background-color, color',\n    transitionDuration: '0.15s',\n    transitionTimingFunction: 'ease-in-out',\n  },\n  '.szh-menu__item--type-radio': { paddingLeft: '2.2rem' },\n  '.szh-menu__item--type-radio::before': {\n    content: '\"○\"',\n    position: 'absolute',\n    left: '0.8rem',\n    top: '0.55rem',\n    fontSize: '0.8rem',\n  },\n  '.szh-menu__item--type-radio.szh-menu__item--checked::before': {\n    content: '\"●\"',\n  },\n  '.szh-menu__item--type-checkbox': { paddingLeft: '2.2rem' },\n  '.szh-menu__item--type-checkbox::before': {\n    position: 'absolute',\n    left: '0.8rem',\n  },\n  '.szh-menu__item--type-checkbox.szh-menu__item--checked::before': {\n    content: '\"✔\"',\n  },\n  '.szh-menu__submenu>.szh-menu__item': { paddingRight: '2.5rem' },\n  '.szh-menu__submenu>.szh-menu__item::after': {\n    content: '\"❯\"',\n    position: 'absolute',\n    right: '1rem',\n  },\n  '.szh-menu__header': {\n    color: '#888',\n    fontSize: '0.8rem',\n    padding: '0.2rem 1.5rem',\n    textTransform: 'uppercase',\n  },\n  '.szh-menu__item--anchor,\\n.szh-menu__item--anchor:hover,\\n.szh-menu__item--anchor:focus,\\n.szh-menu__item--anchor:active':\n    (theme) => ({\n      paddingLeft: '2.2rem',\n      textDecoration: 'none',\n      color: theme.palette.text.primary,\n    }),\n};\nexport default menu;\n"],"names":[],"mappings":"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"}

package/dist/base/rootStyles/rootStyles.js

@@ -0,0 +1,152 @@
+import { focusOutline, responsive, spacing } from '../../util.js';
+import { transitions } from './transitions.js';
+import menu from './menu.js';
+
+const root = {
+  ...menu,
+  height: "100%",
+  "*": {
+    fontFamily: "body",
+    fontWeight: "body",
+    code: {
+      fontFamily: "monospace"
+    },
+    "&:focus": focusOutline
+  },
+  body: {
+    minHeight: "100vh"
+  },
+  h1: {
+    fontSize: responsive({ 0: 26, 3: 32 })
+  },
+  h2: {
+    fontSize: responsive({ 0: 22, 3: 28 })
+  },
+  h3: {
+    fontSize: responsive({ 0: 19, 3: 25 })
+  },
+  h4: {
+    fontSize: responsive({ 0: 18, 3: 22 })
+  },
+  h5: {
+    fontSize: responsive({ 0: 18, 3: 22 })
+  },
+  h6: {
+    fontSize: responsive({ 0: 17, 3: 17 })
+  },
+  "h1,h2,h3,h4,h5,h6": {
+    letterSpacing: "heading",
+    lineHeight: "heading",
+    variant: "text.title"
+  },
+  "*:not(h1, h2, h3, h4, h5, h6, code)": {
+    fontFamily: "body",
+    fontSize: 16,
+    fontWeight: "body",
+    letterSpacing: "body",
+    lineHeight: "body"
+  },
+  a: {
+    textDecoration: "underline"
+  },
+  "textarea,a": {
+    transition: "color 200ms ease-out",
+    ":focus": {
+      ...focusOutline
+    },
+    ":focus-visible": {
+      ...focusOutline
+    }
+  },
+  "*:focus": focusOutline,
+  ul: {
+    listStyle: "none",
+    listStyleType: "none",
+    margin: 0,
+    padding: 0
+  },
+  abbr: {
+    "&.required": {
+      textDecoration: "none",
+      border: "none",
+      mx: 1,
+      alignSelf: "baseline",
+      fontWeight: "bold",
+      color: "danger"
+    }
+  },
+  table: {
+    borderCollapse: "separate",
+    borderSpacing: 0
+  },
+  "& label": {
+    display: "flex",
+    "& > span": {
+      mb: spacing(1),
+      fontWeight: "bold"
+    },
+    "&.required": {
+      position: "relative",
+      "&::before": {
+        color: "danger",
+        position: "absolute",
+        content: '"*"',
+        top: 0,
+        left: "-10px"
+      },
+      "*:invalid": {
+        borderColor: "danger"
+      }
+    }
+  },
+  ".bold": {
+    fontWeight: "bold"
+  },
+  ".light": {
+    fontWeight: "light"
+  },
+  ".Left": {
+    textAlign: "left !important"
+  },
+  ".Center": {
+    textAlign: "center !important"
+  },
+  ".Right": {
+    textAlign: "right !important"
+  },
+  ".Justify": {
+    textAlign: "justify !important"
+  },
+  ".Bottom": {
+    verticalAlign: "bottom !important"
+  },
+  ".Middle": {
+    verticalAlign: "middle !important"
+  },
+  ".Top": {
+    verticalAlign: "top !important"
+  },
+  ".hidden": {
+    display: "none"
+  },
+  ".field__withError": {
+    borderLeftStyle: "solid",
+    borderLeftWidth: "4px",
+    borderLeftColor: "danger"
+  },
+  ".field__touched": {
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderColor: "touchedBorderColor"
+  },
+  ".noPadding": {
+    padding: 0
+  },
+  'input[type="radio"] ~ svg': {
+    background: "transparent !important"
+  },
+  ...transitions
+};
+
+export { root };
+//# sourceMappingURL=rootStyles.js.map

package/dist/base/rootStyles/rootStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rootStyles.js","sources":["../../../src/base/rootStyles/rootStyles.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline, responsive, spacing } from '../../util';\nimport { transitions } from './transitions';\nimport menu from './menu';\n\nexport const root: ThemeUICSSObject = {\n  ...menu,\n  height: '100%',\n  '*': {\n    fontFamily: 'body',\n    fontWeight: 'body',\n\n    code: {\n      fontFamily: 'monospace',\n    },\n\n    '&:focus': focusOutline,\n  },\n\n  body: {\n    minHeight: '100vh',\n  },\n  h1: {\n    fontSize: responsive({ 0: 26, 3: 32 }),\n  },\n  h2: {\n    fontSize: responsive({ 0: 22, 3: 28 }),\n  },\n  h3: {\n    fontSize: responsive({ 0: 19, 3: 25 }),\n  },\n  h4: {\n    fontSize: responsive({ 0: 18, 3: 22 }),\n  },\n  h5: {\n    fontSize: responsive({ 0: 18, 3: 22 }),\n  },\n  h6: {\n    fontSize: responsive({ 0: 17, 3: 17 }),\n  },\n\n  'h1,h2,h3,h4,h5,h6': {\n    letterSpacing: 'heading',\n    lineHeight: 'heading',\n    variant: 'text.title',\n  },\n  '*:not(h1, h2, h3, h4, h5, h6, code)': {\n    fontFamily: 'body',\n    fontSize: 16,\n    fontWeight: 'body',\n    letterSpacing: 'body',\n    lineHeight: 'body',\n  },\n  a: {\n    textDecoration: 'underline',\n  },\n  'textarea,a': {\n    transition: 'color 200ms ease-out',\n    ':focus': {\n      ...focusOutline,\n    },\n    ':focus-visible': {\n      ...focusOutline,\n    },\n  },\n  '*:focus': focusOutline,\n  ul: {\n    listStyle: 'none',\n    listStyleType: 'none',\n    margin: 0,\n    padding: 0,\n  },\n\n  abbr: {\n    '&.required': {\n      textDecoration: 'none',\n      border: 'none',\n      mx: 1,\n      alignSelf: 'baseline',\n      fontWeight: 'bold',\n      color: 'danger',\n    },\n  },\n  table: {\n    borderCollapse: 'separate',\n    borderSpacing: 0,\n  },\n\n  '& label': {\n    display: 'flex',\n\n    '& > span': {\n      mb: spacing(1),\n      fontWeight: 'bold',\n    },\n\n    '&.required': {\n      position: 'relative',\n      '&::before': {\n        color: 'danger',\n        position: 'absolute',\n        content: '\"*\"',\n        top: 0,\n        left: '-10px',\n      },\n\n      '*:invalid': {\n        borderColor: 'danger',\n      },\n    },\n  },\n\n  '.bold': {\n    fontWeight: 'bold',\n  },\n  '.light': {\n    fontWeight: 'light',\n  },\n\n  '.Left': {\n    textAlign: 'left !important' as unknown as 'left',\n  },\n  '.Center': {\n    textAlign: 'center !important' as unknown as 'left',\n  },\n  '.Right': {\n    textAlign: 'right !important' as unknown as 'left',\n  },\n  '.Justify': {\n    textAlign: 'justify !important' as unknown as 'left',\n  },\n\n  '.Bottom': {\n    verticalAlign: 'bottom !important',\n  },\n\n  '.Middle': {\n    verticalAlign: 'middle !important',\n  },\n\n  '.Top': {\n    verticalAlign: 'top !important',\n  },\n\n  '.hidden': {\n    display: 'none',\n  },\n\n  '.field__withError': {\n    borderLeftStyle: 'solid',\n    borderLeftWidth: '4px',\n    borderLeftColor: 'danger',\n  },\n\n  '.field__touched': {\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    borderColor: 'touchedBorderColor',\n  },\n\n  '.noPadding': {\n    padding: 0,\n  },\n\n  'input[type=\"radio\"] ~ svg': {\n    background: 'transparent !important',\n  },\n\n  ...transitions,\n};\n"],"names":[],"mappings":"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"}

package/dist/base/rootStyles/transitions.js

@@ -0,0 +1,88 @@
+const transitions = {
+  "@keyframes growHorizontal": {
+    from: { transform: "scaleX(0)" },
+    to: { transform: "scaleY(100%)" }
+  },
+  ".hamburguerMenu": { display: "none" },
+  ".hamburguerMenu-enter,\n.hamburguerMenu-appear": {
+    display: "block",
+    transform: "scale(0.7)",
+    opacity: 0
+  },
+  ".hamburguerMenu-enter-active,\n.hamburguerMenu-appear-active": {
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transformOrigin: "right top",
+    opacity: 1
+  },
+  ".hamburguerMenu-enter-done,\n.hamburguerMenu-appear-done": {
+    display: "block"
+  },
+  ".hamburguerMenu-exit": {
+    display: "block",
+    transform: "scale(1)",
+    opacity: 1
+  },
+  ".hamburguerMenu-exit-active": {
+    transform: "scale(0.7) translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    display: "block",
+    opacity: 0,
+    transformOrigin: "right top"
+  },
+  ".hamburguerMenu-exit-done": { display: "none" },
+  ".modal-enter,\n.modal-appear": { opacity: 0, transform: "scale(0.8)" },
+  ".modal-enter-active,\n.modal-appear-active": {
+    opacity: 1,
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".modal-exit": { opacity: 0 },
+  ".modal-exit-done": { opacity: 0, display: "none" },
+  ".modal-exit-active": {
+    opacity: 0,
+    transform: "scale(100)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".overlayAnimation-enter .overlayAnimation:not(.not-released),\n.overlayAnimation-appear .overlayAnimation:not(.not-released)": {
+    opacity: 0
+  },
+  ".overlayAnimation-enter-active .overlayAnimation:not(.not-released),\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)": {
+    opacity: 1,
+    transition: "opacity 150ms"
+  },
+  ".overlayAnimation-exit": { opacity: 1 },
+  ".overlayAnimation-exit-active": { opacity: 0, transition: "opacity 150ms" },
+  ".fromRight-enter,\n.fromRight-appear": { transform: "translateX(550px)" },
+  ".fromRight-enter-active,\n.fromRight-appear-active": {
+    transition: "transform 150ms",
+    transform: "translateX(0)"
+  },
+  ".fromRight-exit": { transform: "translateX(0)" },
+  ".fromRight-exit-active": {
+    transition: "transform 150ms",
+    transform: "translateX(550px)"
+  },
+  ".notification-enter,\n.notification-appear": {
+    opacity: 0,
+    transform: "scale(0.8)"
+  },
+  ".notification-enter-active,\n.notification-appear-active": {
+    opacity: 1,
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".notification-exit": { opacity: 1 },
+  ".notification-exit-active": {
+    opacity: 0,
+    transform: "scale(0.8)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  }
+};
+
+export { transitions };
+//# sourceMappingURL=transitions.js.map

package/dist/base/rootStyles/transitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.js","sources":["../../../src/base/rootStyles/transitions.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui';\n\nexport const transitions: ThemeUIStyleObject = {\n  '@keyframes growHorizontal': {\n    from: { transform: 'scaleX(0)' },\n    to: { transform: 'scaleY(100%)' },\n  },\n  '.hamburguerMenu': { display: 'none' },\n  '.hamburguerMenu-enter,\\n.hamburguerMenu-appear': {\n    display: 'block',\n    transform: 'scale(0.7)',\n    opacity: 0,\n  },\n  '.hamburguerMenu-enter-active,\\n.hamburguerMenu-appear-active': {\n    transform: 'translateX(0)',\n    transition: 'opacity 150ms, transform 150ms',\n    transformOrigin: 'right top',\n    opacity: 1,\n  },\n  '.hamburguerMenu-enter-done,\\n.hamburguerMenu-appear-done': {\n    display: 'block',\n  },\n  '.hamburguerMenu-exit': {\n    display: 'block',\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n  '.hamburguerMenu-exit-active': {\n    transform: 'scale(0.7) translateX(0)',\n    transition: 'opacity 150ms, transform 150ms',\n    display: 'block',\n    opacity: 0,\n    transformOrigin: 'right top',\n  },\n  '.hamburguerMenu-exit-done': { display: 'none' },\n  '.modal-enter,\\n.modal-appear': { opacity: 0, transform: 'scale(0.8)' },\n  '.modal-enter-active,\\n.modal-appear-active': {\n    opacity: 1,\n    transform: 'translateX(0)',\n    transition: 'opacity 150ms, transform 150ms',\n    transitionDelay: '0',\n  },\n  '.modal-exit': { opacity: 0 },\n  '.modal-exit-done': { opacity: 0, display: 'none' },\n  '.modal-exit-active': {\n    opacity: 0,\n    transform: 'scale(100)',\n    transition: 'opacity 150ms, transform 150ms',\n    transitionDelay: '0',\n  },\n  '.overlayAnimation-enter .overlayAnimation:not(.not-released),\\n.overlayAnimation-appear .overlayAnimation:not(.not-released)':\n    {\n      opacity: 0,\n    },\n  '.overlayAnimation-enter-active .overlayAnimation:not(.not-released),\\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)':\n    {\n      opacity: 1,\n      transition: 'opacity 150ms',\n    },\n  '.overlayAnimation-exit': { opacity: 1 },\n  '.overlayAnimation-exit-active': { opacity: 0, transition: 'opacity 150ms' },\n  '.fromRight-enter,\\n.fromRight-appear': { transform: 'translateX(550px)' },\n  '.fromRight-enter-active,\\n.fromRight-appear-active': {\n    transition: 'transform 150ms',\n    transform: 'translateX(0)',\n  },\n  '.fromRight-exit': { transform: 'translateX(0)' },\n  '.fromRight-exit-active': {\n    transition: 'transform 150ms',\n    transform: 'translateX(550px)',\n  },\n  '.notification-enter,\\n.notification-appear': {\n    opacity: 0,\n    transform: 'scale(0.8)',\n  },\n  '.notification-enter-active,\\n.notification-appear-active': {\n    opacity: 1,\n    transform: 'translateX(0)',\n    transition: 'opacity 150ms, transform 150ms',\n    transitionDelay: '0',\n  },\n  '.notification-exit': { opacity: 1 },\n  '.notification-exit-active': {\n    opacity: 0,\n    transform: 'scale(0.8)',\n    transition: 'opacity 150ms, transform 150ms',\n    transitionDelay: '0',\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/base/text.js

@@ -0,0 +1,24 @@
+import { spacing } from '../util.js';
+
+const text = {
+  default: {
+    color: "palette.text.primary",
+    fontFamily: "body",
+    fontWeight: "body",
+    fontSize: 16,
+    m: spacing(0),
+    width: "100%"
+  },
+  title: {
+    letterSpacing: "heading",
+    wordBreak: "normal",
+    color: "title",
+    fontFamily: "heading",
+    lineHeight: "heading",
+    fontWeight: "heading"
+  }
+};
+var text$1 = text;
+
+export { text$1 as default };
+//# sourceMappingURL=text.js.map

package/dist/base/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../src/base/text.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../util';\n\nconst text: Record<string, ThemeUICSSObject> = {\n  default: {\n    color: 'palette.text.primary',\n    fontFamily: 'body',\n    fontWeight: 'body',\n    fontSize: 16,\n    m: spacing(0),\n    width: '100%',\n  },\n  title: {\n    letterSpacing: 'heading',\n    wordBreak: 'normal',\n    color: 'title',\n    fontFamily: 'heading',\n    lineHeight: 'heading',\n    fontWeight: 'heading',\n  },\n};\n\nexport default text;\n"],"names":[],"mappings":";;AAGA,MAAM,IAAyC,GAAA;AAAA,EAC7C,OAAS,EAAA;AAAA,IACP,KAAO,EAAA,sBAAA;AAAA,IACP,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,KAAO,EAAA;AAAA,IACL,aAAe,EAAA,SAAA;AAAA,IACf,SAAW,EAAA,QAAA;AAAA,IACX,KAAO,EAAA,OAAA;AAAA,IACP,UAAY,EAAA,SAAA;AAAA,IACZ,UAAY,EAAA,SAAA;AAAA,IACZ,UAAY,EAAA,SAAA;AAAA,GACd;AACF,CAAA,CAAA;AAEA,aAAe,IAAA;;;;"}