@apia/theme 2.0.11 → 3.0.2

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);
@@ -133,7 +148,61 @@ table tbody td {
 }
 table tbody tr:nth-child(2n) td:not(.heading) {
   background: var(--table-body-color-background-odd);
+}
+
+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 {\r\n  --color-error-back: #fff2f4;\r\n  --color-error-border: rgb(115, 7, 9);\r\n  --color-error-text: var(--color-text-default);\r\n  --color-warning-back: #fffdd9;\r\n  --color-warning-border: rgb(244, 239, 64);\r\n  --color-warning-text: var(--color-text-default);\r\n  --color-success-back: #e7ffd9;\r\n  --color-success-border: rgb(79, 205, 79);\r\n  --color-success-text: var(--color-text-default);\r\n  --color-primary: rgb(0, 73, 108);\r\n  --color-primary-light: #f8fdff;\r\n  --color-primary-contrast: white;\r\n  --color-back-paper: white;\r\n  --color-back-default: white;\r\n  --color-border-field: #aaa;\r\n  --color-border-section: #ddd;\r\n  --color-text-default: #333;\r\n  --color-text-disabled: #aaa;\r\n  --color-text-heading: var(--color-primary);\r\n  --font-size-h1: 32px;\r\n  --font-size-h2: 28px;\r\n  --font-size-h3: 25px;\r\n  --font-size-h4: 21px;\r\n  --font-size-h5: 18px;\r\n  --font-size-h6: 16px;\r\n  --font-size-default: 16px;\r\n  --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n  --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n  --font-family-monospace: monospace;\r\n  --table-head-color-background: var(--color-primary);\r\n  --table-head-color-text: var(--color-primary-contrast);\r\n  --table-head-color-border: var(--color-primary);\r\n  --table-head-border: 1px solid var(--table-head-color-border);\r\n  --table-head-cell-padding: var(--space-4);\r\n  --table-head-font-weight: bold;\r\n  --table-head-text-align: center;\r\n  --table-body-color-background: transparent;\r\n  --table-body-color-background-odd: var(--color-primary-light);\r\n  --table-body-color-text: inherit;\r\n  --table-body-color-border: var(--color-border-section);\r\n  --table-body-border: 1px solid var(--table-body-color-border);\r\n  --table-body-cell-padding: var(--space-4);\r\n  --table-color-background: var(--color-back-paper);\r\n  --table-color-border: var(--color-border-section);\r\n  --table-border: 1px solid var(--table-color-border);\r\n  --table-border-collapse: collapse;\r\n  --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\r\n  --space-0: 0;\r\n  --space-1: 2px;\r\n  --space-2: 4px;\r\n  --space-3: 8px;\r\n  --space-4: 12px;\r\n  --space-5: 16px;\r\n  --space-6: 24px;\r\n}\r\n\r\nhtml {\r\n  margin: 0;\r\n  font-size: var(--font-size-default);\r\n  font-family: var(--font-family-default);\r\n  color: var(--color-text-default);\r\n}\r\n\r\nbody {\r\n  background: var(--color-back-default);\r\n  margin: 0;\r\n}\r\n\r\npre, code {\r\n  font-family: var(--font-family-monospace);\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n  font-family: var(--font-family-heading);\r\n  color: var(--color-text-heading);\r\n}\r\n\r\nh1 {\r\n  font-size: var(--font-size-h1);\r\n}\r\nh1:first-of-type {\r\n  margin-top: 0;\r\n}\r\n\r\nh2 {\r\n  font-size: var(--font-size-h2);\r\n}\r\n\r\nh3 {\r\n  font-size: var(--font-size-h3);\r\n}\r\n\r\nh4 {\r\n  font-size: var(--font-size-h4);\r\n}\r\n\r\nh5 {\r\n  font-size: var(--font-size-h5);\r\n}\r\n\r\nh6 {\r\n  font-size: var(--font-size-h6);\r\n}\r\n\r\na {\r\n  color: var(--color-text-default);\r\n}\r\n\r\na:visited {\r\n  color: var(--color-primary);\r\n}\r\n\r\ntable {\r\n  border-collapse: var(--table-border-collapse);\r\n  border: var(--table-border);\r\n  width: 100%;\r\n  table-layout: fixed;\r\n}\r\ntable * {\r\n  word-break: break-word;\r\n}\r\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\r\n  background: var(--table-head-color-background);\r\n  color: var(--table-head-color-text);\r\n  border: var(--table-head-border);\r\n  padding: var(--table-head-cell-padding);\r\n  font-weight: var(--table-head-font-weight);\r\n  text-align: var(--table-head-text-align);\r\n  text-wrap: nowrap;\r\n}\r\ntable tbody td {\r\n  background: var(--table-body-color-background);\r\n  color: var(--table-body-color-text);\r\n  border: var(--table-body-border);\r\n  padding: var(--table-body-cell-padding);\r\n}\r\ntable tbody tr:nth-child(2n) td:not(.heading) {\r\n  background: var(--table-body-color-background-odd);\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n}`;\r\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\r\nimport { markdownTheme } from './theme/markdownTheme';\r\nimport { markdownExtensions } from './extensions';\r\n\r\nconst printStyles: IMarkdownStylesAggregator = () => `\r\n@media print {\r\n  body {\r\n    background: white;\r\n  }\r\n\r\n  #Container {\r\n    border: none;\r\n    margin: 0;\r\n    width: auto;\r\n    padding: 0;\r\n  }\r\n}\r\n`;\r\n\r\nconst styles = (\r\n  additionalStyles?: IMarkdownStylesAggregator,\r\n  extensions?: RemarkableExtension[],\r\n) => {\r\n  const generated = `\r\n${markdownTheme}\r\n\r\n#Container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-6);\r\n  margin: var(--space-6) auto;\r\n  width: 920px;\r\n\r\n  & > * {\r\n    margin: 0;\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    margin: 0;\r\n  }\r\n\r\n  li > *:not(:first-child) {\r\n    margin-top: var(--space-5);\r\n    margin-bottom: var(--space-5);\r\n  }\r\n}\r\n${printStyles()}\r\n\r\n${[...(extensions ?? []), ...markdownExtensions]\r\n  .map((current) => current.styles())\r\n  .join('\\n\\n')}\r\n\r\n${additionalStyles?.() ?? ''}\r\n`;\r\n\r\n  return generated;\r\n};\r\n\r\nexport const markdownParserStyles = (\r\n  additionalStyles?: IMarkdownStylesAggregator,\r\n  extensions?: RemarkableExtension[],\r\n) => {\r\n  return styles(additionalStyles, extensions);\r\n};\r\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": "2.0.11",
+  "version": "3.0.2",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -40,7 +40,7 @@
     "typescript": "5.4.2"
   },
   "peerDependencies": {
-    "@apia/util": "*",
+    "@apia/util": "../util",
     "@emotion/react": "^11.10.6",
     "@theme-ui/css": "^0.16.2",
     "@theme-ui/match-media": "^0.16.0",
@@ -52,5 +52,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "2baba9f15d947ff574605579b8593604886f690f"
+  "gitHead": "1be67c2956d7c0964b4e8a18173af7cde3fc534e"
 }

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';\r\nimport { ReactNode, useMemo } from 'react';\r\nimport { useMainTheme } from './methods/useMainTheme';\r\nimport { TCustomPalette, TThemeModifier } from './base/colors/types';\r\n\r\ninterface TThemeProvider {\r\n  children: ReactNode;\r\n  customTheme?: () => Omit<Theme, 'palette'>;\r\n  customPalette?: () => TCustomPalette | undefined;\r\n  themeModifier?: TThemeModifier;\r\n}\r\n\r\nlet timeout = -1;\r\nfunction logTheme(theme: unknown) {\r\n  clearTimeout(timeout);\r\n  timeout = setTimeout(() => {\r\n    console.info('Theme log: ', { theme });\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  }, 500) as any;\r\n}\r\n\r\nexport const ApiaThemeProvider = ({\r\n  children,\r\n  customTheme,\r\n  customPalette,\r\n  themeModifier,\r\n}: TThemeProvider) => {\r\n  const parsedCustomPalette = useMemo(() => {\r\n    return customPalette?.();\r\n  }, [customPalette]);\r\n\r\n  const theme: Theme = useMainTheme(\r\n    customTheme,\r\n    parsedCustomPalette,\r\n    themeModifier,\r\n  );\r\n\r\n  logTheme(theme);\r\n\r\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\r\n};\r\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';\r\nimport { focusOutline, spacing } from '../util';\r\nimport getColorsByPath from './colors/util/getColorsByPath';\r\n\r\nexport const alerts: Record<string, ThemeUIStyleObject> = {\r\n  primary: {\r\n    border: '1px solid',\r\n    borderLeft: '12px solid',\r\n    borderRadius: 'alerts',\r\n\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    fontWeight: 'normal',\r\n\r\n    maxHeight: '60vh',\r\n    overflow: 'auto',\r\n    p: 0,\r\n\r\n    '&:focus': {\r\n      outline: 'none',\r\n    },\r\n\r\n    '.notification__header': {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'space-between',\r\n      position: 'sticky',\r\n      top: 0,\r\n      width: '100%',\r\n      p: spacing(5),\r\n    },\r\n\r\n    '.notification__title': {\r\n      fontSize: 18,\r\n      fontWeight: 'bold',\r\n      color: 'palette.text.primary',\r\n      display: 'flex',\r\n      gap: spacing(5),\r\n      alignItems: 'center',\r\n    },\r\n\r\n    '.notification__closeButton': {\r\n      flexShrink: 0,\r\n    },\r\n\r\n    '.notification__body': {\r\n      alignItems: 'center',\r\n      display: 'flex',\r\n      flexDirection: 'row',\r\n      gap: spacing(5),\r\n      width: '100%',\r\n      p: spacing(5),\r\n    },\r\n\r\n    '.notification__header ~ .notification__body': {\r\n      pt: 0,\r\n    },\r\n\r\n    '.notification__content': {\r\n      display: 'flex',\r\n      alignItems: 'stretch',\r\n      flexDirection: 'column',\r\n      gap: spacing(5),\r\n      width: '100%',\r\n    },\r\n\r\n    '.notification__icon': {\r\n      flexShrink: 0,\r\n      height: 'iconMd',\r\n      svg: {\r\n        height: 'iconMd',\r\n        width: 'iconMd',\r\n      },\r\n    },\r\n\r\n    '.notification__message': {\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      fontWeight: 'normal',\r\n      gap: spacing(3),\r\n      width: '100%',\r\n      wordBreak: 'break-word',\r\n\r\n      ul: {\r\n        listStyle: 'disc',\r\n        ml: '20px',\r\n      },\r\n    },\r\n\r\n    '.notification__trace': {\r\n      maxWidth: '100%',\r\n      overflow: 'hidden',\r\n      maxHeight: '30vh',\r\n      flexShrink: 0,\r\n      backgroundColor: 'rgba(10,10,10,0.02)',\r\n      pt: spacing(5),\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n\r\n      '.notification__traceLabel': {\r\n        pl: spacing(5),\r\n        display: 'flex',\r\n        gap: 2,\r\n      },\r\n      '.notification__traceText': {\r\n        fontWeight: 'normal',\r\n        p: spacing(5),\r\n        maxHeight: '30vh',\r\n        overflow: 'auto',\r\n        maxWidth: '100%',\r\n        position: 'relative',\r\n      },\r\n    },\r\n\r\n    '&:focus .notification__closeButton': focusOutline,\r\n  },\r\n  warning: {\r\n    variant: 'alerts.primary',\r\n\r\n    '&, & .notification__header': {\r\n      ...getColorsByPath('notifications.warning'),\r\n    },\r\n  },\r\n  danger: {\r\n    variant: 'alerts.primary',\r\n    '&, & .notification__header': {\r\n      ...getColorsByPath('notifications.error'),\r\n    },\r\n  },\r\n  success: {\r\n    variant: 'alerts.primary',\r\n    '&, & .notification__header': {\r\n      ...getColorsByPath('notifications.success'),\r\n    },\r\n  },\r\n  info: {\r\n    variant: 'alerts.primary',\r\n    '&, & .notification__header': {\r\n      ...getColorsByPath('notifications.info'),\r\n    },\r\n  },\r\n};\r\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';\r\nimport { alerts } from './alerts';\r\nimport buttons from './buttons';\r\nimport text from './text';\r\nimport { root } from './rootStyles/rootStyles';\r\n\r\nexport const baseTheme: () => Omit<Theme, 'palette'> = () => {\r\n  return {\r\n    alerts,\r\n    breakpoints: [\r\n      '0px',\r\n      '250px',\r\n      '500px',\r\n      '700px',\r\n      '1000px',\r\n      '1260px',\r\n      '1580px',\r\n    ],\r\n    buttons,\r\n    colors: {} as ColorModesScale,\r\n    fonts: {\r\n      body: '\"InterVariable\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto',\r\n      heading: 'inherit',\r\n      monospace: 'Menlo, monospace',\r\n    },\r\n    fontSizes: Array(60)\r\n      .fill(1)\r\n      .map((_, i) => {\r\n        return i;\r\n      }),\r\n    fontWeights: {\r\n      default: 'normal',\r\n      heading: 'bold',\r\n    },\r\n    forms: {},\r\n    layout: {\r\n      root,\r\n    },\r\n    lineHeights: {\r\n      body: 1.5,\r\n      heading: 1.125,\r\n    },\r\n    letterSpacings: {\r\n      body: '0.01em',\r\n      heading: '-0.015em',\r\n    },\r\n    radii: {\r\n      alerts: 0,\r\n      buttons: 0,\r\n      default: 0,\r\n      panel: '7px',\r\n      modals: '7px',\r\n    },\r\n    shadows: {\r\n      dataGridHeader: '-6px -6px 11px black',\r\n      modals: 'rgba(0, 0, 0, 0.16) 0px 1px 4px;',\r\n      tabs: '',\r\n      panel:\r\n        'rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px',\r\n      tableFilters: '3px 3px 3px rgba(0,0,0,0.2)',\r\n      toolbar: '3px 3px 3px rgba(0,0,0,0.1)',\r\n      desktop: {\r\n        windowElement:\r\n          'rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px',\r\n      },\r\n    },\r\n    space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 112, 128],\r\n    sizes: {\r\n      // Layout\r\n      applicationMenu: '350px',\r\n      floatingNotifications: 'min(550px, calc(100vw - 30px))',\r\n      root: '992px',\r\n      mainImage: '64px',\r\n      twoColumns: 'calc(992px + 350px)',\r\n      twoColumnsCentered: 'calc(992px + 350px + 16px)',\r\n\r\n      // Icons\r\n      iconXs: '12px',\r\n      iconSm: '16px',\r\n      iconMd: '22px',\r\n      iconLg: '32px',\r\n      iconXl: '48px',\r\n    },\r\n    text,\r\n    zIndices: {\r\n      stickyElements: 600,\r\n      menu: 1000,\r\n      maximizedTables: 1100,\r\n      modal: 1200,\r\n      tooltip: 1400,\r\n      notifications: 1600,\r\n      contextMenu: 1800,\r\n    },\r\n    useRootStyles: true,\r\n  };\r\n};\r\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;;;;"}