@apia/theme 3.0.1 → 3.0.6

package/dist/{markdown/theme/markdownTheme.js → styles-BzChuFms.js}

@@ -1,3 +1,14 @@
+import { m as markdownExtensions } from './index-YQcMmPq6.js';
+import 'lodash-es/cloneDeep';
+import 'tinycolor2';
+import 'lodash-es/merge';
+import '@theme-ui/match-media';
+import 'theme-ui/jsx-runtime';
+import 'theme-ui';
+import 'react';
+import '@apia/util';
+import '@apia/theme';
+
 const markdownTheme = `:root {
   --color-error-back: #fff2f4;
   --color-error-border: rgb(115, 7, 9);
@@ -115,6 +126,10 @@ table {
   border-collapse: var(--table-border-collapse);
   border: var(--table-border);
   width: 100%;
+  table-layout: fixed;
+}
+table * {
+  word-break: break-word;
 }
 table thead th, table thead td.heading, table tbody th, table tbody td.heading {
   background: var(--table-head-color-background);
@@ -139,5 +154,55 @@ img {
   max-width: 100%;
 }`;
 
-export { markdownTheme };
-//# sourceMappingURL=markdownTheme.js.map
+const printStyles = () => `
+@media print {
+  body {
+    background: white;
+  }
+
+  #Container {
+    border: none;
+    margin: 0;
+    width: auto;
+    padding: 0;
+  }
+}
+`;
+const styles = (additionalStyles, extensions) => {
+  const generated = `
+${markdownTheme}
+
+#Container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+  margin: var(--space-6) auto;
+  width: 920px;
+
+  & > * {
+    margin: 0;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+  }
+
+  li > *:not(:first-child) {
+    margin-top: var(--space-5);
+    margin-bottom: var(--space-5);
+  }
+}
+${printStyles()}
+
+${[...extensions ?? [], ...markdownExtensions].map((current) => current.styles()).join("\n\n")}
+
+${additionalStyles?.() ?? ""}
+`;
+  return generated;
+};
+const markdownParserStyles = (additionalStyles, extensions) => {
+  return styles(additionalStyles, extensions);
+};
+
+export { markdownParserStyles };
+//# sourceMappingURL=styles-BzChuFms.js.map

