@apia/theme 3.0.9 → 3.0.11

package/dist/{index-BNr0t6tQ.js → index-B8vI1LSQ.js}

@@ -2066,7 +2066,7 @@ const baseTheme = () => {
       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)",
+      tableFilters: "1px 2px 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"
@@ -2366,7 +2366,10 @@ const select = {
       hover: false,
       focus: false
     }
-  })
+  }),
+  "&[multiple] ~ svg": {
+    display: "none"
+  }
 };
 var select$1 = select;
 
@@ -2534,16 +2537,37 @@ const overlay = {
 };
 
 const apiaApi = {
+  margin: "auto",
   display: "flex",
+  flexDirection: "column",
+  wordBreak: "break-word",
+  overflow: "hidden",
   width: "100%",
+  ".modal__content": {
+    overflow: "hidden",
+    "& > div": {
+      display: "flex",
+      flexShrink: 1,
+      flexDirection: "column"
+    }
+  },
   ".handler__form": {
     display: "flex",
     flexDirection: "column",
-    width: "100%",
-    gap: spacing(6),
+    overflow: "hidden",
+    gap: spacing$1(6),
+    ".toggleAccordionElement": {
+      position: "sticky",
+      top: 0
+    },
     ".handler__form__elements": {
-      flexShrink: 1,
-      overflow: "auto"
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      overflowY: "auto",
+      maxHeight: "60vh",
+      gap: spacing$1(3),
+      pr: spacing$1(3)
     },
     ".handler__form__elements__section__content": {
       display: "flex",
@@ -2551,28 +2575,21 @@ const apiaApi = {
       wordBreak: "break-word",
       background: "palette.background.paper",
       p: 0,
-      gap: spacing(3)
+      gap: spacing$1(3)
     },
     ".content .handler__form__elements__section__content": {
       border: "1px solid",
       borderColor: "palette.border.section",
       borderTop: "none",
-      p: spacing(6)
+      p: spacing$1(6)
     },
     ".handler__form__buttons": {
       display: "flex",
       flexDirection: "row",
-      justifyContent: "end",
+      justifyContent: "right",
       p: 0,
       gap: "0px",
-      position: "sticky",
-      bottom: "-19px",
-      background: "palette.background.paper",
-      height: "80px",
-      alignItems: "center",
-      button: {
-        height: "50px"
-      }
+      textAlign: "center"
     },
     ".radio": {
       display: "flex",
@@ -2590,7 +2607,7 @@ const apiaApi = {
       flexDirection: "row-reverse",
       alignItems: "center",
       justifyContent: "start",
-      gap: spacing(4),
+      gap: spacing$1(4),
       ".semicolon": {
         display: "none"
       },
@@ -2605,12 +2622,12 @@ const apiaApi = {
       width: "100%"
     },
     ".spacer": {
-      height: spacing(7)
+      height: spacing$1(7)
     }
   },
   ".progressBox": {
-    p: spacing(5),
-    pt: spacing(0)
+    p: spacing$1(5),
+    pt: spacing$1(0)
   }
   /* PREPEND HERE */
 };
@@ -2866,6 +2883,15 @@ const modals = {
           }
         }
       }
+    },
+    ".responsiveTableContext__wrapper": {
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column",
+      height: "100%",
+      ".responsiveTable__wrapper": {
+        height: "100%"
+      }
     }
   },
   sm: {
@@ -3107,12 +3133,6 @@ const primary$6 = (theme) => {
         "&.hidden": {
           display: "none"
         },
-        "&.locked": {
-          background: "palette.gray.900",
-          td: {
-            borderColor: "palette.gray.850"
-          }
-        },
         ...getSelectedColors(theme.palette),
         "&.draggingRow": {
           outline: "3px dotted",
@@ -3136,7 +3156,9 @@ const primary$6 = (theme) => {
         td: {
           verticalAlign: "top",
           wordBreak: "break-word",
-          border: "1px solid",
+          border: "none",
+          borderBottom: "1px solid",
+          background: "transparent",
           borderColor: "components.primaryTable.body.borderColor",
           "&.stickyColumn": {
             position: "sticky",
@@ -3150,6 +3172,21 @@ const primary$6 = (theme) => {
             border: "none",
             background: "transparent"
           }
+        },
+        "&.locked": {
+          ...theme.palette.getOneState(
+            { backgroundColor: "palette.background.paper" },
+            "disabled"
+          ),
+          "&:hover": {
+            ...theme.palette.getOneState(
+              { backgroundColor: "palette.background.paper" },
+              "disabled"
+            )
+          },
+          td: {
+            borderColor: "palette.gray.850"
+          }
         }
       },
       td: {
@@ -3863,6 +3900,7 @@ var primary$5 = primary$4;
 const mobx = (theme) => {
   return {
     variant: "layout.common.trees.primary",
+    overflow: "auto",
     '[role="treeitem"]': {
       '&[aria-expanded="false"] ul': {
         display: "none"
@@ -4520,10 +4558,15 @@ const collector = {
   formContainer: {
     display: "flex",
     flexDirection: "column",
+    flexShrink: "1 !important",
     minWidth: "min(400px, calc(100vw - 52px))",
     overflow: "hidden",
+    pr: 2,
     ".collector__fields": {
-      overflow: "auto"
+      overflow: "auto",
+      gap: "8px",
+      display: "flex",
+      flexDirection: "column"
     },
     ".collector__buttons": {
       display: "flex",
@@ -5265,7 +5308,7 @@ async function getRemarkable(extensions) {
 
 const parseMarkdown = async (options) => {
   const markdownLibrary = await getRemarkable(options.extensions);
-  const css = (await import('./styles-BjQDjVkI.js')).markdownParserStyles ?? new ErrorImporting();
+  const css = (await import('./styles-CmQhZbPb.js')).markdownParserStyles ?? new ErrorImporting();
   if (css instanceof ErrorImporting)
     throw new Error("Could not import css, cannot continue");
   const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -5723,4 +5766,4 @@ class MarkdownBuilder {
 }
 
 export { ApiaThemeProvider as A, MarkdownBlock as M, getColorStates as a, getColorsAndStatesByDefinition as b, getColorsAndStatesByPath as c, getColorsByDefinition as d, getColorsByPath as e, getOneColorState as f, getColorState as g, applyStatesGetColor as h, makeStyledComponent as i, injectStyles as j, getSpacingLayouts as k, spacing as l, markdownExtensions as m, smallButton as n, focusOutline as o, parsePalette as p, getVariant as q, responsive$1 as r, spacingLayouts as s, MarkdownBuilder as t, useMainTheme as u, parseMarkdown as v, MarkdownList as w, MarkdownParagraph as x, MarkdownTable as y, MarkdownTableOfContents as z };
-//# sourceMappingURL=index-BNr0t6tQ.js.map
+//# sourceMappingURL=index-B8vI1LSQ.js.map