@solostylist/ui-kit 1.0.6 → 1.0.9

package/dist/styles/theme/components/autocomplete.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../inputBaseClasses-s6dljKxi.js";
-import { o } from "../../../outlinedInputClasses-rXE3T3sa.js";
+import { i as e } from "../../../inputBaseClasses-BRd7g4Od.js";
+import { o } from "../../../outlinedInputClasses-BTtPbpE5.js";
 const i = {
   styleOverrides: {
     inputRoot: {

package/dist/styles/theme/components/backdrop.js

@@ -1,4 +1,4 @@
-import { b as o } from "../../../backdropClasses-DDhytLTQ.js";
+import { b as o } from "../../../backdropClasses-lc38rgzd.js";
 const a = {
   styleOverrides: {
     root: { [`&:not(.${o.invisible})`]: { backgroundColor: "var(--mui-palette-Backdrop-bg)" } }

package/dist/styles/theme/components/button.js

@@ -1,4 +1,4 @@
-import { g as a } from "../../../generateUtilityClasses-CuEy5gtx.js";
+import { g as a } from "../../../generateUtilityClasses-STjIp_B9.js";
 const d = a("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]);
 function t(e) {
   return {

package/dist/styles/theme/components/card-header.js

@@ -1,4 +1,4 @@
-import { g as a } from "../../../generateUtilityClasses-CuEy5gtx.js";
+import { g as a } from "../../../generateUtilityClasses-STjIp_B9.js";
 const r = a("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]), t = {
   defaultProps: { titleTypographyProps: { variant: "h6" }, subheaderTypographyProps: { variant: "body2" } },
   styleOverrides: {

package/dist/styles/theme/components/card.js

@@ -1,4 +1,4 @@
-import { p as a } from "../../../paperClasses-Bf2rrWVr.js";
+import { p as a } from "../../../paperClasses-D1WMlaxU.js";
 const o = {
   styleOverrides: {
     root: ({ theme: r }) => ({

package/dist/styles/theme/components/filled-input.js

@@ -1,4 +1,4 @@
-import { i } from "../../../inputBaseClasses-s6dljKxi.js";
+import { i } from "../../../inputBaseClasses-BRd7g4Od.js";
 const a = {
   defaultProps: { disableUnderline: !0 },
   styleOverrides: {

package/dist/styles/theme/components/input.js

@@ -1,4 +1,4 @@
-import { i as n } from "../../../inputBaseClasses-s6dljKxi.js";
+import { i as n } from "../../../inputBaseClasses-BRd7g4Od.js";
 const a = {
   defaultProps: { disableUnderline: !0 },
   styleOverrides: {

package/dist/styles/theme/components/menu-item.js

@@ -1,4 +1,4 @@
-import { l as e } from "../../../listItemIconClasses-CTdclC9V.js";
+import { l as e } from "../../../listItemIconClasses-D-kc0Y9u.js";
 const i = {
   defaultProps: { disableRipple: !0 },
   styleOverrides: {

package/dist/styles/theme/components/outlined-input.js

@@ -1,5 +1,5 @@
-import { i as t } from "../../../inputBaseClasses-s6dljKxi.js";
-import { o } from "../../../outlinedInputClasses-rXE3T3sa.js";
+import { i as t } from "../../../inputBaseClasses-BRd7g4Od.js";
+import { o } from "../../../outlinedInputClasses-BTtPbpE5.js";
 const n = {
   defaultProps: { notched: !1 },
   styleOverrides: {

package/dist/styles/theme/components/table-head.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../tableCellClasses-BIg5orIQ.js";
+import { t as e } from "../../../tableCellClasses-CBw1aep0.js";
 const t = {
   styleOverrides: {
     root: {

package/dist/styles/theme/components/tabs.js

@@ -1,5 +1,6 @@
-import { g as e } from "../../../generateUtilityClasses-CuEy5gtx.js";
-const o = e("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), t = e("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), i = {
+import { t as e } from "../../../tabClasses-CDDkt7la.js";
+import { g as r } from "../../../generateUtilityClasses-STjIp_B9.js";
+const t = r("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), a = {
   styleOverrides: {
     flexContainer: { [`&:not(.${t.flexContainerVertical})`]: { gap: "24px" } },
     indicator: { height: "2px", borderTopLeftRadius: "0px", borderTopRightRadius: "0px" },
@@ -11,10 +12,10 @@ const o = e("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimar
         right: "auto",
         width: "4px"
       },
-      [`& .${o.root}`]: { justifyContent: "flex-start", paddingInline: "24px" }
+      [`& .${e.root}`]: { justifyContent: "flex-start", paddingInline: "24px" }
     }
   }
 };
 export {
-  i as MuiTabs
+  a as MuiTabs
 };

package/dist/styles/theme/customizations/data-display.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const dataDisplayCustomizations: Components<Theme>;

package/dist/styles/theme/customizations/data-display.js

@@ -0,0 +1,234 @@
+import { gray as e, green as l, red as a } from "../theme-primitives.js";
+import { i as n } from "../../../iconButtonClasses-CqYTUZq-.js";
+import { g as s } from "../../../generateUtilityClasses-STjIp_B9.js";
+import { s as i } from "../../../svgIconClasses-SzHbWjUv.js";
+import { b as c } from "../../../buttonBaseClasses-DxKwiRBX.js";
+import { t as d } from "../../../typographyClasses-BrhUWCU3.js";
+import { a as t } from "../../../createTheme-BZxWCiBm.js";
+const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), m = {
+  MuiList: {
+    styleOverrides: {
+      root: {
+        padding: "8px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 0
+      }
+    }
+  },
+  MuiListItem: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        [`& .${i.root}`]: {
+          width: "1rem",
+          height: "1rem",
+          color: (o.vars || o).palette.text.secondary
+        },
+        [`& .${d.root}`]: {
+          fontWeight: 500
+        },
+        [`& .${c.root}`]: {
+          display: "flex",
+          gap: 8,
+          padding: "2px 8px",
+          borderRadius: (o.vars || o).shape.borderRadius,
+          opacity: 0.7,
+          "&.Mui-selected": {
+            opacity: 1,
+            backgroundColor: t(o.palette.action.selected, 0.3),
+            [`& .${i.root}`]: {
+              color: (o.vars || o).palette.text.primary
+            },
+            "&:focus-visible": {
+              backgroundColor: t(o.palette.action.selected, 0.3)
+            },
+            "&:hover": {
+              backgroundColor: t(o.palette.action.selected, 0.5)
+            }
+          },
+          "&:focus-visible": {
+            backgroundColor: "transparent"
+          }
+        }
+      })
+    }
+  },
+  MuiListItemText: {
+    styleOverrides: {
+      primary: ({ theme: o }) => ({
+        fontSize: o.typography.body2.fontSize,
+        fontWeight: 500,
+        lineHeight: o.typography.body2.lineHeight
+      }),
+      secondary: ({ theme: o }) => ({
+        fontSize: o.typography.caption.fontSize,
+        lineHeight: o.typography.caption.lineHeight
+      })
+    }
+  },
+  MuiListSubheader: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        backgroundColor: "transparent",
+        padding: "4px 8px",
+        fontSize: o.typography.caption.fontSize,
+        fontWeight: 500,
+        lineHeight: o.typography.caption.lineHeight
+      })
+    }
+  },
+  MuiListItemIcon: {
+    styleOverrides: {
+      root: {
+        minWidth: 0
+      }
+    }
+  },
+  MuiChip: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        border: "1px solid",
+        borderRadius: "999px",
+        [`& .${r.label}`]: {
+          fontWeight: 600
+        },
+        variants: [
+          {
+            props: {
+              color: "default"
+            },
+            style: {
+              borderColor: e[200],
+              backgroundColor: e[100],
+              [`& .${r.label}`]: {
+                color: e[500]
+              },
+              [`& .${r.icon}`]: {
+                color: e[500]
+              },
+              ...o.applyStyles("dark", {
+                borderColor: e[700],
+                backgroundColor: e[800],
+                [`& .${r.label}`]: {
+                  color: e[300]
+                },
+                [`& .${r.icon}`]: {
+                  color: e[300]
+                }
+              })
+            }
+          },
+          {
+            props: {
+              color: "success"
+            },
+            style: {
+              borderColor: l[200],
+              backgroundColor: l[50],
+              [`& .${r.label}`]: {
+                color: l[500]
+              },
+              [`& .${r.icon}`]: {
+                color: l[500]
+              },
+              ...o.applyStyles("dark", {
+                borderColor: l[800],
+                backgroundColor: l[900],
+                [`& .${r.label}`]: {
+                  color: l[300]
+                },
+                [`& .${r.icon}`]: {
+                  color: l[300]
+                }
+              })
+            }
+          },
+          {
+            props: {
+              color: "error"
+            },
+            style: {
+              borderColor: a[100],
+              backgroundColor: a[50],
+              [`& .${r.label}`]: {
+                color: a[500]
+              },
+              [`& .${r.icon}`]: {
+                color: a[500]
+              },
+              ...o.applyStyles("dark", {
+                borderColor: a[800],
+                backgroundColor: a[900],
+                [`& .${r.label}`]: {
+                  color: a[200]
+                },
+                [`& .${r.icon}`]: {
+                  color: a[300]
+                }
+              })
+            }
+          },
+          {
+            props: { size: "small" },
+            style: {
+              maxHeight: 20,
+              [`& .${r.label}`]: {
+                fontSize: o.typography.caption.fontSize
+              },
+              [`& .${i.root}`]: {
+                fontSize: o.typography.caption.fontSize
+              }
+            }
+          },
+          {
+            props: { size: "medium" },
+            style: {
+              [`& .${r.label}`]: {
+                fontSize: o.typography.caption.fontSize
+              }
+            }
+          }
+        ]
+      })
+    }
+  },
+  MuiTablePagination: {
+    styleOverrides: {
+      actions: {
+        display: "flex",
+        gap: 8,
+        marginRight: 6,
+        [`& .${n.root}`]: {
+          minWidth: 0,
+          width: 36,
+          height: 36
+        }
+      }
+    }
+  },
+  MuiIcon: {
+    defaultProps: {
+      fontSize: "small"
+    },
+    styleOverrides: {
+      root: {
+        variants: [
+          {
+            props: {
+              fontSize: "small"
+            },
+            style: {
+              fontSize: "1rem"
+            }
+          }
+        ]
+      }
+    }
+  }
+};
+export {
+  m as dataDisplayCustomizations
+};

package/dist/styles/theme/customizations/feedback.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const feedbackCustomizations: Components<Theme>;

package/dist/styles/theme/customizations/feedback.js

@@ -0,0 +1,47 @@
+import { gray as e, orange as o } from "../theme-primitives.js";
+import { a } from "../../../createTheme-BZxWCiBm.js";
+const l = {
+  MuiAlert: {
+    styleOverrides: {
+      root: ({ theme: r }) => ({
+        borderRadius: 10,
+        backgroundColor: o[100],
+        color: (r.vars || r).palette.text.primary,
+        border: `1px solid ${a(o[300], 0.5)}`,
+        "& .MuiAlert-icon": {
+          color: o[500]
+        },
+        ...r.applyStyles("dark", {
+          backgroundColor: `${a(o[900], 0.5)}`,
+          border: `1px solid ${a(o[800], 0.5)}`
+        })
+      })
+    }
+  },
+  MuiDialog: {
+    styleOverrides: {
+      root: ({ theme: r }) => ({
+        "& .MuiDialog-paper": {
+          borderRadius: "10px",
+          border: "1px solid",
+          borderColor: (r.vars || r).palette.divider
+        }
+      })
+    }
+  },
+  MuiLinearProgress: {
+    styleOverrides: {
+      root: ({ theme: r }) => ({
+        height: 8,
+        borderRadius: 8,
+        backgroundColor: e[200],
+        ...r.applyStyles("dark", {
+          backgroundColor: e[800]
+        })
+      })
+    }
+  }
+};
+export {
+  l as feedbackCustomizations
+};

package/dist/styles/theme/customizations/inputs.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const inputsCustomizations: Components<Theme>;