package/dist/styles-BzChuFms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-BzChuFms.js","sources":["../src/markdown/theme/markdownTheme.ts","../src/markdown/styles.ts"],"sourcesContent":["export const markdownTheme = `:root {\n  --color-error-back: #fff2f4;\n  --color-error-border: rgb(115, 7, 9);\n  --color-error-text: var(--color-text-default);\n  --color-warning-back: #fffdd9;\n  --color-warning-border: rgb(244, 239, 64);\n  --color-warning-text: var(--color-text-default);\n  --color-success-back: #e7ffd9;\n  --color-success-border: rgb(79, 205, 79);\n  --color-success-text: var(--color-text-default);\n  --color-primary: rgb(0, 73, 108);\n  --color-primary-light: #f8fdff;\n  --color-primary-contrast: white;\n  --color-back-paper: white;\n  --color-back-default: white;\n  --color-border-field: #aaa;\n  --color-border-section: #ddd;\n  --color-text-default: #333;\n  --color-text-disabled: #aaa;\n  --color-text-heading: var(--color-primary);\n  --font-size-h1: 32px;\n  --font-size-h2: 28px;\n  --font-size-h3: 25px;\n  --font-size-h4: 21px;\n  --font-size-h5: 18px;\n  --font-size-h6: 16px;\n  --font-size-default: 16px;\n  --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n  --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n  --font-family-monospace: monospace;\n  --table-head-color-background: var(--color-primary);\n  --table-head-color-text: var(--color-primary-contrast);\n  --table-head-color-border: var(--color-primary);\n  --table-head-border: 1px solid var(--table-head-color-border);\n  --table-head-cell-padding: var(--space-4);\n  --table-head-font-weight: bold;\n  --table-head-text-align: center;\n  --table-body-color-background: transparent;\n  --table-body-color-background-odd: var(--color-primary-light);\n  --table-body-color-text: inherit;\n  --table-body-color-border: var(--color-border-section);\n  --table-body-border: 1px solid var(--table-body-color-border);\n  --table-body-cell-padding: var(--space-4);\n  --table-color-background: var(--color-back-paper);\n  --table-color-border: var(--color-border-section);\n  --table-border: 1px solid var(--table-color-border);\n  --table-border-collapse: collapse;\n  --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\n  --space-0: 0;\n  --space-1: 2px;\n  --space-2: 4px;\n  --space-3: 8px;\n  --space-4: 12px;\n  --space-5: 16px;\n  --space-6: 24px;\n}\n\nhtml {\n  margin: 0;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family-default);\n  color: var(--color-text-default);\n}\n\nbody {\n  background: var(--color-back-default);\n  margin: 0;\n}\n\npre, code {\n  font-family: var(--font-family-monospace);\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-family-heading);\n  color: var(--color-text-heading);\n}\n\nh1 {\n  font-size: var(--font-size-h1);\n}\nh1:first-of-type {\n  margin-top: 0;\n}\n\nh2 {\n  font-size: var(--font-size-h2);\n}\n\nh3 {\n  font-size: var(--font-size-h3);\n}\n\nh4 {\n  font-size: var(--font-size-h4);\n}\n\nh5 {\n  font-size: var(--font-size-h5);\n}\n\nh6 {\n  font-size: var(--font-size-h6);\n}\n\na {\n  color: var(--color-text-default);\n}\n\na:visited {\n  color: var(--color-primary);\n}\n\ntable {\n  border-collapse: var(--table-border-collapse);\n  border: var(--table-border);\n  width: 100%;\n  table-layout: fixed;\n}\ntable * {\n  word-break: break-word;\n}\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\n  background: var(--table-head-color-background);\n  color: var(--table-head-color-text);\n  border: var(--table-head-border);\n  padding: var(--table-head-cell-padding);\n  font-weight: var(--table-head-font-weight);\n  text-align: var(--table-head-text-align);\n  text-wrap: nowrap;\n}\ntable tbody td {\n  background: var(--table-body-color-background);\n  color: var(--table-body-color-text);\n  border: var(--table-body-border);\n  padding: var(--table-body-cell-padding);\n}\ntable tbody tr:nth-child(2n) td:not(.heading) {\n  background: var(--table-body-color-background-odd);\n}\n\nimg {\n  max-width: 100%;\n}`;\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\nimport { markdownTheme } from './theme/markdownTheme';\nimport { markdownExtensions } from './extensions';\n\nconst printStyles: IMarkdownStylesAggregator = () => `\n@media print {\n  body {\n    background: white;\n  }\n\n  #Container {\n    border: none;\n    margin: 0;\n    width: auto;\n    padding: 0;\n  }\n}\n`;\n\nconst styles = (\n  additionalStyles?: IMarkdownStylesAggregator,\n  extensions?: RemarkableExtension[],\n) => {\n  const generated = `\n${markdownTheme}\n\n#Container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  margin: var(--space-6) auto;\n  width: 920px;\n\n  & > * {\n    margin: 0;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 0;\n  }\n\n  li > *:not(:first-child) {\n    margin-top: var(--space-5);\n    margin-bottom: var(--space-5);\n  }\n}\n${printStyles()}\n\n${[...(extensions ?? []), ...markdownExtensions]\n  .map((current) => current.styles())\n  .join('\\n\\n')}\n\n${additionalStyles?.() ?? ''}\n`;\n\n  return generated;\n};\n\nexport const markdownParserStyles = (\n  additionalStyles?: IMarkdownStylesAggregator,\n  extensions?: RemarkableExtension[],\n) => {\n  return styles(additionalStyles, extensions);\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAAO,MAAM,aAAgB,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;;ACI7B,MAAM,cAAyC,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,CAAA;AAAA,EAClB,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa,CAAA;AAAA;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAI,CAAA,CAAC,YAAY,OAAQ,CAAA,MAAA,EAAQ,CACjC,CAAA,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA;AAAA,EAEb,gBAAA,QAAwB,EAAE,CAAA;AAAA,CAAA,CAAA;AAG1B,EAAO,OAAA,SAAA,CAAA;AACT,CAAA,CAAA;AAEa,MAAA,oBAAA,GAAuB,CAClC,gBAAA,EACA,UACG,KAAA;AACH,EAAO,OAAA,MAAA,CAAO,kBAAkB,UAAU,CAAA,CAAA;AAC5C;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/theme",
-  "version": "3.0.1",
+  "version": "3.0.6",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -52,5 +52,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "1fc338a96b6dc90632052f9bd032992f6aedb6a6"
+  "gitHead": "964a51f08ff5c0da7568511abe73b48a67f70dc5"
 }

