@apia/theme 1.0.1 → 2.0.0

package/dist/ApiaThemeProvider.d.ts

@@ -0,0 +1,15 @@
+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

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

package/dist/ApiaThemeProvider.js

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,128 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1 @@
+{"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;;;;"}

package/dist/base/buttons.js

@@ -0,0 +1,294 @@
+import { responsive, smallButton, spacing } from '../util.js';
+import getColorsAndStatesByPath from './colors/util/getColorsAndStatesByPath.js';
+
+const buttons = {
+  inherit: {
+    color: "inherit",
+    background: "inherit",
+    border: "none",
+    borderRadius: 0,
+    font: "inherit",
+    cursor: "pointer",
+    padding: 0,
+    margin: 0
+  },
+  collapsibleAsidePanelTitle: {
+    variant: "buttons.inherit",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    width: "100%",
+    ...getColorsAndStatesByPath("buttons.collapsibleAsidePanelTitle")
+  },
+  primary: {
+    borderWidth: "2px",
+    borderStyle: "solid",
+    variant: "text.default",
+    py: responsive({ 0: 3, 4: 4 }),
+    px: responsive({ 0: 5, 4: 6 }),
+    display: "inline-block",
+    width: responsive({ 0: "100%", 1: "auto" }),
+    cursor: "pointer",
+    borderRadius: "buttons",
+    fontWeight: "normal",
+    userSelect: "none",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    wordBreak: "keep-all",
+    ...getColorsAndStatesByPath("buttons.primary"),
+    "&:focus, &:focus-visible": {
+      outlineColor: "#00daff"
+    }
+  },
+  "primary-sm": {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    ...smallButton
+  },
+  secondary: {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    borderWidth: "0px",
+    borderStyle: "solid",
+    ...getColorsAndStatesByPath("buttons.secondary")
+  },
+  "secondary-sm": {
+    variant: "buttons.secondary",
+    ...smallButton
+  },
+  "light-secondary": {
+    variant: "buttons.secondary",
+    ...getColorsAndStatesByPath("buttons.lightSecondary")
+  },
+  danger: {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    ...getColorsAndStatesByPath("buttons.danger")
+  },
+  "danger-sm": {
+    variant: "buttons.danger",
+    ...smallButton
+  },
+  warning: {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    ...getColorsAndStatesByPath("buttons.warning")
+  },
+  "warning-sm": {
+    variant: "buttons.warning",
+    ...smallButton
+  },
+  close: {
+    cursor: "pointer",
+    ml: "auto",
+    mr: "2",
+    borderRadius: "buttons",
+    ...getColorsAndStatesByPath("buttons.close")
+  },
+  accordion: {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    cursor: "pointer",
+    m: spacing(0),
+    py: responsive({ 0: 3, 4: 4 }),
+    px: responsive({ 0: 5, 4: 6 }),
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderRadius: "buttons",
+    textAlign: "left",
+    fontFamily: "heading",
+    fontSize: "text.default",
+    textDecoration: "none",
+    textTransform: "none",
+    fontWeight: "bold",
+    border: "none",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    userSelect: "text",
+    "&, *": getColorsAndStatesByPath("buttons.accordion"),
+    "h2.toggleAccordionElementLabel": {
+      variant: "text.default",
+      color: "inherit",
+      margin: 0,
+      wordBreak: "break-word"
+    }
+  },
+  "accordion-primary": {
+    variant: "buttons.accordion",
+    border: "none",
+    ...getColorsAndStatesByPath("buttons.accordionPrimary")
+  },
+  icon: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    p: spacing(0),
+    m: spacing(0),
+    bg: "secondary",
+    cursor: "pointer",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    borderRadius: "buttons",
+    border: "none",
+    color: "inherit",
+    ...getColorsAndStatesByPath("buttons.icon"),
+    "&.isToggled": {
+      ...getColorsAndStatesByPath("buttons.iconToggled")
+    }
+  },
+  "icon-primary": {
+    variant: "buttons.icon",
+    ...getColorsAndStatesByPath("buttons.iconPrimary")
+  },
+  "icon-outline": {
+    variant: "buttons.icon",
+    bg: "white",
+    border: "1px solid",
+    borderRadius: "4px",
+    // border: 'none',
+    ...getColorsAndStatesByPath("buttons.iconOutline")
+  },
+  "icon-outline-danger": {
+    variant: "buttons.icon",
+    border: "1px solid",
+    ...getColorsAndStatesByPath("buttons.outlineDanger")
+  },
+  "icon-only": {
+    variant: "buttons.icon",
+    ...getColorsAndStatesByPath("buttons.iconOnly")
+  },
+  link: {
+    variant: "inherit",
+    width: "auto",
+    border: "none",
+    background: "transparent",
+    textDecoration: "underline",
+    px: 2,
+    py: 1,
+    borderRadius: "buttons",
+    cursor: "pointer",
+    textTransform: "none",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    ...getColorsAndStatesByPath("buttons.link")
+  },
+  "link-sm": {
+    variant: "buttons.link",
+    ...smallButton
+  },
+  outline: {
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons",
+    "&:focus, &:focus-visible": {},
+    ...getColorsAndStatesByPath("buttons.outline", {
+      states: {
+        active: false,
+        checked: false,
+        disabled: false,
+        focus: false,
+        hover: false,
+        readonly: false,
+        selected: false
+      }
+    })
+  },
+  "outline-sm": {
+    variant: "buttons.outline",
+    ...smallButton
+  },
+  "transparent-sm": {
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {},
+    bg: "transparent",
+    color: "inherit",
+    border: "none",
+    font: "inherit",
+    textTransform: "inherit",
+    ...smallButton
+  },
+  "outline-danger": {
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {},
+    ...getColorsAndStatesByPath("buttons.outlineDanger")
+  },
+  "outline-danger-sm": {
+    variant: "buttons.outline-danger",
+    ...smallButton
+  },
+  "outline-warning": {
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {},
+    ...getColorsAndStatesByPath("buttons.outlineWarning")
+  },
+  "outline-warning-sm": {
+    variant: "buttons.outline-warning",
+    ...smallButton
+  },
+  "outline-extended": {
+    variant: "buttons.outline",
+    gridColumnStart: 1,
+    gridColumnEnd: 3,
+    width: "100%"
+  },
+  "outline-danger-extended": {
+    variant: "buttons.outline-danger",
+    gridColumnStart: 1,
+    gridColumnEnd: 3,
+    width: "100%"
+  },
+  "primary-extended": {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    gridColumnStart: 1,
+    gridColumnEnd: 3,
+    width: "100%"
+  },
+  query: {
+    extended: {
+      variant: "buttons.outline",
+      "&:focus, &:focus-visible": {},
+      gridColumnStart: 1,
+      gridColumnEnd: 3
+    }
+  },
+  tableAccordion: {
+    variant: "buttons.accordion",
+    fontSize: "text.default",
+    p: spacing(3),
+    wordBreak: "keep-all",
+    a: {
+      color: "background"
+    },
+    ...getColorsAndStatesByPath("buttons.tableAccordion")
+  },
+  tableHeader: {
+    variant: "buttons.tableAccordion",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    border: "none",
+    svg: {
+      ml: spacing(2)
+    },
+    ...getColorsAndStatesByPath("buttons.tableHeader")
+  },
+  paper: {
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons",
+    ...getColorsAndStatesByPath("buttons.paper")
+  },
+  "paper-sm": {
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons",
+    ...getColorsAndStatesByPath("buttons.paper"),
+    ...smallButton
+  }
+};
+var buttons$1 = buttons;
+
+export { buttons$1 as default };
+//# sourceMappingURL=buttons.js.map

