@apia/theme 4.0.42 → 4.0.44

package/dist/{index2.js → index-DpVqNvc_.js}

@@ -1,8 +1,8 @@
+import { Box, ThemeUIProvider, useThemeUI, ThemeProvider } from 'theme-ui';
 import cloneDeep from 'lodash-es/cloneDeep';
 import tinycolor from 'tinycolor2';
 import merge from 'lodash-es/merge';
 import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
-import { Box, ThemeUIProvider, useThemeUI, ThemeProvider } from 'theme-ui';
 import { forwardRef, useState, useRef, useMemo, Suspense } from 'react';
 import '@theme-ui/match-media';
 import { useMount, setValueByPath, EventEmitter } from '@apia/util';
@@ -2156,7 +2156,7 @@ const baseTheme = () => {
       panel: "7px",
       modals: "7px",
       tooltips: "7px",
-      chatMessage: "7px",
+      chatMessage: "10px",
       elementBox: "4px"
     },
     shadows: {
@@ -2616,12 +2616,38 @@ const deletableInput = {
   }
 };
 
+const formGrid = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1fr 1fr",
+  gap: 5,
+  ".span_all": {
+    gridColumn: "span 3"
+  },
+  ".extra_gap": {
+    marginY: 6
+  },
+  ".gap_before": {
+    marginTop: 6
+  },
+  ".gap_after": {
+    marginBottom: 6
+  },
+  ".checkbox": {
+    display: "flex",
+    gap: 4,
+    flexDirection: "row-reverse",
+    alignItems: "center",
+    justifyContent: "start"
+  }
+};
+
 const forms$1 = (theme) => {
   return {
     checkbox,
     customCheckbox,
     dateInput,
     deletableInput,
+    formGrid,
     iconInput,
     input,
     label,
@@ -3464,7 +3490,14 @@ const primary$4 = (theme) => {
             height: "30px",
             padding: "3px",
             border: "none",
-            background: "transparent"
+            background: "transparent",
+            svg: {
+              transform: "rotate(0deg)",
+              transition: "transform 200ms"
+            },
+            "&.expanded svg": {
+              transform: `rotate(90deg)`
+            }
           }
         },
         "&.locked": {
@@ -4550,6 +4583,9 @@ const accordion = {
       borderTop: "1px solid",
       borderTopColor: "palette.border.ghost"
     },
+    ".accordion__item__content": {
+      background: "palette.background.paper"
+    },
     ".accordion__item__content > *": {
       p: 4,
       boxShadow: "default",
@@ -5722,13 +5758,7 @@ const semanticSearch = {
       flexDirection: "column",
       position: "relative"
     },
-    ".sem_search__stream_blocks": {
-      display: "flex",
-      flexDirection: "column",
-      gap: 3,
-      padding: "16px 24px 0 24px"
-    },
-    ".sem_search__stream_block": {
+    streamBlock: {
       animation: `${animations.fadeIn} 0.2s`,
       borderRadius: "5px",
       padding: "5px 10px",
@@ -5736,6 +5766,18 @@ const semanticSearch = {
       color: "black",
       listStyle: "disc"
     },
+    streamBlocks: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      padding: "16px 24px 0 24px"
+    },
+    ".sem_search__stream_blocks": {
+      variant: "layout.common.ai.semanticSearch.execution.streamBlocks"
+    },
+    ".sem_search__stream_block": {
+      variant: "layout.common.ai.semanticSearch.execution.streamBlock"
+    },
     ".sem_search__thumbs": {
       display: "flex",
       justifyContent: "end",
@@ -5753,9 +5795,9 @@ const semanticSearch = {
         color: "gray"
       }
     },
+    ellipsis: { padding: "0 24px 32px 24px", fontWeight: "bold" },
     ".ellipsis": {
-      padding: "0 24px 32px 24px",
-      fontWeight: "bold"
+      variant: "layout.common.ai.semanticSearch.execution.ellipsis"
     },
     ".filters__container": {
       " > div": {
@@ -6187,12 +6229,15 @@ const history = {
   display: "flex",
   flexDirection: "column",
   width: "100%",
-  gap: 2,
+  gap: 4,
   p: 3,
   ".history_message__content": {
     display: "flex",
     flexDirection: "column",
     gap: "16px",
+    div: {
+      padding: 0
+    },
     h3: {
       fontSize: "20px"
     }
@@ -6200,11 +6245,13 @@ const history = {
   ".history_message": {
     px: 4,
     py: 5,
+    pt: 0,
     maxWidth: "calc(100% - 50px)",
     width: "fit-content",
     wordWrap: "break-word",
     whiteSpace: "pre-wrap",
     borderRadius: "chatMessage",
+    minWidth: "50px",
     "&.last": {
       mb: 4
     },
@@ -6222,8 +6269,6 @@ const history = {
       ".fileCard__content": {
         color: "palette.text.primary"
       },
-      boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-      // TODO: Set the correct color, if necessary, define it in palette
       border: "1px solid rgb(113 145 193)",
       // TODO: Set the correct color, if necessary, define it in palette
       alignSelf: "end",
@@ -6239,41 +6284,36 @@ const history = {
       },
       backgroundColor: "#00bcff14",
       // TODO: Set the correct color, if necessary, define it in palette
-      boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-      // TODO: Set the correct color, if necessary, define it in palette
       border: "1px solid rgb(0 28 38 / 18%)"
       // TODO: Set the correct color, if necessary, define it in palette
     },
     "&.warning": {
-      borderRadius: "2px 20px 20px 20px",
+      borderRadius: "chatMessage",
+      borderTopLeftRadius: "0px",
       alignSelf: "start",
       backgroundColor: "#ffff0024",
       // TODO: Set the correct color, if necessary, define it in palette
       width: "100%",
-      boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-      // TODO: Set the correct color, if necessary, define it in palette
       border: "1px solid rgb(0 28 38 / 18%)"
       // TODO: Set the correct color, if necessary, define it in palette
     },
     "&.error": {
-      borderRadius: "2px 20px 20px 20px",
+      borderRadius: "chatMessage",
+      borderTopLeftRadius: "0px",
       alignSelf: "start",
       backgroundColor: "#fd84212b",
       // TODO: Set the correct color, if necessary, define it in palette
       width: "100%",
-      boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-      // TODO: Set the correct color, if necessary, define it in palette
       border: "1px solid rgb(0 28 38 / 18%)"
       // TODO: Set the correct color, if necessary, define it in palette
     },
     "&.information": {
-      borderRadius: "2px 20px 20px 20px",
+      borderRadius: "chatMessage",
+      borderTopLeftRadius: "0px",
       alignSelf: "start",
       backgroundColor: "#00bcff14",
       //'#2222cc2b',
       width: "100%",
-      boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-      // TODO: Set the correct color, if necessary, define it in palette
       border: "1px solid rgb(0 28 38 / 18%)"
       // TODO: Set the correct color, if necessary, define it in palette
     }
@@ -6483,12 +6523,482 @@ const markdown = {
   }
 };
 
+const observations = {
+  bg: "white",
+  display: "flex",
+  flexDirection: "column",
+  gap: spacing$1(5),
+  background: "transparent",
+  borderRadius: "default",
+  ".currentObservations": {
+    display: "flex",
+    gap: spacing$1(5),
+    flexDirection: "column",
+    borderRadius: "default",
+    ".observation": {
+      border: "1px solid",
+      borderColor: "palette.border.article",
+      borderRadius: "default",
+      ".observation__header": {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: spacing$1(3),
+        alignItems: "center",
+        borderBottom: "1px solid",
+        borderColor: "palette.border.article",
+        p: spacing$1(5),
+        backgroundColor: "palette.background.paper",
+        ".icon__wrapper": {
+          svg: {
+            color: "favorite"
+          }
+        },
+        img: {
+          width: "18px",
+          height: "18px"
+        },
+        ".observation__header__block": {
+          display: "flex",
+          flexWrap: "nowrap",
+          gap: spacing$1(3)
+        },
+        ".observation__label": {
+          fontWeight: "900"
+        }
+      },
+      "&.marked .observation__header": {
+        borderLeft: "4px solid",
+        borderLeftColor: "notifications.warning.backgroundColor",
+        borderColor: "notifications.warning.backgroundColor",
+        backgroundColor: "notifications.warning.backgroundColor",
+        borderRadius: "default"
+      },
+      ".observation__body": {
+        display: "flex",
+        gap: spacing$1(5),
+        p: spacing$1(5),
+        alignItems: "start",
+        ".observation__comment": {
+          width: "100%",
+          maxHeight: "calc(100vh - 130px)",
+          resize: "vertical",
+          '&[style*="height"]': {
+            maxHeight: "unset"
+          },
+          overflow: "auto",
+          pr: spacing$1(4)
+        }
+      }
+    }
+  },
+  ".checkboxes": {
+    alignItems: "center",
+    display: "flex",
+    flexWrap: "wrap",
+    gap: spacing$1(6),
+    ".checkbox": {
+      alignItems: "center",
+      display: "flex",
+      gap: spacing$1(3)
+    }
+  },
+  ".observation": {
+    display: "flex",
+    flexDirection: "column",
+    span: {
+      fontWeight: "bold"
+    },
+    textarea: {
+      height: "140px"
+    }
+  },
+  ".alert": {
+    color: "palette.warning.main"
+  }
+  /* PREPEND HERE */
+};
+
+const dataGrid = {
+  variant: "grids.form",
+  display: responsive$2({ 0: "flex", 2: "grid" }),
+  flexDirection: "column",
+  gap: spacing$1(6),
+  alignItems: "start",
+  gridAutoRows: "none",
+  gridTemplateColumns: responsive$2({
+    0: "repeat(1, 1fr)",
+    2: "repeat(3, 1fr)",
+    4: "repeat(3, 1fr)",
+    5: "repeat(5, 1fr)"
+  }),
+  "& label": {
+    display: "block",
+    ".elementValue": {
+      fontWeight: "normal",
+      ".errorContainer": {
+        flexDirection: "column",
+        alignItems: "center",
+        div: {
+          position: "relative"
+        }
+      }
+    },
+    "&.identifier, &.calendar": {
+      gridColumn: responsive$2({ 0: "span 2", 5: "span 3", 6: "span 2" }),
+      div: {
+        display: "flex",
+        gap: spacing$1(1),
+        alignItems: "center",
+        ".separator": {
+          alignSelf: "center"
+        },
+        input: {
+          minWidth: "60px"
+        },
+        ".body": {
+          width: "100%"
+        },
+        ".identifier__body": {
+          flexShrink: 0
+        }
+      }
+    },
+    "strong + div": {
+      wordBreak: "break-all"
+    }
+  }
+};
+const entityAndProcessData = {
+  display: "flex",
+  flexDirection: "column",
+  // p: spacing(7),
+  gap: 7,
+  ".collapsiblePanel__label": {
+    display: "flex",
+    alignItems: "anchor-center",
+    gap: 3,
+    h3: {
+      m: spacing$1(0),
+      fontSize: 18
+    }
+  },
+  ".collapsiblePanel__content": {
+    borderRadius: "default",
+    '&:not([aria-hidden="true"])': {
+      border: "1px solid",
+      borderColor: "palette.border.article"
+    },
+    "& > div > *:not(.noPadding, button, .uploadedFiles__container)": {
+      p: spacing$1(5)
+    }
+  },
+  ".dataGrid": dataGrid,
+  ".dropzone": {
+    border: "none"
+  },
+  ".uploadedFiles__container[class]": {
+    display: "flex",
+    gap: 3,
+    p: 0,
+    flexDirection: "column",
+    ".download_Button": {
+      width: "fit-content"
+    }
+  }
+};
+const entityData = {
+  ...entityAndProcessData,
+  "& h2": {
+    "&.visibilitiesTitle": {
+      display: "flex",
+      justifyContent: "start",
+      gap: spacing$1(3)
+    }
+  },
+  ".imageSelector": {
+    button: {
+      border: "none",
+      cursor: "pointer",
+      p: spacing$1(0),
+      width: "75px",
+      img: {
+        width: "100%"
+      }
+    }
+  },
+  ".EntityDataDocuments, .ProcessDataDocuments": {
+    ".entityData__actions": {
+      p: spacing$1(3)
+    }
+  },
+  ".categories__tree__label": {
+    display: "flex",
+    alignItems: "center",
+    gap: spacing$1(3),
+    "& > div": {
+      display: "flex",
+      py: spacing$1(2)
+    }
+  },
+  ".entity__visibilities__container": {
+    display: "flex",
+    flexDirection: "column",
+    gap: spacing$1(4),
+    ".entity__visibilities__grid": {
+      display: "grid",
+      gridTemplateColumns: "repeat(2, 1fr)",
+      gap: "1rem",
+      ".switch__card": {
+        border: "1px solid",
+        borderColor: "palette.border.field",
+        borderRadius: "default"
+      }
+    }
+  }
+  /* PREPEND HERE */
+};
+
+const processData = {
+  ...entityAndProcessData,
+  ".ProcessDataDocuments": {
+    ".processData__actions": {
+      p: spacing$1(3)
+    }
+  }
+  /* PREPEND HERE */
+};
+
+const documents = {
+  display: "flex",
+  flexDirection: "column",
+  gap: spacing$1(7),
+  ".collapsiblePanel__label": {
+    mb: spacing$1(3),
+    h2: {
+      m: spacing$1(0)
+    }
+  },
+  ".collapsiblePanel__content": {
+    '&:not([aria-hidden="true"])': {
+      border: "1px solid",
+      borderColor: "palette.border.article"
+    },
+    "& > div > *:not(.noPadding)": {
+      p: spacing$1(7)
+    }
+  },
+  ".dropzone": {
+    borderTop: "none",
+    borderLeft: "none",
+    borderRight: "none"
+  },
+  ".entityData__actions, .processData__actions": {
+    p: spacing$1(3)
+  }
+  /* PREPEND HERE */
+};
+
+const taskMonitor = {
+  table: {
+    variant: "layout.common.tables.secondary",
+    border: "1px solid",
+    borderColor: "palette.border.article",
+    borderRadius: "default",
+    overflow: "hidden"
+  },
+  ".taskMonitor__warning": {
+    backgroundColor: "palette.warning.light",
+    color: "palette.warning.contrastText"
+  },
+  ".taskMonitor__overdue": {
+    backgroundColor: "palette.error.light",
+    color: "palette.error.contrastText"
+  },
+  "& > div": {
+    maxHeight: "500px",
+    "& > div": {
+      height: "100%",
+      overflowX: "auto",
+      "&.noFixedWidth": {
+        overflowX: "auto"
+      }
+    }
+  }
+  /* PREPEND HERE */
+};
+
+const tab = {
+  list: {
+    ".tabs__list": {
+      borderRadius: "7px",
+      display: "flex",
+      flexDirection: "column"
+    },
+    ".tabs__item__wrapper": {
+      display: "flex",
+      alignItems: "center",
+      background: "palette.background.paper",
+      padding: "4px 10px",
+      border: "none",
+      borderBottom: "1px solid #ccc",
+      boxShadow: "sharp",
+      cursor: "pointer",
+      ".tabs__item__button": {
+        width: "100%",
+        p: 3,
+        background: "transparent",
+        justifyContent: "start",
+        color: "palette.text.primary",
+        ".button__content": {
+          display: "flex",
+          alignItems: "center",
+          gap: spacing$1(1),
+          textAlign: "start"
+        }
+      },
+      "&:hover": {
+        background: "palette.gray.900"
+      },
+      // First item: apply top border radii
+      "&:first-of-type": {
+        borderTopLeftRadius: "default",
+        borderTopRightRadius: "default"
+      },
+      // Last item: apply bottom border radii
+      "&:last-of-type": {
+        borderBottomLeftRadius: "default",
+        borderBottomRightRadius: "default"
+      }
+    },
+    ".warning-icon[class]": {
+      svg: {
+        // color: '#ffa600',
+        color: "favorite",
+        width: "18px",
+        height: "18px"
+      }
+    }
+  },
+  content: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "15px",
+    ".tabs__content": {
+      ".accordion__item": {
+        boxShadow: "default"
+      }
+    },
+    ".accordion__item__button[class]": {
+      width: "100%",
+      p: "10px 15px",
+      borderRadius: "default",
+      userSelect: "unset",
+      ".button__content": {
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        alignItems: "center"
+      }
+    },
+    ".accordion__item__content": {
+      borderRadius: "default",
+      background: "palette.background.paper",
+      '&:not(:has([data-variant="layout.execution.form"])) > div': {
+        p: spacing$1(7)
+      }
+    },
+    ".accordion__item__button__label": {
+      color: "palette.primary.contrastText"
+    },
+    ".accordion__item__button__rightGroup": {
+      display: "flex"
+    },
+    ".tabs__Item": {
+      height: "100%",
+      display: "flex",
+      gap: "15px",
+      flexDirection: "column"
+    },
+    ".collapsiblePanel__container": {
+      background: "palette.background.paper",
+      p: spacing$1(0),
+      ".collapsiblePanel__label__button": {
+        display: "flex"
+      }
+    }
+  }
+  /* PREPEND HERE */
+};
+
+const associations = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  ".associations__table_container": {
+    height: "400px",
+    overflowY: "auto",
+    overflowX: "hidden"
+  },
+  table: {
+    variant: "layout.common.tables.secondary",
+    border: "1px solid",
+    borderColor: "palette.border.article",
+    borderRadius: "default"
+  },
+  ".associations__buttons": {
+    display: "flex",
+    flexDirection: "row",
+    gap: 2,
+    justifyContent: "flex-end"
+  },
+  ".errorRequired": {
+    color: "palette.error.main"
+  },
+  ".association__errorRequired": {
+    input: {
+      color: "palette.error.main",
+      borderLeft: "3px solid !important",
+      borderLeftColor: "palette.error.main"
+    }
+  },
+  ".associationSpinner": {
+    position: "absolute",
+    width: "20px",
+    height: "20px",
+    right: "55px",
+    top: "15px"
+  },
+  ".association__cell_content": {
+    position: "relative"
+  },
+  ".associationReq__after": { position: "absolute", left: "2px", top: "-3px" },
+  ".associationReq__before": {
+    position: "absolute",
+    right: "2px",
+    top: "-3px"
+  }
+  /* PREPEND HERE */
+};
+
+const tabs = {
+  observations,
+  entityData,
+  processData,
+  documents,
+  taskMonitor,
+  associations,
+  ...tab
+  /* PREPEND HERE */
+};
+
 const common = (theme) => {
   return {
     boxes,
     forms,
     modals,
     tables: tables(theme),
+    tabs,
     components,
     trees,
     tooltips,
@@ -8312,10 +8822,10 @@ async function getRemarkable(extensions) {
 
 const parseMarkdown = async (options) => {
   const markdownLibrary = await getRemarkable(options.extensions);
-  const css = (await import('./styles.js')).markdownParserStyles ?? new ErrorImporting();
+  const css = (await import('./styles-avriBVzL.js')).markdownParserStyles ?? new ErrorImporting();
   if (css instanceof ErrorImporting)
     throw new Error("Could not import css, cannot continue");
-  const html = options.htmlTemplate ?? (await import('./html.js')).markdownHtml ?? new ErrorImporting();
+  const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
   if (html instanceof ErrorImporting)
     throw new Error("Could not import html, cannot continue");
   const markdownString = options.content;
@@ -8824,4 +9334,4 @@ ${pageBreakTag}`;
 }
 
 export { ApiaThemeProvider as A, MarkdownTableOfContents as B, Form as F, MaterialInput as M, Table as T, 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, MarkdownBlock as t, useMainTheme as u, MarkdownBuilder as v, parseMarkdown as w, MarkdownList as x, MarkdownParagraph as y, MarkdownTable as z };
-//# sourceMappingURL=index2.js.map
+//# sourceMappingURL=index-DpVqNvc_.js.map