package/dist/ApiaThemeProvider.d.ts

@@ -1,15 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { Theme } from 'theme-ui';
-import { TCustomPalette, TThemeModifier } from './base/colors/types.js';
-
-interface TThemeProvider {
-    children: ReactNode;
-    customTheme?: () => Omit<Theme, 'palette'>;
-    customPalette?: () => TCustomPalette | undefined;
-    themeModifier?: TThemeModifier;
-}
-declare const ApiaThemeProvider: ({ children, customTheme, customPalette, themeModifier, }: TThemeProvider) => react.JSX.Element;
-
-export { ApiaThemeProvider };
-//# sourceMappingURL=ApiaThemeProvider.d.ts.map

package/dist/ApiaThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiaThemeProvider.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ApiaThemeProvider.js

@@ -1,32 +0,0 @@
-import { jsx } from 'theme-ui/jsx-runtime';
-import { ThemeProvider } from 'theme-ui';
-import { useMemo } from 'react';
-import { useMainTheme } from './methods/useMainTheme.js';
-
-let timeout = -1;
-function logTheme(theme) {
-  clearTimeout(timeout);
-  timeout = setTimeout(() => {
-    console.info("Theme log: ", { theme });
-  }, 500);
-}
-const ApiaThemeProvider = ({
-  children,
-  customTheme,
-  customPalette,
-  themeModifier
-}) => {
-  const parsedCustomPalette = useMemo(() => {
-    return customPalette?.();
-  }, [customPalette]);
-  const theme = useMainTheme(
-    customTheme,
-    parsedCustomPalette,
-    themeModifier
-  );
-  logTheme(theme);
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme, children });
-};
-
-export { ApiaThemeProvider };
-//# sourceMappingURL=ApiaThemeProvider.js.map

package/dist/ApiaThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiaThemeProvider.js","sources":["../src/ApiaThemeProvider.tsx"],"sourcesContent":["import { Theme, ThemeProvider } from 'theme-ui';\nimport { ReactNode, useMemo } from 'react';\nimport { useMainTheme } from './methods/useMainTheme';\nimport { TCustomPalette, TThemeModifier } from './base/colors/types';\n\ninterface TThemeProvider {\n  children: ReactNode;\n  customTheme?: () => Omit<Theme, 'palette'>;\n  customPalette?: () => TCustomPalette | undefined;\n  themeModifier?: TThemeModifier;\n}\n\nlet timeout = -1;\nfunction logTheme(theme: unknown) {\n  clearTimeout(timeout);\n  timeout = setTimeout(() => {\n    console.info('Theme log: ', { theme });\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  }, 500) as any;\n}\n\nexport const ApiaThemeProvider = ({\n  children,\n  customTheme,\n  customPalette,\n  themeModifier,\n}: TThemeProvider) => {\n  const parsedCustomPalette = useMemo(() => {\n    return customPalette?.();\n  }, [customPalette]);\n\n  const theme: Theme = useMainTheme(\n    customTheme,\n    parsedCustomPalette,\n    themeModifier,\n  );\n\n  logTheme(theme);\n\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n};\n"],"names":[],"mappings":";;;;;AAYA,IAAI,OAAU,GAAA,CAAA,CAAA,CAAA;AACd,SAAS,SAAS,KAAgB,EAAA;AAChC,EAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AACpB,EAAA,OAAA,GAAU,WAAW,MAAM;AACzB,IAAA,OAAA,CAAQ,IAAK,CAAA,aAAA,EAAe,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA,KAEpC,GAAG,CAAA,CAAA;AACR,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AACF,CAAsB,KAAA;AACpB,EAAM,MAAA,mBAAA,GAAsB,QAAQ,MAAM;AACxC,IAAA,OAAO,aAAgB,IAAA,CAAA;AAAA,GACzB,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAElB,EAAA,MAAM,KAAe,GAAA,YAAA;AAAA,IACnB,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA;AAAA,GACF,CAAA;AAEA,EAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAEd,EAAO,uBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAe,QAAS,EAAA,CAAA,CAAA;AAChD;;;;"}

