@apia/theme 3.0.16 → 3.0.18

package/dist/{index-CGg8tjIE.js → index-DOCkz85H.js}

@@ -6,7 +6,7 @@ import { jsx, Fragment } from 'theme-ui/jsx-runtime';
 import { ThemeUIProvider, useThemeUI, Box, ThemeProvider } from 'theme-ui';
 import { useState, useRef, useMemo, Suspense } from 'react';
 import { useMount, setValueByPath, EventEmitter } from '@apia/util';
-import { spacing as spacing$1 } from '@apia/theme';
+import { spacing as spacing$1, responsive as responsive$2 } from '@apia/theme';
 
 function defaultLighten(color, ratio) {
   return tinycolor(color).lighten(ratio ?? 20).toRgbString();
@@ -1234,6 +1234,7 @@ const alerts = {
     fontWeight: "normal",
     maxHeight: "60vh",
     overflow: "auto",
+    overflowX: "hidden",
     p: 0,
     "&:focus": {
       outline: "none"
@@ -1878,7 +1879,7 @@ const root = {
     "&:focus": focusOutline
   },
   body: {
-    minHeight: "100vh"
+    // minHeight: '100vh',
   },
   h1: {
     fontSize: responsive$1({ 0: 26, 3: 32 })
@@ -2798,6 +2799,102 @@ const buttonsBar = {
 };
 var buttonsBar$1 = buttonsBar;
 
+const apiaFinder = {
+  additionalFiltersModal: {
+    resize: "none",
+    ".modal__main": {
+      resize: "none"
+    },
+    ".modal__content": {
+      overflow: "hidden",
+      "&.modal__content": {
+        flexDirection: "column",
+        gap: spacing$1(4),
+        ".additionalFilters__navbar": {
+          display: "flex",
+          justifyContent: "end",
+          gap: spacing$1(4)
+        }
+      }
+    },
+    ".additionalFiltersContent": {
+      width: "100%",
+      minWidth: "min(600px, 75vw)",
+      maxWidth: "600px",
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column",
+      maxHeight: "100%",
+      gap: spacing$1(3),
+      ".accordionElement, .accordion__item": {
+        maxHeight: "100%",
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 100,
+        mb: spacing$1(0),
+        ".content, .accordion__item__content": {
+          overflow: "auto",
+          "&>div": {
+            border: "1px solid",
+            borderColor: "palette.border.article",
+            p: spacing$1(5),
+            "& label": {
+              flexDirection: "column",
+              justifyContent: "stretch",
+              textAlign: "left",
+              alignItems: "stretch",
+              span: {
+                mb: spacing$1(1)
+              }
+            }
+          }
+        }
+      },
+      "#FilterTypes_content": {
+        "& label": {
+          mb: spacing$1(4)
+        },
+        ".confirmRow": {
+          textAlign: "right"
+        }
+      }
+    }
+  },
+  ".modal__main": {
+    maxHeight: responsive$2({ 0: "100vh", 5: "85vh", 6: "75vh" }),
+    maxWidth: "max-content",
+    '&[style*="width"]': {
+      maxWidth: "unset"
+    },
+    ".confirm__content": {
+      justifyContent: "space-between",
+      maxHeight: "100%",
+      overflow: "hidden",
+      width: "100%",
+      display: "flex",
+      flexDirection: "column",
+      ".finder__content": {
+        maxWidth: "100%",
+        flexGrow: 100,
+        border: "1px solid",
+        borderColor: "palette.border.section",
+        overflow: "auto",
+        ".selection__keyHandler": {
+          width: "100%"
+        }
+      },
+      ".finder__statistics": {
+        flexShrink: 0
+      }
+    }
+  },
+  ".results": {
+    mt: "7px"
+  }
+};
+var apiaFinder$1 = apiaFinder;
+
 const modals = {
   apiaApi,
   buttonsBar: buttonsBar$1,
@@ -2805,6 +2902,7 @@ const modals = {
   ...overlay,
   table: table$1,
   tableModal: tableModal$1,
+  apiaFinder: apiaFinder$1,
   main: {
     boxShadow: "modals",
     borderRadius: "modals",
@@ -2822,7 +2920,6 @@ const modals = {
     "&>div>div": {
       overflow: "hidden",
       flexGrow: 0,
-      flexShrink: 0,
       p: "3px",
       width: "100%"
     },
@@ -2956,7 +3053,8 @@ const modals = {
   },
   cal: {
     variant: "layout.common.modals.sm",
-    width: "350px"
+    width: "400px",
+    maxWidth: "400px"
   },
   editGrid: {
     variant: "layout.common.modals.main",
@@ -3650,6 +3748,11 @@ const clean = (theme) => {
         rowGap: 2,
         ".listPanel__details": {
           pl: 6
+        },
+        ".responsiveTable__additionalInfoItem": {
+          whiteSpace: "break-spaces",
+          overflow: "hidden",
+          wordBreak: "break-all"
         }
       },
       ".responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator": {
@@ -4451,19 +4554,32 @@ const toolbar = {
 const autocomplete = {
   "&:focus-within": focusOutline,
   ".autocomplete__inputWrapper": {
-    position: "relative"
+    display: "flex",
+    alignItems: "center",
+    border: "1px solid",
+    borderColor: "palette.border.field"
+  },
+  ".autocomplete__input": {
+    textAlign: "left",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    border: "none",
+    outline: "none !important"
   },
   ".autocomplete__icons": {
     alignItems: "center",
     display: "flex",
     gap: 2,
     height: "24px",
-    position: "absolute",
-    right: "12px",
-    top: "calc(50% - 12px)",
+    p: 3,
+    position: "relative",
+    width: "30px",
     ".autocomplete__loadingSpinner": {
-      width: "24px",
-      height: "24px"
+      position: "absolute",
+      right: "7px",
+      width: "20px",
+      height: "20px"
     },
     ".autocomplete__downArrow": {
       cursor: "pointer",
@@ -5371,7 +5487,7 @@ async function getRemarkable(extensions) {
 
 const parseMarkdown = async (options) => {
   const markdownLibrary = await getRemarkable(options.extensions);
-  const css = (await import('./styles-DWludKkV.js')).markdownParserStyles ?? new ErrorImporting();
+  const css = (await import('./styles-CdKSTYgp.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();
@@ -5829,4 +5945,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-CGg8tjIE.js.map
+//# sourceMappingURL=index-DOCkz85H.js.map