@apia/theme 1.0.4 → 2.0.1

package/dist/base/layout/common/modals/index.js

@@ -0,0 +1,166 @@
+import { overlay } from './overlay.js';
+import { responsive, spacing } from '../../../../util.js';
+import getColorsByPath from '../../../colors/util/getColorsByPath.js';
+import { apiaApi } from './apiaApi.js';
+import confirm from './confirm.js';
+import buttonsBar from './buttonsBar.js';
+
+const modals = {
+  apiaApi,
+  buttonsBar,
+  confirm,
+  ...overlay,
+  main: {
+    boxShadow: "modals",
+    borderRadius: "modals",
+    zIndex: "modal",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyItems: "center",
+    maxHeight: "100vh",
+    maxWidth: "calc(100vw - 10px)",
+    resize: "both",
+    overflow: "auto",
+    border: "1px solid",
+    gap: "0px !important",
+    "&>div": {
+      overflow: "hidden",
+      flexGrow: 0,
+      flexShrink: 0,
+      p: "3px",
+      width: "100%"
+    },
+    "&>div.modal__header": {
+      alignItems: responsive({ 0: "end", 4: "center" }),
+      flexShrink: 0,
+      overflow: "visible",
+      p: "16px 20px",
+      borderBottom: "1px solid lightgray",
+      ".modal__headerBar": {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center"
+      }
+    },
+    "&>div.modal__content": {
+      overflow: "auto",
+      width: "100%",
+      flexBasis: "100%",
+      flexDirection: "column",
+      flexShrink: 1,
+      display: "flex",
+      justifyContent: "stretch",
+      alignItems: "stretch",
+      p: "20px"
+    },
+    "&>div.modal__content>form": {
+      overflow: "auto",
+      width: "100%",
+      flexBasis: "100%",
+      flexShrink: 1,
+      display: "flex",
+      justifyContent: "stretch",
+      alignItems: "stretch"
+    },
+    ...getColorsByPath("modal")
+  },
+  finder: {
+    variant: "layout.common.modals.main",
+    height: responsive({ 0: "100vh", 3: "80vh" }),
+    width: responsive({ 0: "95vw", 3: "80vw", 4: "70vw" }),
+    ".modal__content": {
+      overflow: "hidden",
+      ".confirm__content": {
+        overflow: "hidden",
+        ".finder__content": {
+          display: "flex",
+          alignItems: "stretch"
+        },
+        ".selection__keyHandler": {
+          overflow: "hidden",
+          height: "100%",
+          ".responsiveTable__wrapper": {
+            height: "100%",
+            border: "1px solid",
+            borderColor: "palette.border.article",
+            backgroundColor: "palette.gray.900"
+          }
+        }
+      }
+    }
+  },
+  sm: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(350px, calc(100vw - 10px))"
+  },
+  md: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(500px, calc(100vw - 10px))"
+  },
+  "md-fixed": {
+    variant: "layout.common.modals.main",
+    width: "min(500px, calc(100vw - 10px))",
+    maxHeight: responsive({ 0: "95vh", 2: "80vh" })
+  },
+  lg: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(640px, calc(100vw - 10px))"
+  },
+  "lg-fixed": {
+    variant: "layout.common.modals.main",
+    width: "640px",
+    height: "60vh"
+  },
+  xl: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(730px, calc(100vw - 10px))"
+  },
+  "xl-fixed": {
+    variant: "layout.common.modals.main",
+    width: responsive({ 0: "95vw", 2: "60vw" }),
+    height: responsive({ 0: "95vh", 2: "80vh" })
+  },
+  xxl: {
+    variant: "layout.common.modals.main",
+    width: responsive({ 0: "95vw", 2: "80vw" }),
+    maxHeight: responsive({ 0: "95vh", 2: "80vh" })
+  },
+  "xxl-fixed": {
+    variant: "layout.common.modals.main",
+    width: responsive({ 0: "95vw", 2: "80vw" }),
+    height: responsive({ 0: "95vh", 2: "80vh" })
+  },
+  xxxl: {
+    variant: "layout.common.modals.main",
+    width: responsive({ 0: "95vw", 2: "95vw" }),
+    maxHeight: responsive({ 0: "95vh", 2: "95vh" })
+  },
+  "xxxl-fixed": {
+    variant: "layout.common.modals.main",
+    width: responsive({ 0: "95vw", 2: "95vw" }),
+    height: responsive({ 0: "95vh", 2: "95vh" })
+  },
+  flex: {
+    variant: "layout.common.modals.main",
+    maxWidth: "95vw",
+    maxHeight: "95vh",
+    ".modal__content": {
+      p: spacing(2),
+      overflow: "auto"
+    }
+  },
+  cal: {
+    variant: "layout.common.modals.sm",
+    width: "350px"
+  },
+  editGrid: {
+    variant: "layout.common.modals.main",
+    width: "root",
+    maxHeight: "90vh"
+  }
+  /* PREPEND HERE */
+};
+
+export { modals };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/base/layout/common/modals/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { overlay } from './overlay';\nimport { spacing, responsive } from '../../../../util';\nimport getColorsByPath from '../../../colors/util/getColorsByPath';\nimport { apiaApi } from './apiaApi';\nimport confirm from './confirm';\nimport buttonsBar from './buttonsBar';\n/* IMPORT HERE */\n\nexport const modals: ThemeUICSSObject = {\n  apiaApi,\n  buttonsBar,\n  confirm,\n  ...overlay,\n\n  main: {\n    boxShadow: 'modals',\n    borderRadius: 'modals',\n    zIndex: 'modal',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyItems: 'center',\n    maxHeight: '100vh',\n    maxWidth: 'calc(100vw - 10px)',\n    resize: 'both',\n    overflow: 'auto',\n    border: '1px solid',\n    gap: '0px !important',\n\n    '&>div': {\n      overflow: 'hidden',\n      flexGrow: 0,\n      flexShrink: 0,\n      p: '3px',\n      width: '100%',\n    },\n    '&>div.modal__header': {\n      alignItems: responsive({ 0: 'end', 4: 'center' }),\n      flexShrink: 0,\n      overflow: 'visible',\n      p: '16px 20px',\n\n      borderBottom: '1px solid lightgray',\n\n      '.modal__headerBar': {\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n    '&>div.modal__content': {\n      overflow: 'auto',\n      width: '100%',\n      flexBasis: '100%',\n      flexDirection: 'column',\n      flexShrink: 1,\n      display: 'flex',\n      justifyContent: 'stretch',\n      alignItems: 'stretch',\n      p: '20px',\n    },\n    '&>div.modal__content>form': {\n      overflow: 'auto',\n      width: '100%',\n      flexBasis: '100%',\n      flexShrink: 1,\n      display: 'flex',\n      justifyContent: 'stretch',\n      alignItems: 'stretch',\n    },\n    ...getColorsByPath('modal'),\n  },\n\n  finder: {\n    variant: 'layout.common.modals.main',\n    height: responsive({ 0: '100vh', 3: '80vh' }),\n    width: responsive({ 0: '95vw', 3: '80vw', 4: '70vw' }),\n\n    '.modal__content': {\n      overflow: 'hidden',\n\n      '.confirm__content': {\n        overflow: 'hidden',\n\n        '.finder__content': {\n          display: 'flex',\n          alignItems: 'stretch',\n        },\n\n        '.selection__keyHandler': {\n          overflow: 'hidden',\n          height: '100%',\n\n          '.responsiveTable__wrapper': {\n            height: '100%',\n\n            border: '1px solid',\n            borderColor: 'palette.border.article',\n            backgroundColor: 'palette.gray.900',\n          },\n        },\n      },\n    },\n  },\n  sm: {\n    variant: 'layout.common.modals.main',\n    maxWidth: 'min(350px, calc(100vw - 10px))',\n  },\n  md: {\n    variant: 'layout.common.modals.main',\n    maxWidth: 'min(500px, calc(100vw - 10px))',\n  },\n  'md-fixed': {\n    variant: 'layout.common.modals.main',\n    width: 'min(500px, calc(100vw - 10px))',\n    maxHeight: responsive({ 0: '95vh', 2: '80vh' }),\n  },\n  lg: {\n    variant: 'layout.common.modals.main',\n    maxWidth: 'min(640px, calc(100vw - 10px))',\n  },\n  'lg-fixed': {\n    variant: 'layout.common.modals.main',\n    width: '640px',\n    height: '60vh',\n  },\n  xl: {\n    variant: 'layout.common.modals.main',\n    maxWidth: 'min(730px, calc(100vw - 10px))',\n  },\n  'xl-fixed': {\n    variant: 'layout.common.modals.main',\n    width: responsive({ 0: '95vw', 2: '60vw' }),\n    height: responsive({ 0: '95vh', 2: '80vh' }),\n  },\n  xxl: {\n    variant: 'layout.common.modals.main',\n    width: responsive({ 0: '95vw', 2: '80vw' }),\n    maxHeight: responsive({ 0: '95vh', 2: '80vh' }),\n  },\n  'xxl-fixed': {\n    variant: 'layout.common.modals.main',\n    width: responsive({ 0: '95vw', 2: '80vw' }),\n    height: responsive({ 0: '95vh', 2: '80vh' }),\n  },\n  xxxl: {\n    variant: 'layout.common.modals.main',\n    width: responsive({ 0: '95vw', 2: '95vw' }),\n    maxHeight: responsive({ 0: '95vh', 2: '95vh' }),\n  },\n  'xxxl-fixed': {\n    variant: 'layout.common.modals.main',\n    width: responsive({ 0: '95vw', 2: '95vw' }),\n    height: responsive({ 0: '95vh', 2: '95vh' }),\n  },\n  flex: {\n    variant: 'layout.common.modals.main',\n    maxWidth: '95vw',\n    maxHeight: '95vh',\n    '.modal__content': {\n      p: spacing(2),\n      overflow: 'auto',\n    },\n  },\n  cal: {\n    variant: 'layout.common.modals.sm',\n    width: '350px',\n  },\n  editGrid: {\n    variant: 'layout.common.modals.main',\n    width: 'root',\n    maxHeight: '90vh',\n  },\n  /* PREPEND HERE */\n};\n"],"names":[],"mappings":"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"}

package/dist/base/layout/common/modals/overlay.js

@@ -0,0 +1,29 @@
+import { responsive } from '../../../../util.js';
+
+const overlay = {
+  overlay: {
+    position: "fixed",
+    overflow: "hidden",
+    top: "0",
+    right: "0",
+    bottom: "0",
+    left: "0",
+    width: "100vw",
+    height: "100vh",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: `palette.background.overlay`,
+    zIndex: "modal",
+    "&:not(.screenLock) .modal-enter-done": {
+      boxShadow: "modals"
+    }
+  },
+  "overlay--stretch": {
+    variant: "layout.common.modals.overlay",
+    alignItems: responsive({ 0: "stretch", 2: "center" })
+  }
+};
+
+export { overlay };
+//# sourceMappingURL=overlay.js.map

package/dist/base/layout/common/modals/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sources":["../../../../../src/base/layout/common/modals/overlay.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive } from '../../../../util';\n\nexport const overlay: Record<string, ThemeUICSSObject> = {\n  overlay: {\n    position: 'fixed',\n    overflow: 'hidden',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    width: '100vw',\n    height: '100vh',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: `palette.background.overlay`,\n    zIndex: 'modal',\n\n    '&:not(.screenLock) .modal-enter-done': {\n      boxShadow: 'modals',\n    },\n  },\n\n  'overlay--stretch': {\n    variant: 'layout.common.modals.overlay',\n    alignItems: responsive({ 0: 'stretch', 2: 'center' }),\n  },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,OAA4C,GAAA;AAAA,EACvD,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,OAAA;AAAA,IACV,QAAU,EAAA,QAAA;AAAA,IACV,GAAK,EAAA,GAAA;AAAA,IACL,KAAO,EAAA,GAAA;AAAA,IACP,MAAQ,EAAA,GAAA;AAAA,IACR,IAAM,EAAA,GAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,IACP,MAAQ,EAAA,OAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,eAAiB,EAAA,CAAA,0BAAA,CAAA;AAAA,IACjB,MAAQ,EAAA,OAAA;AAAA,IAER,sCAAwC,EAAA;AAAA,MACtC,SAAW,EAAA,QAAA;AAAA,KACb;AAAA,GACF;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,OAAS,EAAA,8BAAA;AAAA,IACT,YAAY,UAAW,CAAA,EAAE,GAAG,SAAW,EAAA,CAAA,EAAG,UAAU,CAAA;AAAA,GACtD;AACF;;;;"}

package/dist/base/layout/common/tables/accordion.js

@@ -0,0 +1,66 @@
+import { spacing } from '../../../../util.js';
+
+const accordion = {
+  display: "flex",
+  flexDirection: "column",
+  gap: spacing(2),
+  ".responsiveTable__accordionElement__toggler": () => ({
+    variant: "buttons.outline",
+    borderWidth: "1px",
+    display: "flex",
+    gap: spacing(3),
+    alignItems: "stretch",
+    width: "100%",
+    px: 4,
+    py: 3,
+    "&:hover": {
+      h3: {
+        color: "palette.primary.contrastText"
+      }
+    },
+    ".accordionElement__toggler__checkbox": {
+      flexShrink: 0,
+      m: spacing(2)
+    },
+    ".accordionElement__toggler__button": {
+      flexGrow: 100,
+      display: "flex",
+      justifyContent: "space-between",
+      py: 2,
+      pr: spacing(2),
+      alignItems: "center",
+      ".accordionElement__toggler__label": {
+        flexGrow: 100,
+        m: spacing(0),
+        textAlign: "left",
+        fontSize: 16
+      },
+      ".accordionElement__toggler__expandIcon": {
+        flexShrink: 0,
+        svg: {
+          width: "32px"
+        }
+      }
+    }
+  }),
+  ".responsiveTable__accordionElement__content": {
+    display: "flex",
+    flexDirection: "column",
+    "& > div": {
+      backgroundColor: "palette.background.paper",
+      transition: "padding-bottom 300ms, padding-top 300ms",
+      px: 5
+    },
+    "&.rah-static--height-zero": {
+      "& > div": { py: 0 }
+    },
+    "&.rah-static--height-auto, &.rah-animating--down": {
+      "& > div": { py: 5 }
+    },
+    ".priority_container": { display: "flex", alignItems: "center" },
+    ".priority": { display: "flex" }
+  }
+};
+
+export { accordion };
+//# sourceMappingURL=accordion.js.map

package/dist/base/layout/common/tables/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../../../src/base/layout/common/tables/accordion.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../../../util';\n\nexport const accordion: ThemeUICSSObject = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: spacing(2),\n\n  '.responsiveTable__accordionElement__toggler': () => ({\n    variant: 'buttons.outline',\n\n    borderWidth: '1px',\n    display: 'flex',\n    gap: spacing(3),\n    alignItems: 'stretch',\n    width: '100%',\n    px: 4,\n    py: 3,\n    '&:hover': {\n      h3: {\n        color: 'palette.primary.contrastText',\n      },\n    },\n\n    '.accordionElement__toggler__checkbox': {\n      flexShrink: 0,\n      m: spacing(2),\n    },\n\n    '.accordionElement__toggler__button': {\n      flexGrow: 100,\n      display: 'flex',\n      justifyContent: 'space-between',\n      py: 2,\n      pr: spacing(2),\n      alignItems: 'center',\n\n      '.accordionElement__toggler__label': {\n        flexGrow: 100,\n        m: spacing(0),\n        textAlign: 'left',\n        fontSize: 16,\n      },\n\n      '.accordionElement__toggler__expandIcon': {\n        flexShrink: 0,\n        svg: {\n          width: '32px',\n        },\n      },\n    },\n  }),\n\n  '.responsiveTable__accordionElement__content': {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div': {\n      backgroundColor: 'palette.background.paper',\n      transition: 'padding-bottom 300ms, padding-top 300ms',\n      px: 5,\n    },\n\n    '&.rah-static--height-zero': {\n      '& > div': { py: 0 },\n    },\n\n    '&.rah-static--height-auto, &.rah-animating--down': {\n      '& > div': { py: 5 },\n    },\n    '.priority_container': { display: 'flex', alignItems: 'center' },\n    '.priority': { display: 'flex' },\n  },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,SAA8B,GAAA;AAAA,EACzC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EAEd,+CAA+C,OAAO;AAAA,IACpD,OAAS,EAAA,iBAAA;AAAA,IAET,WAAa,EAAA,KAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IACd,UAAY,EAAA,SAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,EAAI,EAAA,CAAA;AAAA,IACJ,EAAI,EAAA,CAAA;AAAA,IACJ,SAAW,EAAA;AAAA,MACT,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,8BAAA;AAAA,OACT;AAAA,KACF;AAAA,IAEA,sCAAwC,EAAA;AAAA,MACtC,UAAY,EAAA,CAAA;AAAA,MACZ,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,KACd;AAAA,IAEA,oCAAsC,EAAA;AAAA,MACpC,QAAU,EAAA,GAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,cAAgB,EAAA,eAAA;AAAA,MAChB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,MACb,UAAY,EAAA,QAAA;AAAA,MAEZ,mCAAqC,EAAA;AAAA,QACnC,QAAU,EAAA,GAAA;AAAA,QACV,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,QACZ,SAAW,EAAA,MAAA;AAAA,QACX,QAAU,EAAA,EAAA;AAAA,OACZ;AAAA,MAEA,wCAA0C,EAAA;AAAA,QACxC,UAAY,EAAA,CAAA;AAAA,QACZ,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AAAA,EAEA,6CAA+C,EAAA;AAAA,IAC7C,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,SAAW,EAAA;AAAA,MACT,eAAiB,EAAA,0BAAA;AAAA,MACjB,UAAY,EAAA,yCAAA;AAAA,MACZ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IAEA,2BAA6B,EAAA;AAAA,MAC3B,SAAA,EAAW,EAAE,EAAA,EAAI,CAAE,EAAA;AAAA,KACrB;AAAA,IAEA,kDAAoD,EAAA;AAAA,MAClD,SAAA,EAAW,EAAE,EAAA,EAAI,CAAE,EAAA;AAAA,KACrB;AAAA,IACA,qBAAuB,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,YAAY,QAAS,EAAA;AAAA,IAC/D,WAAA,EAAa,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,GACjC;AACF;;;;"}

package/dist/base/layout/common/tables/clean.js

@@ -0,0 +1,285 @@
+import { responsive, spacing } from '../../../../util.js';
+import { getSelectedColors } from '../../../colors/index.js';
+import { getSelectionStyles } from './getSelectionStyles.js';
+
+const clean = (theme) => {
+  return {
+    variant: "colors.tables.primary",
+    width: "100%",
+    backgroundColor: "components.cleanTable.body.backgroundColor",
+    border: "1px solid",
+    borderColor: "components.cleanTable.borderColor",
+    borderCollapse: "inherit",
+    borderSpacing: 0,
+    tableLayout: "fixed",
+    selection__keyHandler: {
+      maxHeight: "30vh"
+    },
+    thead: {
+      zIndex: 1,
+      position: "sticky",
+      insetBlockStart: 0,
+      backgroundColor: "palette.background.paper",
+      "tr:not(.filtersRow):not(.responsiveTable__filters__row)": {
+        "th, td": {
+          variant: "buttons.primary",
+          width: "breakWidth",
+          backgroundColor: "palette.background.paper",
+          borderColor: "palette.primary.dark",
+          borderRadius: 0,
+          borderStyle: "solid",
+          borderWidth: "1px",
+          color: "primary.text.primary",
+          display: "table-cell",
+          verticalAlign: "center",
+          wordBreak: "break-word",
+          p: 0,
+          px: 0,
+          py: 0,
+          border: "none",
+          borderBottom: "1px solid #ccc",
+          '&[role="presentation"]': {
+            display: "none"
+          },
+          ...theme.palette.getStatesFromPath("components.cleanTable.header"),
+          "& *": {
+            color: "inherit"
+          },
+          ".headButton__label": {
+            fontWeight: "bold",
+            textAlign: "left",
+            p: 0,
+            d: "",
+            "& > *": {
+              py: responsive({ 0: 3, 4: 4 }),
+              px: 4
+            }
+          },
+          ".headButton__resizer": {
+            width: "20px",
+            cursor: "ew-resize",
+            zIndex: 1e3,
+            position: "absolute",
+            right: "-10px",
+            height: "100%"
+          },
+          "&:last-of-type .headButton__resizer": {
+            right: "0px"
+          },
+          "&.additionalColumn": {
+            minWidth: "50px",
+            maxWidth: "50px",
+            width: "50px",
+            p: 0,
+            textAlign: "center",
+            verticalAlign: "center"
+          },
+          ".headButton__container": {
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 3,
+            svg: {
+              flexShrink: 0
+            }
+          },
+          "&:not(:last-of-type)": {
+            "&>div": {
+              borderRightWidth: "1px"
+            }
+          }
+        },
+        "th.requiredFilterColumn": {
+          borderLeft: "4px solid !important",
+          borderLeftColor: "palette.error.main !important"
+        }
+      },
+      "tr.filtersRow, tr.responsiveTable__filters__row": {
+        backgroundColor: "components.cleanTable.body.backgroundColor",
+        "th.noFilter": {
+          background: "transparent"
+        },
+        "td.requiredFilter__Border": {
+          borderLeftStyle: "solid !important",
+          borderLeftWidth: "4px !important",
+          borderLeftColor: "palette.error.main"
+        },
+        td: {
+          "input:not([disabled]), select:not([disabled])": {
+            border: "1px solid white"
+          },
+          background: "transparent",
+          border: "1px solid",
+          borderColor: "components.cleanTable.body.borderColor",
+          p: 0
+        },
+        transition: "height 0.3s",
+        "&.hidden": {
+          height: "0",
+          overflow: "hidden",
+          p: spacing(0),
+          border: "none",
+          "& *": {
+            height: "0",
+            overflow: "hidden",
+            fontSize: 0,
+            lineHeight: 0,
+            p: spacing(0),
+            border: "none"
+          }
+        }
+      }
+    },
+    tbody: {
+      tr: {
+        ...theme.palette.getStatesFromPath("components.cleanTable.body", {
+          states: {
+            disabled: false,
+            readonly: false,
+            active: false,
+            hover: false,
+            checked: false,
+            focus: false,
+            path: false,
+            selected: false
+          }
+        }),
+        "&:nth-of-type(2n)": {
+          backgroundColor: "components.cleanTable.body.evenRowsBackgroundColor"
+        },
+        "&.non-selectable": {
+          cursor: "not-allowed"
+        },
+        "&.hidden": {
+          display: "none"
+        },
+        "&.locked": {
+          background: "palette.gray.900",
+          td: {
+            borderColor: "palette.gray.850"
+          }
+        },
+        ...getSelectedColors(theme.palette),
+        "&.draggingRow": {
+          outline: "3px dotted",
+          outlineColor: "components.cleanTable.header.borderColor",
+          outlineOffset: "-3px",
+          "*": {
+            outline: "none !important"
+          }
+        },
+        ".rowStatesList": {
+          display: "flex",
+          gap: spacing(3),
+          alignItems: "center",
+          svg: {
+            width: "smallIcon",
+            height: "smallIcon",
+            cursor: "pointer"
+          }
+        },
+        td: {
+          border: "none",
+          display: "table-cell",
+          p: 0,
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          textOverflow: "ellipsis",
+          wordBreak: "break-word",
+          button: {
+            height: "fit-content",
+            display: "flex"
+          },
+          "&.stickyColumn": {
+            position: "sticky",
+            left: 0,
+            backgroundColor: "components.cleanTable.body.backgroundColor"
+          },
+          ".moreInformationButton": {
+            width: "30px",
+            height: "30px",
+            padding: "3px",
+            border: "none",
+            background: "transparent"
+          },
+          ".autoellipsis__container": {
+            width: "100%"
+          },
+          "& > *": {
+            py: spacing(3),
+            px: 4
+          },
+          borderBottomWidth: "1px",
+          borderBottomStyle: "solid",
+          borderBottomColor: "components.cleanTable.body.borderColor"
+        }
+      },
+      ".responsiveTable__additionalInfoContainer": {
+        background: "components.cleanTable.body.additionalInfoButton.backgroundColor",
+        display: "grid",
+        gridTemplateColumns: responsive({
+          0: "repeat(2, 1fr)",
+          5: "repeat(4, 1fr)"
+        }),
+        columnGap: 3,
+        rowGap: 2,
+        ".listPanel__details": {
+          pl: 6
+        }
+      },
+      ".responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator": {
+        gridColumnStart: "1",
+        gridColumnEnd: "5",
+        borderBottom: "1px solid",
+        borderBottomColor: "palette.gray.700",
+        height: "auto"
+      }
+    },
+    ".editionMode": {
+      border: "3px solid",
+      borderColor: "components.cleanTable.header.borderColor",
+      borderWidth: "1.5px",
+      borderStyle: "dotted"
+    },
+    ".stateCell": {
+      width: "50px",
+      maxWidth: "50px",
+      minWidth: "50px",
+      textAlign: "center",
+      verticalAlign: "middle"
+    },
+    ...getSelectionStyles(),
+    ".no__registers": {
+      py: 6,
+      minWidth: "200px"
+    },
+    ".requiredFilter__Column": {
+      fontWeight: "bold"
+    },
+    ".bold": {
+      fontWeight: "bold"
+    },
+    ".light": {
+      color: "palette.gray.700"
+    },
+    ".additionalInfo__cell": {
+      path: {
+        fill: "components.cleanTable.body.additionalInfoButton.color"
+      }
+    },
+    ".additionalInfo__cell, .stateCell": {
+      verticalAlign: "middle"
+    },
+    ".isAcquired": {
+      td: {
+        div: {
+          color: "acquiredColor"
+        }
+      }
+    }
+  };
+};
+
+export { clean };
+//# sourceMappingURL=clean.js.map

package/dist/base/layout/common/tables/clean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clean.js","sources":["../../../../../src/base/layout/common/tables/clean.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport { responsive, spacing } from '../../../../util';\nimport { getSelectedColors } from '../../../colors';\nimport { getSelectionStyles } from './getSelectionStyles';\n\nexport const clean: (theme: Theme) => ThemeUICSSObject = (theme) => {\n  return {\n    variant: 'colors.tables.primary',\n    width: '100%',\n    backgroundColor: 'components.cleanTable.body.backgroundColor',\n    border: '1px solid',\n    borderColor: 'components.cleanTable.borderColor',\n    borderCollapse: 'inherit',\n    borderSpacing: 0,\n    tableLayout: 'fixed',\n    selection__keyHandler: {\n      maxHeight: '30vh',\n    },\n\n    thead: {\n      zIndex: 1,\n      position: 'sticky',\n      insetBlockStart: 0,\n      backgroundColor: 'palette.background.paper',\n\n      'tr:not(.filtersRow):not(.responsiveTable__filters__row)': {\n        'th, td': {\n          variant: 'buttons.primary',\n          width: 'breakWidth',\n          backgroundColor: 'palette.background.paper',\n          borderColor: 'palette.primary.dark',\n          borderRadius: 0,\n          borderStyle: 'solid',\n          borderWidth: '1px',\n          color: 'primary.text.primary',\n          display: 'table-cell',\n          verticalAlign: 'center',\n          wordBreak: 'break-word',\n          p: 0,\n          px: 0,\n          py: 0,\n          border: 'none',\n          borderBottom: '1px solid #ccc',\n\n          '&[role=\"presentation\"]': {\n            display: 'none',\n          },\n\n          ...theme.palette.getStatesFromPath('components.cleanTable.header'),\n\n          '& *': {\n            color: 'inherit',\n          },\n\n          '.headButton__label': {\n            fontWeight: 'bold',\n            textAlign: 'left',\n            p: 0,\n            d: '',\n\n            '& > *': {\n              py: responsive({ 0: 3, 4: 4 }),\n              px: 4,\n            },\n          },\n          '.headButton__resizer': {\n            width: '20px',\n            cursor: 'ew-resize',\n            zIndex: 1000,\n            position: 'absolute',\n            right: '-10px',\n            height: '100%',\n          },\n          '&:last-of-type .headButton__resizer': {\n            right: '0px',\n          },\n\n          '&.additionalColumn': {\n            minWidth: '50px',\n            maxWidth: '50px',\n            width: '50px',\n            p: 0,\n            textAlign: 'center',\n            verticalAlign: 'center',\n          },\n\n          '.headButton__container': {\n            width: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            gap: 3,\n\n            svg: {\n              flexShrink: 0,\n            },\n          },\n\n          '&:not(:last-of-type)': {\n            '&>div': {\n              borderRightWidth: '1px',\n            },\n          },\n        },\n        'th.requiredFilterColumn': {\n          borderLeft: '4px solid !important',\n          borderLeftColor: 'palette.error.main !important',\n        },\n      },\n      'tr.filtersRow, tr.responsiveTable__filters__row': {\n        backgroundColor: 'components.cleanTable.body.backgroundColor',\n\n        'th.noFilter': {\n          background: 'transparent',\n        },\n        'td.requiredFilter__Border': {\n          borderLeftStyle: 'solid !important',\n          borderLeftWidth: '4px !important',\n          borderLeftColor: 'palette.error.main',\n        },\n\n        td: {\n          'input:not([disabled]), select:not([disabled])': {\n            border: '1px solid white',\n          },\n          background: 'transparent',\n          border: '1px solid',\n          borderColor: 'components.cleanTable.body.borderColor',\n          p: 0,\n        },\n\n        transition: 'height 0.3s',\n\n        '&.hidden': {\n          height: '0',\n          overflow: 'hidden',\n          p: spacing(0),\n          border: 'none',\n\n          '& *': {\n            height: '0',\n            overflow: 'hidden',\n            fontSize: 0,\n            lineHeight: 0,\n            p: spacing(0),\n            border: 'none',\n          },\n        },\n      },\n    },\n    tbody: {\n      tr: {\n        ...theme.palette.getStatesFromPath('components.cleanTable.body', {\n          states: {\n            disabled: false,\n            readonly: false,\n            active: false,\n            hover: false,\n            checked: false,\n            focus: false,\n            path: false,\n            selected: false,\n          },\n        }),\n        '&:nth-of-type(2n)': {\n          backgroundColor: 'components.cleanTable.body.evenRowsBackgroundColor',\n        },\n\n        '&.non-selectable': {\n          cursor: 'not-allowed',\n        },\n\n        '&.hidden': {\n          display: 'none',\n        },\n\n        '&.locked': {\n          background: 'palette.gray.900',\n          td: {\n            borderColor: 'palette.gray.850',\n          },\n        },\n\n        ...getSelectedColors(theme.palette),\n\n        '&.draggingRow': {\n          outline: '3px dotted',\n          outlineColor: 'components.cleanTable.header.borderColor',\n          outlineOffset: '-3px',\n\n          '*': {\n            outline: 'none !important',\n          },\n        },\n\n        '.rowStatesList': {\n          display: 'flex',\n          gap: spacing(3),\n          alignItems: 'center',\n\n          svg: {\n            width: 'smallIcon',\n            height: 'smallIcon',\n            cursor: 'pointer',\n          },\n        },\n\n        td: {\n          border: 'none',\n          display: 'table-cell',\n          p: 0,\n          overflow: 'hidden',\n          whiteSpace: 'nowrap',\n          textOverflow: 'ellipsis',\n          wordBreak: 'break-word',\n          button: {\n            height: 'fit-content',\n            display: 'flex',\n          },\n          '&.stickyColumn': {\n            position: 'sticky',\n            left: 0,\n            backgroundColor: 'components.cleanTable.body.backgroundColor',\n          },\n\n          '.moreInformationButton': {\n            width: '30px',\n            height: '30px',\n            padding: '3px',\n            border: 'none',\n            background: 'transparent',\n          },\n\n          '.autoellipsis__container': {\n            width: '100%',\n          },\n\n          '& > *': {\n            py: spacing(3),\n            px: 4,\n          },\n          borderBottomWidth: '1px',\n          borderBottomStyle: 'solid',\n          borderBottomColor: 'components.cleanTable.body.borderColor',\n        },\n      },\n\n      '.responsiveTable__additionalInfoContainer': {\n        background:\n          'components.cleanTable.body.additionalInfoButton.backgroundColor',\n        display: 'grid',\n        gridTemplateColumns: responsive({\n          0: 'repeat(2, 1fr)',\n          5: 'repeat(4, 1fr)',\n        }),\n        columnGap: 3,\n        rowGap: 2,\n        '.listPanel__details': {\n          pl: 6,\n        },\n      },\n      '.responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator':\n        {\n          gridColumnStart: '1',\n          gridColumnEnd: '5',\n          borderBottom: '1px solid',\n          borderBottomColor: 'palette.gray.700',\n          height: 'auto',\n        },\n    },\n    '.editionMode': {\n      border: '3px solid',\n      borderColor: 'components.cleanTable.header.borderColor',\n      borderWidth: '1.5px',\n      borderStyle: 'dotted',\n    },\n\n    '.stateCell': {\n      width: '50px',\n      maxWidth: '50px',\n      minWidth: '50px',\n      textAlign: 'center',\n      verticalAlign: 'middle',\n    },\n\n    ...getSelectionStyles(),\n    '.no__registers': {\n      py: 6,\n      minWidth: '200px',\n    },\n    '.requiredFilter__Column': {\n      fontWeight: 'bold',\n    },\n\n    '.bold': {\n      fontWeight: 'bold',\n    },\n\n    '.light': {\n      color: 'palette.gray.700',\n    },\n    '.additionalInfo__cell': {\n      path: {\n        fill: 'components.cleanTable.body.additionalInfoButton.color',\n      },\n    },\n\n    '.additionalInfo__cell, .stateCell': {\n      verticalAlign: 'middle',\n    },\n    '.isAcquired': {\n      td: {\n        div: {\n          color: 'acquiredColor',\n        },\n      },\n    },\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/base/layout/common/tables/getSelectionStyles.js

@@ -0,0 +1,39 @@
+import { focusOutline } from '../../../../util.js';
+
+function getSelectionStyles() {
+  return {
+    'td[data-focused="false"], th[data-focused="false"]': {
+      "*:focus-visible, &:focus, &:focus-visible": {
+        outline: "none"
+      },
+      "*:focus": {
+        ...focusOutline
+      }
+    },
+    '[data-focused="true"]:not(.row__separator__cell)': {
+      '&:not([data-editionmode="true"])': {
+        "&:focus, & > *:focus, *:focus-visible": {
+          ...focusOutline,
+          "&.cell__download__document": {
+            outlineOffset: 0
+          }
+        }
+      },
+      '&[data-editionmode="true"]': {
+        "&:focus, *:focus, *:focus-visible": {
+          ...focusOutline,
+          outlineStyle: "dotted",
+          outlineWidth: "6px",
+          outlineOffset: "-4px"
+        }
+      }
+    },
+    '[data-focused="true"].row__separator__cell': {
+      backgroundColor: "palette.secondary.main",
+      outline: "none"
+    }
+  };
+}
+
+export { getSelectionStyles };
+//# sourceMappingURL=getSelectionStyles.js.map

package/dist/base/layout/common/tables/getSelectionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectionStyles.js","sources":["../../../../../src/base/layout/common/tables/getSelectionStyles.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../../../util';\n\nexport function getSelectionStyles() {\n  return {\n    'td[data-focused=\"false\"], th[data-focused=\"false\"]': {\n      '*:focus-visible, &:focus, &:focus-visible': {\n        outline: 'none',\n      },\n\n      '*:focus': {\n        ...focusOutline,\n      },\n    },\n    '[data-focused=\"true\"]:not(.row__separator__cell)': {\n      '&:not([data-editionmode=\"true\"])': {\n        '&:focus, & > *:focus, *:focus-visible': {\n          ...focusOutline,\n\n          '&.cell__download__document': {\n            outlineOffset: 0,\n          },\n        },\n      },\n      '&[data-editionmode=\"true\"]': {\n        '&:focus, *:focus, *:focus-visible': {\n          ...focusOutline,\n          outlineStyle: 'dotted',\n          outlineWidth: '6px',\n          outlineOffset: '-4px',\n        },\n      },\n    },\n    '[data-focused=\"true\"].row__separator__cell': {\n      backgroundColor: 'palette.secondary.main',\n      outline: 'none',\n    },\n  } as ThemeUICSSObject;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,kBAAqB,GAAA;AACnC,EAAO,OAAA;AAAA,IACL,oDAAsD,EAAA;AAAA,MACpD,2CAA6C,EAAA;AAAA,QAC3C,OAAS,EAAA,MAAA;AAAA,OACX;AAAA,MAEA,SAAW,EAAA;AAAA,QACT,GAAG,YAAA;AAAA,OACL;AAAA,KACF;AAAA,IACA,kDAAoD,EAAA;AAAA,MAClD,kCAAoC,EAAA;AAAA,QAClC,uCAAyC,EAAA;AAAA,UACvC,GAAG,YAAA;AAAA,UAEH,4BAA8B,EAAA;AAAA,YAC5B,aAAe,EAAA,CAAA;AAAA,WACjB;AAAA,SACF;AAAA,OACF;AAAA,MACA,4BAA8B,EAAA;AAAA,QAC5B,mCAAqC,EAAA;AAAA,UACnC,GAAG,YAAA;AAAA,UACH,YAAc,EAAA,QAAA;AAAA,UACd,YAAc,EAAA,KAAA;AAAA,UACd,aAAe,EAAA,MAAA;AAAA,SACjB;AAAA,OACF;AAAA,KACF;AAAA,IACA,4CAA8C,EAAA;AAAA,MAC5C,eAAiB,EAAA,wBAAA;AAAA,MACjB,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,GACF,CAAA;AACF;;;;"}