package/dist/base/alerts.js

@@ -1,128 +0,0 @@
-import { spacing, focusOutline } from '../util.js';
-import getColorsByPath from './colors/util/getColorsByPath.js';
-
-const alerts = {
-  primary: {
-    border: "1px solid",
-    borderLeft: "12px solid",
-    borderRadius: "alerts",
-    display: "flex",
-    flexDirection: "column",
-    fontWeight: "normal",
-    maxHeight: "60vh",
-    overflow: "auto",
-    p: 0,
-    "&:focus": {
-      outline: "none"
-    },
-    ".notification__header": {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      position: "sticky",
-      top: 0,
-      width: "100%",
-      p: spacing(5)
-    },
-    ".notification__title": {
-      fontSize: 18,
-      fontWeight: "bold",
-      color: "palette.text.primary",
-      display: "flex",
-      gap: spacing(5),
-      alignItems: "center"
-    },
-    ".notification__closeButton": {
-      flexShrink: 0
-    },
-    ".notification__body": {
-      alignItems: "center",
-      display: "flex",
-      flexDirection: "row",
-      gap: spacing(5),
-      width: "100%",
-      p: spacing(5)
-    },
-    ".notification__header ~ .notification__body": {
-      pt: 0
-    },
-    ".notification__content": {
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      gap: spacing(5),
-      width: "100%"
-    },
-    ".notification__icon": {
-      flexShrink: 0,
-      height: "iconMd",
-      svg: {
-        height: "iconMd",
-        width: "iconMd"
-      }
-    },
-    ".notification__message": {
-      display: "flex",
-      flexDirection: "column",
-      fontWeight: "normal",
-      gap: spacing(3),
-      width: "100%",
-      wordBreak: "break-word",
-      ul: {
-        listStyle: "disc",
-        ml: "20px"
-      }
-    },
-    ".notification__trace": {
-      maxWidth: "100%",
-      overflow: "hidden",
-      maxHeight: "30vh",
-      flexShrink: 0,
-      backgroundColor: "rgba(10,10,10,0.02)",
-      pt: spacing(5),
-      display: "flex",
-      flexDirection: "column",
-      ".notification__traceLabel": {
-        pl: spacing(5),
-        display: "flex",
-        gap: 2
-      },
-      ".notification__traceText": {
-        fontWeight: "normal",
-        p: spacing(5),
-        maxHeight: "30vh",
-        overflow: "auto",
-        maxWidth: "100%",
-        position: "relative"
-      }
-    },
-    "&:focus .notification__closeButton": focusOutline
-  },
-  warning: {
-    variant: "alerts.primary",
-    "&, & .notification__header": {
-      ...getColorsByPath("notifications.warning")
-    }
-  },
-  danger: {
-    variant: "alerts.primary",
-    "&, & .notification__header": {
-      ...getColorsByPath("notifications.error")
-    }
-  },
-  success: {
-    variant: "alerts.primary",
-    "&, & .notification__header": {
-      ...getColorsByPath("notifications.success")
-    }
-  },
-  info: {
-    variant: "alerts.primary",
-    "&, & .notification__header": {
-      ...getColorsByPath("notifications.info")
-    }
-  }
-};
-
-export { alerts };
-//# sourceMappingURL=alerts.js.map

