@apia/theme 0.3.5 → 1.0.0

package/cleanDist.json

@@ -1,3 +1,3 @@
 {
-  "cleanDist": 0.006456232710121412
+  "cleanDist": 0.7628807900619559
 }

package/dist/index.js

@@ -807,9 +807,7 @@ const components$1 = (theme) => {
       }
     },
     desktop: {
-      windowElement: {
-        color: ""
-      }
+      windowHeader: tinycolor(theme.palette.primary.main).setAlpha(0.8).toRgbString()
     }
   };
 };
@@ -1252,7 +1250,8 @@ function getThemeColorsObject(theme) {
       favorite: "#e5c200",
       // States
       overdueDanger: "rgb(189, 0, 3)",
-      overdueWarning: "rgb(209 176 0)",
+      overdueWarning: "hsl(50.53deg 100% 26.06%)",
+      overdueWarningBackground: "#fffdd7",
       priorityNone: "gray",
       priorityLow: theme.palette.success.main,
       priorityNormal: "rgb(255 211 34)",
@@ -1372,6 +1371,8 @@ const alerts = {
       flexShrink: 0,
       backgroundColor: "rgba(10,10,10,0.02)",
       pt: spacing(5),
+      display: "flex",
+      flexDirection: "column",
       ".notification__traceLabel": {
         pl: spacing(5),
         display: "flex",
@@ -1516,7 +1517,7 @@ const buttons = {
     transition: "background-color 300ms ease-out, color 300ms ease-out",
     userSelect: "text",
     "&, *": getColorsAndStatesByPath("buttons.accordion"),
-    "h3.toggleAccordionElementLabel": {
+    "h2.toggleAccordionElementLabel": {
       variant: "text.default",
       color: "inherit",
       margin: 0,
@@ -1831,7 +1832,10 @@ const menu = {
     alignItems: "center",
     position: "relative",
     padding: "0.375rem 1.5rem",
-    paddingLeft: "2.2rem"
+    paddingLeft: "2.2rem",
+    "&.withIcon": {
+      padding: "0px"
+    }
   },
   ".szh-menu__item--hover": (theme) => ({
     backgroundColor: theme.palette.background.default
@@ -2048,6 +2052,9 @@ const root = __spreadValues$l(__spreadProps$c(__spreadValues$l({}, menu), {
     borderStyle: "solid",
     borderWidth: "1px",
     borderColor: "touchedBorderColor"
+  },
+  ".noPadding": {
+    padding: 0
   }
 }), transitions);
 
@@ -2100,7 +2107,7 @@ const baseTheme = () => {
       tableFilters: "3px 3px 3px rgba(0,0,0,0.2)",
       toolbar: "3px 3px 3px rgba(0,0,0,0.1)",
       desktop: {
-        windowElement: "rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px"
+        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],
@@ -2735,7 +2742,15 @@ const apiaApi = {
       flexDirection: "row",
       justifyContent: "end",
       p: 0,
-      gap: "0px"
+      gap: "0px",
+      position: "sticky",
+      bottom: "-19px",
+      background: "palette.background.paper",
+      height: "80px",
+      alignItems: "center",
+      button: {
+        height: "50px"
+      }
     },
     ".radio": {
       display: "flex",
@@ -4259,6 +4274,9 @@ const accordion = {
         justifyContent: "space-between",
         width: "100%"
       }
+    },
+    ".accordion__cell__renderer": {
+      display: "flex"
     }
   },
   panels: {
@@ -4309,9 +4327,88 @@ const accordion = {
   }
 };
 
+const chat = {
+  /* PREPEND HERE */
+  height: "calc(100vh - 300px)",
+  width: "100%",
+  border: "1px solid",
+  borderColor: "palette.border.section",
+  ".autoscrollContainer": {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    gap: 3,
+    p: 3
+  },
+  ".history__message": {
+    borderRadius: "2px",
+    p: 3,
+    width: "80%",
+    wordWrap: "break-word",
+    whiteSpace: "pre-wrap",
+    "&.user": {
+      alignSelf: "end",
+      backgroundColor: "#90ee902b"
+    },
+    "&.system": {
+      alignSelf: "start",
+      backgroundColor: "#5701f52b"
+    },
+    "&.warning": {
+      alignSelf: "start",
+      backgroundColor: "#ffff0024",
+      width: "100%"
+    },
+    "&.error": {
+      alignSelf: "start",
+      backgroundColor: "#fd84212b",
+      width: "100%"
+    },
+    "&.information": {
+      alignSelf: "start",
+      backgroundColor: "#2222cc2b",
+      width: "100%"
+    },
+    "&.multipleChoice": {
+      background: "#0178f52b",
+      td: { textAlign: "center" },
+      th: { backgroundColor: "#14597bab" },
+      table: { borderBottom: "1px solid" },
+      button: {
+        width: "-webkit-fill-available",
+        backgroundColor: "#14597bab"
+      },
+      ".taskInfoDiv": {
+        display: "flex",
+        justifyContent: "space-evenly"
+      }
+    }
+  },
+  ".help__container": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4
+  },
+  ".functionHelp": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    ".functionHelp__description, .functionHelp__usage": {
+      pl: 5
+    },
+    ".history__message": {
+      wordWrap: "break-word",
+      overflow: "hidden",
+      whiteSpace: "break-spaces"
+    }
+  }
+};
+
 const components = {
+  /* PREPEND HERE */
   accordion,
-  pagination
+  pagination,
+  chat
 };
 
 const common = (theme) => {
@@ -4326,9 +4423,38 @@ const common = (theme) => {
   };
 };
 
+const collector = {
+  /* PREPEND HERE */
+  formContainer: {
+    width: "400px",
+    form: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3
+    },
+    ".collector__buttons": {
+      display: "flex",
+      justifyContent: "end",
+      alignItems: "end",
+      gap: 3
+    }
+  },
+  modal: {
+    ".modal__main": {
+      maxWidth: "500px"
+    }
+  }
+};
+
+const util = {
+  collector
+  /* PREPEND HERE */
+};
+
 const layout = (theme) => {
   return {
-    common: common(theme)
+    common: common(theme),
+    util
     /* PREPEND HERE */
   };
 };