package/dist/base/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sources":["../../src/base/buttons.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive, smallButton, spacing } from '../util';\nimport getColorsAndStatesByPath from './colors/util/getColorsAndStatesByPath';\n\nconst buttons: Record<string, ThemeUICSSObject> = {\n  inherit: {\n    color: 'inherit',\n    background: 'inherit',\n    border: 'none',\n    borderRadius: 0,\n    font: 'inherit',\n    cursor: 'pointer',\n    padding: 0,\n    margin: 0,\n  },\n  collapsibleAsidePanelTitle: {\n    variant: 'buttons.inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    width: '100%',\n    ...getColorsAndStatesByPath('buttons.collapsibleAsidePanelTitle'),\n  },\n  primary: {\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    variant: 'text.default',\n    py: responsive({ 0: 3, 4: 4 }),\n    px: responsive({ 0: 5, 4: 6 }),\n    display: 'inline-block',\n    width: responsive({ 0: '100%', 1: 'auto' }),\n    cursor: 'pointer',\n    borderRadius: 'buttons',\n    fontWeight: 'normal',\n    userSelect: 'none',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n    wordBreak: 'keep-all',\n\n    ...getColorsAndStatesByPath('buttons.primary'),\n\n    '&:focus, &:focus-visible': {\n      outlineColor: '#00daff',\n    },\n  },\n  'primary-sm': {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    ...smallButton,\n  },\n  secondary: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    borderWidth: '0px',\n    borderStyle: 'solid',\n\n    ...getColorsAndStatesByPath('buttons.secondary'),\n  },\n  'secondary-sm': {\n    variant: 'buttons.secondary',\n    ...smallButton,\n  },\n  'light-secondary': {\n    variant: 'buttons.secondary',\n\n    ...getColorsAndStatesByPath('buttons.lightSecondary'),\n  },\n  danger: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.danger'),\n  },\n  'danger-sm': {\n    variant: 'buttons.danger',\n    ...smallButton,\n  },\n  warning: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.warning'),\n  },\n  'warning-sm': {\n    variant: 'buttons.warning',\n    ...smallButton,\n  },\n  close: {\n    cursor: 'pointer',\n    ml: 'auto',\n    mr: '2',\n    borderRadius: 'buttons',\n\n    ...getColorsAndStatesByPath('buttons.close'),\n  },\n  accordion: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    cursor: 'pointer',\n    m: spacing(0),\n    py: responsive({ 0: 3, 4: 4 }),\n    px: responsive({ 0: 5, 4: 6 }),\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderRadius: 'buttons',\n    textAlign: 'left',\n    fontFamily: 'heading',\n    fontSize: 'text.default',\n    textDecoration: 'none',\n    textTransform: 'none',\n    fontWeight: 'bold',\n    border: 'none',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n    userSelect: 'text',\n\n    '&, *': getColorsAndStatesByPath('buttons.accordion'),\n\n    'h2.toggleAccordionElementLabel': {\n      variant: 'text.default',\n\n      color: 'inherit',\n      margin: 0,\n      wordBreak: 'break-word',\n    },\n  },\n  'accordion-primary': {\n    variant: 'buttons.accordion',\n    border: 'none',\n\n    ...getColorsAndStatesByPath('buttons.accordionPrimary'),\n  },\n  icon: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    p: spacing(0),\n    m: spacing(0),\n    bg: 'secondary',\n    cursor: 'pointer',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n    borderRadius: 'buttons',\n    border: 'none',\n    color: 'inherit',\n    ...getColorsAndStatesByPath('buttons.icon'),\n\n    '&.isToggled': {\n      ...getColorsAndStatesByPath('buttons.iconToggled'),\n    },\n  },\n  'icon-primary': {\n    variant: 'buttons.icon',\n    ...getColorsAndStatesByPath('buttons.iconPrimary'),\n  },\n  'icon-outline': {\n    variant: 'buttons.icon',\n    bg: 'white',\n    border: '1px solid',\n    borderRadius: '4px',\n    // border: 'none',\n\n    ...getColorsAndStatesByPath('buttons.iconOutline'),\n  },\n  'icon-outline-danger': {\n    variant: 'buttons.icon',\n    border: '1px solid',\n\n    ...getColorsAndStatesByPath('buttons.outlineDanger'),\n  },\n  'icon-only': {\n    variant: 'buttons.icon',\n\n    ...getColorsAndStatesByPath('buttons.iconOnly'),\n  },\n  link: {\n    variant: 'inherit',\n    width: 'auto',\n    border: 'none',\n    background: 'transparent',\n    textDecoration: 'underline',\n    px: 2,\n    py: 1,\n    borderRadius: 'buttons',\n    cursor: 'pointer',\n    textTransform: 'none',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n\n    ...getColorsAndStatesByPath('buttons.link'),\n  },\n  'link-sm': {\n    variant: 'buttons.link',\n    ...smallButton,\n  },\n  outline: {\n    variant: 'buttons.primary',\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    borderRadius: 'buttons',\n\n    '&:focus, &:focus-visible': {},\n    ...getColorsAndStatesByPath('buttons.outline', {\n      states: {\n        active: false,\n        checked: false,\n        disabled: false,\n        focus: false,\n        hover: false,\n        readonly: false,\n        selected: false,\n      },\n    }),\n  },\n  'outline-sm': {\n    variant: 'buttons.outline',\n    ...smallButton,\n  },\n  'transparent-sm': {\n    variant: 'buttons.outline',\n    '&:focus, &:focus-visible': {},\n    bg: 'transparent',\n    color: 'inherit',\n    border: 'none',\n    font: 'inherit',\n    textTransform: 'inherit',\n    ...smallButton,\n  },\n  'outline-danger': {\n    variant: 'buttons.outline',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.outlineDanger'),\n  },\n  'outline-danger-sm': {\n    variant: 'buttons.outline-danger',\n    ...smallButton,\n  },\n  'outline-warning': {\n    variant: 'buttons.outline',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.outlineWarning'),\n  },\n  'outline-warning-sm': {\n    variant: 'buttons.outline-warning',\n    ...smallButton,\n  },\n  'outline-extended': {\n    variant: 'buttons.outline',\n    gridColumnStart: 1,\n    gridColumnEnd: 3,\n    width: '100%',\n  },\n  'outline-danger-extended': {\n    variant: 'buttons.outline-danger',\n    gridColumnStart: 1,\n    gridColumnEnd: 3,\n    width: '100%',\n  },\n  'primary-extended': {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    gridColumnStart: 1,\n    gridColumnEnd: 3,\n    width: '100%',\n  },\n  query: {\n    extended: {\n      variant: 'buttons.outline',\n      '&:focus, &:focus-visible': {},\n      gridColumnStart: 1,\n      gridColumnEnd: 3,\n    },\n  },\n  tableAccordion: {\n    variant: 'buttons.accordion',\n    fontSize: 'text.default',\n    p: spacing(3),\n    wordBreak: 'keep-all',\n    a: {\n      color: 'background',\n    },\n\n    ...getColorsAndStatesByPath('buttons.tableAccordion'),\n  },\n  tableHeader: {\n    variant: 'buttons.tableAccordion',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    border: 'none',\n    svg: {\n      ml: spacing(2),\n    },\n    ...getColorsAndStatesByPath('buttons.tableHeader'),\n  },\n  paper: {\n    variant: 'buttons.primary',\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    borderRadius: 'buttons',\n\n    ...getColorsAndStatesByPath('buttons.paper'),\n  },\n  'paper-sm': {\n    variant: 'buttons.primary',\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    borderRadius: 'buttons',\n\n    ...getColorsAndStatesByPath('buttons.paper'),\n    ...smallButton,\n  },\n};\n\nexport default buttons;\n"],"names":[],"mappings":"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"}