package/dist/base/alerts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alerts.js","sources":["../../src/base/alerts.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui';\nimport { focusOutline, spacing } from '../util';\nimport getColorsByPath from './colors/util/getColorsByPath';\n\nexport const alerts: Record<string, ThemeUIStyleObject> = {\n  primary: {\n    border: '1px solid',\n    borderLeft: '12px solid',\n    borderRadius: 'alerts',\n\n    display: 'flex',\n    flexDirection: 'column',\n    fontWeight: 'normal',\n\n    maxHeight: '60vh',\n    overflow: 'auto',\n    p: 0,\n\n    '&:focus': {\n      outline: 'none',\n    },\n\n    '.notification__header': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      position: 'sticky',\n      top: 0,\n      width: '100%',\n      p: spacing(5),\n    },\n\n    '.notification__title': {\n      fontSize: 18,\n      fontWeight: 'bold',\n      color: 'palette.text.primary',\n      display: 'flex',\n      gap: spacing(5),\n      alignItems: 'center',\n    },\n\n    '.notification__closeButton': {\n      flexShrink: 0,\n    },\n\n    '.notification__body': {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'row',\n      gap: spacing(5),\n      width: '100%',\n      p: spacing(5),\n    },\n\n    '.notification__header ~ .notification__body': {\n      pt: 0,\n    },\n\n    '.notification__content': {\n      display: 'flex',\n      alignItems: 'stretch',\n      flexDirection: 'column',\n      gap: spacing(5),\n      width: '100%',\n    },\n\n    '.notification__icon': {\n      flexShrink: 0,\n      height: 'iconMd',\n      svg: {\n        height: 'iconMd',\n        width: 'iconMd',\n      },\n    },\n\n    '.notification__message': {\n      display: 'flex',\n      flexDirection: 'column',\n      fontWeight: 'normal',\n      gap: spacing(3),\n      width: '100%',\n      wordBreak: 'break-word',\n\n      ul: {\n        listStyle: 'disc',\n        ml: '20px',\n      },\n    },\n\n    '.notification__trace': {\n      maxWidth: '100%',\n      overflow: 'hidden',\n      maxHeight: '30vh',\n      flexShrink: 0,\n      backgroundColor: 'rgba(10,10,10,0.02)',\n      pt: spacing(5),\n      display: 'flex',\n      flexDirection: 'column',\n\n      '.notification__traceLabel': {\n        pl: spacing(5),\n        display: 'flex',\n        gap: 2,\n      },\n      '.notification__traceText': {\n        fontWeight: 'normal',\n        p: spacing(5),\n        maxHeight: '30vh',\n        overflow: 'auto',\n        maxWidth: '100%',\n        position: 'relative',\n      },\n    },\n\n    '&:focus .notification__closeButton': focusOutline,\n  },\n  warning: {\n    variant: 'alerts.primary',\n\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.warning'),\n    },\n  },\n  danger: {\n    variant: 'alerts.primary',\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.error'),\n    },\n  },\n  success: {\n    variant: 'alerts.primary',\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.success'),\n    },\n  },\n  info: {\n    variant: 'alerts.primary',\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.info'),\n    },\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/base/baseTheme.js

@@ -1,93 +0,0 @@
-import { alerts } from './alerts.js';
-import buttons from './buttons.js';
-import text from './text.js';
-import { root } from './rootStyles/rootStyles.js';
-
-const baseTheme = () => {
-  return {
-    alerts,
-    breakpoints: [
-      "0px",
-      "250px",
-      "500px",
-      "700px",
-      "1000px",
-      "1260px",
-      "1580px"
-    ],
-    buttons,
-    colors: {},
-    fonts: {
-      body: '"InterVariable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif, Roboto',
-      heading: "inherit",
-      monospace: "Menlo, monospace"
-    },
-    fontSizes: Array(60).fill(1).map((_, i) => {
-      return i;
-    }),
-    fontWeights: {
-      default: "normal",
-      heading: "bold"
-    },
-    forms: {},
-    layout: {
-      root
-    },
-    lineHeights: {
-      body: 1.5,
-      heading: 1.125
-    },
-    letterSpacings: {
-      body: "0.01em",
-      heading: "-0.015em"
-    },
-    radii: {
-      alerts: 0,
-      buttons: 0,
-      default: 0,
-      panel: "7px",
-      modals: "7px"
-    },
-    shadows: {
-      dataGridHeader: "-6px -6px 11px black",
-      modals: "rgba(0, 0, 0, 0.16) 0px 1px 4px;",
-      tabs: "",
-      panel: "rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px",
-      tableFilters: "3px 3px 3px rgba(0,0,0,0.2)",
-      toolbar: "3px 3px 3px rgba(0,0,0,0.1)",
-      desktop: {
-        windowElement: "rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px"
-      }
-    },
-    space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 112, 128],
-    sizes: {
-      // Layout
-      applicationMenu: "350px",
-      floatingNotifications: "min(550px, calc(100vw - 30px))",
-      root: "992px",
-      mainImage: "64px",
-      twoColumns: "calc(992px + 350px)",
-      twoColumnsCentered: "calc(992px + 350px + 16px)",
-      // Icons
-      iconXs: "12px",
-      iconSm: "16px",
-      iconMd: "22px",
-      iconLg: "32px",
-      iconXl: "48px"
-    },
-    text,
-    zIndices: {
-      stickyElements: 600,
-      menu: 1e3,
-      maximizedTables: 1100,
-      modal: 1200,
-      tooltip: 1400,
-      notifications: 1600,
-      contextMenu: 1800
-    },
-    useRootStyles: true
-  };
-};
-
-export { baseTheme };
-//# sourceMappingURL=baseTheme.js.map

package/dist/base/baseTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseTheme.js","sources":["../../src/base/baseTheme.ts"],"sourcesContent":["import { ColorModesScale, Theme } from 'theme-ui';\nimport { alerts } from './alerts';\nimport buttons from './buttons';\nimport text from './text';\nimport { root } from './rootStyles/rootStyles';\n\nexport const baseTheme: () => Omit<Theme, 'palette'> = () => {\n  return {\n    alerts,\n    breakpoints: [\n      '0px',\n      '250px',\n      '500px',\n      '700px',\n      '1000px',\n      '1260px',\n      '1580px',\n    ],\n    buttons,\n    colors: {} as ColorModesScale,\n    fonts: {\n      body: '\"InterVariable\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto',\n      heading: 'inherit',\n      monospace: 'Menlo, monospace',\n    },\n    fontSizes: Array(60)\n      .fill(1)\n      .map((_, i) => {\n        return i;\n      }),\n    fontWeights: {\n      default: 'normal',\n      heading: 'bold',\n    },\n    forms: {},\n    layout: {\n      root,\n    },\n    lineHeights: {\n      body: 1.5,\n      heading: 1.125,\n    },\n    letterSpacings: {\n      body: '0.01em',\n      heading: '-0.015em',\n    },\n    radii: {\n      alerts: 0,\n      buttons: 0,\n      default: 0,\n      panel: '7px',\n      modals: '7px',\n    },\n    shadows: {\n      dataGridHeader: '-6px -6px 11px black',\n      modals: 'rgba(0, 0, 0, 0.16) 0px 1px 4px;',\n      tabs: '',\n      panel:\n        'rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px',\n      tableFilters: '3px 3px 3px rgba(0,0,0,0.2)',\n      toolbar: '3px 3px 3px rgba(0,0,0,0.1)',\n      desktop: {\n        windowElement:\n          'rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px',\n      },\n    },\n    space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 112, 128],\n    sizes: {\n      // Layout\n      applicationMenu: '350px',\n      floatingNotifications: 'min(550px, calc(100vw - 30px))',\n      root: '992px',\n      mainImage: '64px',\n      twoColumns: 'calc(992px + 350px)',\n      twoColumnsCentered: 'calc(992px + 350px + 16px)',\n\n      // Icons\n      iconXs: '12px',\n      iconSm: '16px',\n      iconMd: '22px',\n      iconLg: '32px',\n      iconXl: '48px',\n    },\n    text,\n    zIndices: {\n      stickyElements: 600,\n      menu: 1000,\n      maximizedTables: 1100,\n      modal: 1200,\n      tooltip: 1400,\n      notifications: 1600,\n      contextMenu: 1800,\n    },\n    useRootStyles: true,\n  };\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,YAA0C,MAAM;AAC3D,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAa,EAAA;AAAA,MACX,KAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACF;AAAA,IACA,OAAA;AAAA,IACA,QAAQ,EAAC;AAAA,IACT,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,iHAAA;AAAA,MACN,OAAS,EAAA,SAAA;AAAA,MACT,SAAW,EAAA,kBAAA;AAAA,KACb;AAAA,IACA,SAAA,EAAW,KAAM,CAAA,EAAE,CAChB,CAAA,IAAA,CAAK,CAAC,CACN,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAAM,KAAA;AACb,MAAO,OAAA,CAAA,CAAA;AAAA,KACR,CAAA;AAAA,IACH,WAAa,EAAA;AAAA,MACX,OAAS,EAAA,QAAA;AAAA,MACT,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,IAAA;AAAA,KACF;AAAA,IACA,WAAa,EAAA;AAAA,MACX,IAAM,EAAA,GAAA;AAAA,MACN,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,IAAM,EAAA,QAAA;AAAA,MACN,OAAS,EAAA,UAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,MAAQ,EAAA,CAAA;AAAA,MACR,OAAS,EAAA,CAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,cAAgB,EAAA,sBAAA;AAAA,MAChB,MAAQ,EAAA,kCAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,MACN,KACE,EAAA,8EAAA;AAAA,MACF,YAAc,EAAA,6BAAA;AAAA,MACd,OAAS,EAAA,6BAAA;AAAA,MACT,OAAS,EAAA;AAAA,QACP,aACE,EAAA,sEAAA;AAAA,OACJ;AAAA,KACF;AAAA,IACA,OAAO,CAAC,CAAA,EAAG,CAAG,EAAA,CAAA,EAAG,GAAG,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,KAAK,GAAG,CAAA;AAAA,IAChE,KAAO,EAAA;AAAA;AAAA,MAEL,eAAiB,EAAA,OAAA;AAAA,MACjB,qBAAuB,EAAA,gCAAA;AAAA,MACvB,IAAM,EAAA,OAAA;AAAA,MACN,SAAW,EAAA,MAAA;AAAA,MACX,UAAY,EAAA,qBAAA;AAAA,MACZ,kBAAoB,EAAA,4BAAA;AAAA;AAAA,MAGpB,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,MAAA;AAAA,KACV;AAAA,IACA,IAAA;AAAA,IACA,QAAU,EAAA;AAAA,MACR,cAAgB,EAAA,GAAA;AAAA,MAChB,IAAM,EAAA,GAAA;AAAA,MACN,eAAiB,EAAA,IAAA;AAAA,MACjB,KAAO,EAAA,IAAA;AAAA,MACP,OAAS,EAAA,IAAA;AAAA,MACT,aAAe,EAAA,IAAA;AAAA,MACf,WAAa,EAAA,IAAA;AAAA,KACf;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,GACjB,CAAA;AACF;;;;"}