npm - @zidsa/zidmui - Versions diffs - 2.1.8 → 2.3.0-beta.0 - Mend

@zidsa/zidmui 2.1.8 → 2.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/dist/react/cjs/theme/shadows.dark.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const shadowsDark = [
+  "none",
+  "0px 1px 2px 0px rgba(0, 0, 0, 0.40)",
+  "0px 1px 2px 0px rgba(0, 0, 0, 0.40), 0px 1px 3px 0px rgba(0, 0, 0, 0.45)",
+  "0px 2px 4px -2px rgba(0, 0, 0, 0.40), 0px 4px 8px -2px rgba(0, 0, 0, 0.50)",
+  "0px 2px 6px -2px rgba(0, 0, 0, 0.35), 0px 12px 16px -4px rgba(0, 0, 0, 0.50)",
+  "0px 3px 5px -1px rgba(0, 0, 0, 0.20), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)",
+  "0px 3px 5px -1px rgba(0, 0, 0, 0.20), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",
+  "0px 4px 5px -2px rgba(0, 0, 0, 0.20), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)",
+  "0px 4px 5px -2px rgba(0, 0, 0, 0.20), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)",
+  // Additional shadows for MUI compatibility (9-24)
+  "0px 5px 5px -3px rgba(0, 0, 0, 0.20), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)",
+  "0px 5px 6px -3px rgba(0, 0, 0, 0.20), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)",
+  "0px 6px 6px -3px rgba(0, 0, 0, 0.20), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)",
+  "0px 6px 7px -4px rgba(0, 0, 0, 0.20), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)",
+  "0px 7px 8px -4px rgba(0, 0, 0, 0.20), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)",
+  "0px 7px 8px -4px rgba(0, 0, 0, 0.20), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)",
+  "0px 7px 9px -4px rgba(0, 0, 0, 0.20), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)",
+  "0px 8px 9px -5px rgba(0, 0, 0, 0.20), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)",
+  "0px 8px 10px -5px rgba(0, 0, 0, 0.20), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)",
+  "0px 8px 11px -5px rgba(0, 0, 0, 0.20), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)",
+  "0px 9px 11px -5px rgba(0, 0, 0, 0.20), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)",
+  "0px 9px 12px -6px rgba(0, 0, 0, 0.20), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)",
+  "0px 10px 13px -6px rgba(0, 0, 0, 0.20), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)",
+  "0px 10px 13px -6px rgba(0, 0, 0, 0.20), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)",
+  "0px 10px 14px -6px rgba(0, 0, 0, 0.20), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)",
+  "0px 11px 14px -7px rgba(0, 0, 0, 0.20), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)"
+];
+exports.shadowsDark = shadowsDark;
+//# sourceMappingURL=shadows.dark.js.map

package/dist/react/cjs/theme/shadows.dark.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"shadows.dark.js","sources":["../../../../src/theme/shadows.dark.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { ThemeOptions } from '@mui/material';\n\n//\n//\n\nexport const shadowsDark: ThemeOptions['shadows'] = [\n 'none',\n '0px 1px 2px 0px rgba(0, 0, 0, 0.40)',\n '0px 1px 2px 0px rgba(0, 0, 0, 0.40), 0px 1px 3px 0px rgba(0, 0, 0, 0.45)',\n '0px 2px 4px -2px rgba(0, 0, 0, 0.40), 0px 4px 8px -2px rgba(0, 0, 0, 0.50)',\n '0px 2px 6px -2px rgba(0, 0, 0, 0.35), 0px 12px 16px -4px rgba(0, 0, 0, 0.50)',\n '0px 3px 5px -1px rgba(0, 0, 0, 0.20), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)',\n '0px 3px 5px -1px rgba(0, 0, 0, 0.20), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n '0px 4px 5px -2px rgba(0, 0, 0, 0.20), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)',\n '0px 4px 5px -2px rgba(0, 0, 0, 0.20), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)',\n // Additional shadows for MUI compatibility (9-24)\n '0px 5px 5px -3px rgba(0, 0, 0, 0.20), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)',\n '0px 5px 6px -3px rgba(0, 0, 0, 0.20), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)',\n '0px 6px 6px -3px rgba(0, 0, 0, 0.20), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)',\n '0px 6px 7px -4px rgba(0, 0, 0, 0.20), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)',\n '0px 7px 8px -4px rgba(0, 0, 0, 0.20), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)',\n '0px 7px 8px -4px rgba(0, 0, 0, 0.20), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)',\n '0px 7px 9px -4px rgba(0, 0, 0, 0.20), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)',\n '0px 8px 9px -5px rgba(0, 0, 0, 0.20), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)',\n '0px 8px 10px -5px rgba(0, 0, 0, 0.20), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)',\n '0px 8px 11px -5px rgba(0, 0, 0, 0.20), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)',\n '0px 9px 11px -5px rgba(0, 0, 0, 0.20), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)',\n '0px 9px 12px -6px rgba(0, 0, 0, 0.20), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)',\n '0px 10px 13px -6px rgba(0, 0, 0, 0.20), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)',\n '0px 10px 13px -6px rgba(0, 0, 0, 0.20), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)',\n '0px 10px 14px -6px rgba(0, 0, 0, 0.20), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)',\n '0px 11px 14px -7px rgba(0, 0, 0, 0.20), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)',\n] as unknown as ThemeOptions['shadows'];\n"],"names":[],"mappings":";;AAMO,MAAM,cAAuC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;"}

package/dist/react/cjs/theme/theme.dark.js ADDED Viewed

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const material = require("@mui/material");
+const components = require("./components.js");
+const palette_dark = require("./palette.dark.js");
+const shadows_dark = require("./shadows.dark.js");
+const typography = require("./typography.js");
+const themeParcelDark = material.createTheme({
+  shape: {
+    borderRadius: 8,
+    standardBorderRadius: 12
+  },
+  typography: typography.typography,
+  components: components.components,
+  palette: palette_dark.paletteDark,
+  shadows: shadows_dark.shadowsDark
+});
+exports.themeParcelDark = themeParcelDark;
+//# sourceMappingURL=theme.dark.js.map

package/dist/react/cjs/theme/theme.dark.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theme.dark.js","sources":["../../../../src/theme/theme.dark.ts"],"sourcesContent":["import { createTheme } from '@mui/material';\n\nimport { components } from './components';\nimport { paletteDark } from './palette.dark';\nimport { shadowsDark } from './shadows.dark';\nimport { typography } from './typography';\n\n//\n//\n\nexport const themeParcelDark = createTheme({\n shape: {\n borderRadius: 8,\n standardBorderRadius: 12,\n },\n typography,\n components,\n palette: paletteDark,\n shadows: shadowsDark,\n});\n"],"names":["createTheme","typography","components","paletteDark","shadowsDark"],"mappings":";;;;;;;AAUO,MAAM,kBAAkBA,SAAAA,YAAY;AAAA,EACzC,OAAO;AAAA,IACL,cAAc;AAAA,IACd,sBAAsB;AAAA,EAAA;AAAA,EACxB,YACAC,WAAAA;AAAAA,EAAA,YACAC,WAAAA;AAAAA,EACA,SAASC,aAAAA;AAAAA,EACT,SAASC,aAAAA;AACX,CAAC;;"}

package/dist/react/es/components/app-dialog.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, DialogTitle, DialogContent, DialogActions } from "@mui/material";
 import { AppTypography } from "./app-typography.js";
 import { StackColumn } from "./stack-column.js";
+const resolveSlotProps = (slot) => typeof slot === "function" ? {} : slot ?? {};
 const AppDialog = ({
   title,
   description,
@@ -25,13 +26,13 @@ const AppDialog = ({
       slotProps: {
         paper: {
           elevation: 4,
-          ...slotProps?.paper
+          ...resolveSlotProps(slotProps?.paper)
         },
         backdrop: {
           sx: {
             backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : ""
           },
-          ...slotProps?.backdrop
+          ...resolveSlotProps(slotProps?.backdrop)
         }
       },
       ...props,

package/dist/react/es/components/app-dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogProps,\n DialogActions,\n DialogActionsProps,\n DialogContent,\n DialogContentProps,\n DialogTitle,\n DialogTitleProps,\n StackProps,\n useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppDialogProps = DialogProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n titleStackProps?: StackProps;\n titleProps?: DialogTitleProps;\n actions?: React.ReactNode;\n actionsProps?: DialogActionsProps;\n children?: React.ReactNode;\n dialogContentProps?: DialogContentProps;\n darkerBackdrop?: boolean;\n};\n\nexport const AppDialog = ({\n title,\n description,\n descriptionProps,\n children,\n titleStackProps,\n actions,\n titleProps,\n actionsProps,\n darkerBackdrop,\n dialogContentProps,\n slotProps,\n ...props\n}: AppDialogProps) => {\n const theme = useTheme();\n\n return (\n <Dialog\n fullWidth\n maxWidth=\"sm\"\n slotProps={{\n paper: {\n elevation: 4,\n ...slotProps?.paper,\n },\n backdrop: {\n sx: {\n backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : '',\n },\n ...slotProps?.backdrop,\n },\n }}\n {...props}\n >\n {(title \|\| description) && (\n <DialogTitle {...titleProps}>\n <StackColumn {...titleStackProps} gap={3}>\n {title}\n {description && (\n <AppTypography variant=\"body2\" {...descriptionProps}>\n {description}\n </AppTypography>\n )}\n </StackColumn>\n </DialogTitle>\n )}\n <DialogContent {...dialogContentProps}>{children}</DialogContent>\n\n {actions && <DialogActions {...actionsProps}>{actions}</DialogActions>}\n </Dialog>\n );\n};\n"],"names":[],"mappings":";;;;~~AA+BO~~,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,QAAQ,SAAA;AAEd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,~~QAEhB~~,UAAU;AAAA,UACR,IAAI;AAAA,YACF,iBAAiB,iBAAiB,MAAM,QAAQ,WAAW,eAAe;AAAA,UAAA;AAAA,UAE5E,GAAG,WAAW;AAAA,QAAA;AAAA,~~MAChB~~;AAAA,MAED,GAAG;AAAA,MAEF,UAAA;AAAA,SAAA,SAAS,gBACT,oBAAC,aAAA,EAAa,GAAG,YACf,+BAAC,aAAA,EAAa,GAAG,iBAAiB,KAAK,GACpC,UAAA;AAAA,UAAA;AAAA,UACA,eACC,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,kBAChC,UAAA,YAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAEF,oBAAC,eAAA,EAAe,GAAG,oBAAqB,SAAA,CAAS;AAAA,QAEhD,WAAW,oBAAC,eAAA,EAAe,GAAG,cAAe,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
1	+ {"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogProps,\n DialogActions,\n DialogActionsProps,\n DialogContent,\n DialogContentProps,\n DialogTitle,\n DialogTitleProps,\n StackProps,\n useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nconst resolveSlotProps = <T,>(slot: T \| ((...args: unknown[]) => T) \| undefined): Partial<T> =>\n typeof slot === 'function' ? {} : ((slot ?? {}) as Partial<T>);\n\nexport type AppDialogProps = DialogProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n titleStackProps?: StackProps;\n titleProps?: DialogTitleProps;\n actions?: React.ReactNode;\n actionsProps?: DialogActionsProps;\n children?: React.ReactNode;\n dialogContentProps?: DialogContentProps;\n darkerBackdrop?: boolean;\n};\n\nexport const AppDialog = ({\n title,\n description,\n descriptionProps,\n children,\n titleStackProps,\n actions,\n titleProps,\n actionsProps,\n darkerBackdrop,\n dialogContentProps,\n slotProps,\n ...props\n}: AppDialogProps) => {\n const theme = useTheme();\n\n return (\n <Dialog\n fullWidth\n maxWidth=\"sm\"\n slotProps={{\n paper: {\n elevation: 4,\n ...resolveSlotProps(slotProps?.paper),\n },\n backdrop: {\n sx: {\n backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : '',\n },\n ...resolveSlotProps(slotProps?.backdrop),\n },\n }}\n {...props}\n >\n {(title \|\| description) && (\n <DialogTitle {...titleProps}>\n <StackColumn {...titleStackProps} gap={3}>\n {title}\n {description && (\n <AppTypography variant=\"body2\" {...descriptionProps}>\n {description}\n </AppTypography>\n )}\n </StackColumn>\n </DialogTitle>\n )}\n <DialogContent {...dialogContentProps}>{children}</DialogContent>\n\n {actions && <DialogActions {...actionsProps}>{actions}</DialogActions>}\n </Dialog>\n );\n};\n"],"names":[],"mappings":";;;;AAkBA,MAAM,mBAAmB,CAAK,SAC5B,OAAO,SAAS,aAAa,CAAA,IAAO,QAAQ,CAAA;AAevC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,QAAQ,SAAA;AAEd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,GAAG,iBAAiB,WAAW,KAAK;AAAA,QAAA;AAAA,QAEtC,UAAU;AAAA,UACR,IAAI;AAAA,YACF,iBAAiB,iBAAiB,MAAM,QAAQ,WAAW,eAAe;AAAA,UAAA;AAAA,UAE5E,GAAG,iBAAiB,WAAW,QAAQ;AAAA,QAAA;AAAA,MACzC;AAAA,MAED,GAAG;AAAA,MAEF,UAAA;AAAA,SAAA,SAAS,gBACT,oBAAC,aAAA,EAAa,GAAG,YACf,+BAAC,aAAA,EAAa,GAAG,iBAAiB,KAAK,GACpC,UAAA;AAAA,UAAA;AAAA,UACA,eACC,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,kBAChC,UAAA,YAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAEF,oBAAC,eAAA,EAAe,GAAG,oBAAqB,SAAA,CAAS;AAAA,QAEhD,WAAW,oBAAC,eAAA,EAAe,GAAG,cAAe,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/react/es/components/app-list-item.js CHANGED Viewed

@@ -67,6 +67,9 @@ const AppListItem = ({
           textLabel,
           tooltip && /* @__PURE__ */ jsx(AppIconWithTooltip, { tooltip, iconProps: { sx: { fontSize: 16 } } })
         ] }),
+        slotProps: textLabelProps?.primary ? textLabelProps.slotProps : {
+          primary: { component: "div" }
+        },
         ...textLabelProps
       }
     ),

package/dist/react/es/components/app-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-list-item.js","sources":["../../../../src/components/app-list-item.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n ListItem,\n ListItemIcon,\n ListItemIconProps,\n ListItemProps,\n ListItemText,\n ListItemTextProps,\n styled,\n} from '@mui/material';\n\nimport { AppIconWithTooltip } from './app-icon-with-tooltip';\nimport { AppOverflownTextWithTooltip } from './app-overflown-text-with-tooltip';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppListItemProps = {\n icon?: React.ReactNode;\n iconProps?: ListItemIconProps;\n textLabel?: React.ReactNode;\n textLabelProps?: ListItemTextProps;\n textDescription?: React.ReactNode;\n textContent?: React.ReactNode;\n textContentProps?: AppTypographyProps;\n children?: React.ReactNode;\n labelSuffix?: React.ReactNode;\n tooltip?: string;\n} & Omit<ListItemProps, 'value'>;\n\nexport const AppListItem = ({\n icon,\n iconProps,\n textLabel,\n textDescription,\n textLabelProps = {},\n textContent,\n textContentProps,\n children,\n labelSuffix,\n tooltip,\n ...props\n}: AppListItemProps) => {\n if (typeof textDescription === 'string') {\n textLabelProps.secondary = (\n <AppOverflownTextWithTooltip\n title={textDescription}\n typographyProps={{ variant: 'body2', color: 'text.tertiary' }}\n twoLines\n />\n );\n } else if (textDescription) {\n textLabelProps.secondary = (\n <AppTypography variant=\"caption\" color=\"text.tertiary\">\n {textDescription}\n </AppTypography>\n );\n }\n\n //\n\n if (typeof textLabel === 'string') {\n textLabel = (\n <AppOverflownTextWithTooltip\n title={textLabel}\n typographyProps={{ variant: 'body2', color: 'text.secondary' }}\n />\n );\n } else {\n textLabel = (\n <AppTypography variant=\"body2\" color=\"text.secondary\">\n {textLabel}\n </AppTypography>\n );\n }\n\n if (labelSuffix) {\n textLabel = (\n <StackRow overflow=\"hidden\">\n {textLabel}\n {labelSuffix}\n </StackRow>\n );\n }\n\n //\n\n if (typeof textContent === 'string') {\n textContent = (\n <AppOverflownTextWithTooltip\n title={textContent}\n typographyProps={{ variant: 'body2', color: 'text.secondary' }}\n twoLines\n />\n );\n } else if (textContent) {\n textContent = (\n <AppTypography variant=\"body2\" color=\"text.secondary\">\n {textContent}\n </AppTypography>\n );\n }\n\n return (\n <ListItemStyled {...props}>\n {icon && <ListItemIcon {...iconProps}>{icon}</ListItemIcon>}\n {(textLabel \|\| textLabelProps) && (\n <ListItemText\n primary={\n <StackRow gap={0.75}>\n {textLabel}\n\n {tooltip && (\n <AppIconWithTooltip tooltip={tooltip} iconProps={{ sx: { fontSize: 16 } }} />\n )}\n </StackRow>\n }\n {...textLabelProps}\n />\n )}\n {textContent && (\n <AppTypography variant=\"body2\" color=\"text.secondary\" {...textContentProps}>\n {textContent}\n </AppTypography>\n )}\n {children}\n </ListItemStyled>\n );\n};\n\ntype AppListItemContentProps = AppTypographyProps;\n\nexport const AppListItemContent: React.FC<AppListItemContentProps> = ({ children, ...props }) => {\n return (\n <AppTypography variant=\"body2\" color=\"text.secondary\" {...props}>\n {children}\n </AppTypography>\n );\n};\n\n//\n\nconst ListItemStyled = styled(ListItem)(({ theme }) => ({\n display: 'flex',\n gap: theme.spacing(1.5),\n '.MuiListItemText-root': {\n minWidth: 200,\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n margin: theme.spacing(0.125),\n },\n}));\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAA;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,MAAI,OAAO,oBAAoB,UAAU;AACvC,mBAAe,YACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,iBAAiB,EAAE,SAAS,SAAS,OAAO,gBAAA;AAAA,QAC5C,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGd,WAAW,iBAAiB;AAC1B,mBAAe,YACb,oBAAC,eAAA,EAAc,SAAQ,WAAU,OAAM,iBACpC,UAAA,gBAAA,CACH;AAAA,EAEJ;AAIA,MAAI,OAAO,cAAc,UAAU;AACjC,gBACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,iBAAiB,EAAE,SAAS,SAAS,OAAO,iBAAA;AAAA,MAAiB;AAAA,IAAA;AAAA,EAGnE,OAAO;AACL,oCACG,eAAA,EAAc,SAAQ,SAAQ,OAAM,kBAClC,UAAA,WACH;AAAA,EAEJ;AAEA,MAAI,aAAa;AACf,gBACE,qBAAC,UAAA,EAAS,UAAS,UAChB,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAIA,MAAI,OAAO,gBAAgB,UAAU;AACnC,kBACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,iBAAiB,EAAE,SAAS,SAAS,OAAO,iBAAA;AAAA,QAC5C,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGd,WAAW,aAAa;AACtB,sCACG,eAAA,EAAc,SAAQ,SAAQ,OAAM,kBAClC,UAAA,aACH;AAAA,EAEJ;AAEA,SACE,qBAAC,gBAAA,EAAgB,GAAG,OACjB,UAAA;AAAA,IAAA,QAAQ,oBAAC,cAAA,EAAc,GAAG,WAAY,UAAA,MAAK;AAAA,KAC1C,aAAa,mBACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SACE,qBAAC,UAAA,EAAS,KAAK,MACZ,UAAA;AAAA,UAAA;AAAA,UAEA,WACC,oBAAC,oBAAA,EAAmB,SAAkB,WAAW,EAAE,IAAI,EAAE,UAAU,GAAA,IAAK,CAAG;AAAA,QAAA,GAE/E;AAAA,~~QAED~~,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGP,mCACE,eAAA,EAAc,SAAQ,SAAQ,OAAM,kBAAkB,GAAG,kBACvD,UAAA,YAAA,CACH;AAAA,IAED;AAAA,EAAA,GACH;AAEJ;AAIO,MAAM,qBAAwD,CAAC,EAAE,UAAU,GAAG,YAAY;AAC/F,SACE,oBAAC,iBAAc,SAAQ,SAAQ,OAAM,kBAAkB,GAAG,OACvD,UACH;AAEJ;AAIA,MAAM,iBAAiB,OAAO,QAAQ,EAAE,CAAC,EAAE,aAAa;AAAA,EACtD,SAAS;AAAA,EACT,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ,MAAM,QAAQ,KAAK;AAAA,EAAA;AAE/B,EAAE;"}
1	+ {"version":3,"file":"app-list-item.js","sources":["../../../../src/components/app-list-item.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n ListItem,\n ListItemIcon,\n ListItemIconProps,\n ListItemProps,\n ListItemText,\n ListItemTextProps,\n styled,\n} from '@mui/material';\n\nimport { AppIconWithTooltip } from './app-icon-with-tooltip';\nimport { AppOverflownTextWithTooltip } from './app-overflown-text-with-tooltip';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppListItemProps = {\n icon?: React.ReactNode;\n iconProps?: ListItemIconProps;\n textLabel?: React.ReactNode;\n textLabelProps?: ListItemTextProps;\n textDescription?: React.ReactNode;\n textContent?: React.ReactNode;\n textContentProps?: AppTypographyProps;\n children?: React.ReactNode;\n labelSuffix?: React.ReactNode;\n tooltip?: string;\n} & Omit<ListItemProps, 'value'>;\n\nexport const AppListItem = ({\n icon,\n iconProps,\n textLabel,\n textDescription,\n textLabelProps = {},\n textContent,\n textContentProps,\n children,\n labelSuffix,\n tooltip,\n ...props\n}: AppListItemProps) => {\n if (typeof textDescription === 'string') {\n textLabelProps.secondary = (\n <AppOverflownTextWithTooltip\n title={textDescription}\n typographyProps={{ variant: 'body2', color: 'text.tertiary' }}\n twoLines\n />\n );\n } else if (textDescription) {\n textLabelProps.secondary = (\n <AppTypography variant=\"caption\" color=\"text.tertiary\">\n {textDescription}\n </AppTypography>\n );\n }\n\n //\n\n if (typeof textLabel === 'string') {\n textLabel = (\n <AppOverflownTextWithTooltip\n title={textLabel}\n typographyProps={{ variant: 'body2', color: 'text.secondary' }}\n />\n );\n } else {\n textLabel = (\n <AppTypography variant=\"body2\" color=\"text.secondary\">\n {textLabel}\n </AppTypography>\n );\n }\n\n if (labelSuffix) {\n textLabel = (\n <StackRow overflow=\"hidden\">\n {textLabel}\n {labelSuffix}\n </StackRow>\n );\n }\n\n //\n\n if (typeof textContent === 'string') {\n textContent = (\n <AppOverflownTextWithTooltip\n title={textContent}\n typographyProps={{ variant: 'body2', color: 'text.secondary' }}\n twoLines\n />\n );\n } else if (textContent) {\n textContent = (\n <AppTypography variant=\"body2\" color=\"text.secondary\">\n {textContent}\n </AppTypography>\n );\n }\n\n return (\n <ListItemStyled {...props}>\n {icon && <ListItemIcon {...iconProps}>{icon}</ListItemIcon>}\n {(textLabel \|\| textLabelProps) && (\n <ListItemText\n primary={\n <StackRow gap={0.75}>\n {textLabel}\n\n {tooltip && (\n <AppIconWithTooltip tooltip={tooltip} iconProps={{ sx: { fontSize: 16 } }} />\n )}\n </StackRow>\n }\n slotProps={\n textLabelProps?.primary\n ? textLabelProps.slotProps\n : {\n primary: { component: 'div' },\n }\n }\n {...textLabelProps}\n />\n )}\n {textContent && (\n <AppTypography variant=\"body2\" color=\"text.secondary\" {...textContentProps}>\n {textContent}\n </AppTypography>\n )}\n {children}\n </ListItemStyled>\n );\n};\n\ntype AppListItemContentProps = AppTypographyProps;\n\nexport const AppListItemContent: React.FC<AppListItemContentProps> = ({ children, ...props }) => {\n return (\n <AppTypography variant=\"body2\" color=\"text.secondary\" {...props}>\n {children}\n </AppTypography>\n );\n};\n\n//\n\nconst ListItemStyled = styled(ListItem)(({ theme }) => ({\n display: 'flex',\n gap: theme.spacing(1.5),\n '.MuiListItemText-root': {\n minWidth: 200,\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n margin: theme.spacing(0.125),\n },\n}));\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAA;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,MAAI,OAAO,oBAAoB,UAAU;AACvC,mBAAe,YACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,iBAAiB,EAAE,SAAS,SAAS,OAAO,gBAAA;AAAA,QAC5C,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGd,WAAW,iBAAiB;AAC1B,mBAAe,YACb,oBAAC,eAAA,EAAc,SAAQ,WAAU,OAAM,iBACpC,UAAA,gBAAA,CACH;AAAA,EAEJ;AAIA,MAAI,OAAO,cAAc,UAAU;AACjC,gBACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,iBAAiB,EAAE,SAAS,SAAS,OAAO,iBAAA;AAAA,MAAiB;AAAA,IAAA;AAAA,EAGnE,OAAO;AACL,oCACG,eAAA,EAAc,SAAQ,SAAQ,OAAM,kBAClC,UAAA,WACH;AAAA,EAEJ;AAEA,MAAI,aAAa;AACf,gBACE,qBAAC,UAAA,EAAS,UAAS,UAChB,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAIA,MAAI,OAAO,gBAAgB,UAAU;AACnC,kBACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,iBAAiB,EAAE,SAAS,SAAS,OAAO,iBAAA;AAAA,QAC5C,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGd,WAAW,aAAa;AACtB,sCACG,eAAA,EAAc,SAAQ,SAAQ,OAAM,kBAClC,UAAA,aACH;AAAA,EAEJ;AAEA,SACE,qBAAC,gBAAA,EAAgB,GAAG,OACjB,UAAA;AAAA,IAAA,QAAQ,oBAAC,cAAA,EAAc,GAAG,WAAY,UAAA,MAAK;AAAA,KAC1C,aAAa,mBACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SACE,qBAAC,UAAA,EAAS,KAAK,MACZ,UAAA;AAAA,UAAA;AAAA,UAEA,WACC,oBAAC,oBAAA,EAAmB,SAAkB,WAAW,EAAE,IAAI,EAAE,UAAU,GAAA,IAAK,CAAG;AAAA,QAAA,GAE/E;AAAA,QAEF,WACE,gBAAgB,UACZ,eAAe,YACf;AAAA,UACE,SAAS,EAAE,WAAW,MAAA;AAAA,QAAM;AAAA,QAGnC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGP,mCACE,eAAA,EAAc,SAAQ,SAAQ,OAAM,kBAAkB,GAAG,kBACvD,UAAA,YAAA,CACH;AAAA,IAED;AAAA,EAAA,GACH;AAEJ;AAIO,MAAM,qBAAwD,CAAC,EAAE,UAAU,GAAG,YAAY;AAC/F,SACE,oBAAC,iBAAc,SAAQ,SAAQ,OAAM,kBAAkB,GAAG,OACvD,UACH;AAEJ;AAIA,MAAM,iBAAiB,OAAO,QAAQ,EAAE,CAAC,EAAE,aAAa;AAAA,EACtD,SAAS;AAAA,EACT,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ,MAAM,QAAQ,KAAK;AAAA,EAAA;AAE/B,EAAE;"}

package/dist/react/es/theme/components/alert.js CHANGED Viewed

@@ -10,13 +10,13 @@ const MuiAlert = {
       },
       "&.MuiAlert-colorError": {
         color: "inherit",
-        borderColor: theme.palette.colors.red[300],
-        background: theme.palette.colors.red[100],
+        borderColor: theme.palette._components.alert.error.border,
+        background: theme.palette._components.alert.error.background,
         ".MuiAlert-icon": {
-          color: theme.palette.colors.red[400]
+          color: theme.palette._components.alert.error.icon
         },
         ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette.colors.red[1e3]
+          fill: theme.palette._components.alert.error.color
         }
       },
       ".MuiTypography-root.MuiAlertTitle-root": {
@@ -43,35 +43,35 @@ const MuiAlert = {
       },
       "&.MuiAlert-colorWarning": {
         color: "inherit",
-        borderColor: theme.palette.colors.yellow[500],
-        background: theme.palette.colors.yellow[100],
+        borderColor: theme.palette._components.alert.warning.border,
+        background: theme.palette._components.alert.warning.background,
         ".MuiAlert-icon": {
-          color: theme.palette.colors.yellow[700]
+          color: theme.palette._components.alert.warning.icon
         },
         ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: "#6F673B"
+          fill: theme.palette._components.alert.warning.color
         }
       },
       "&.MuiAlert-colorInfo": {
         color: "inherit",
-        borderColor: theme.palette.colors.blue[400],
-        background: theme.palette.colors.blue[100],
+        borderColor: theme.palette._components.alert.info.border,
+        background: theme.palette._components.alert.info.background,
         ".MuiAlert-icon": {
-          color: theme.palette.colors.blue[900]
+          color: theme.palette._components.alert.info.icon
         },
         ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette.colors.blue[1e3]
+          fill: theme.palette._components.alert.info.color
         }
       },
       "&.MuiAlert-colorSuccess": {
         color: "inherit",
-        borderColor: theme.palette.colors.green[400],
-        background: theme.palette.colors.green[100],
+        borderColor: theme.palette._components.alert.success.border,
+        background: theme.palette._components.alert.success.background,
         ".MuiAlert-icon": {
-          color: theme.palette.colors.green[600]
+          color: theme.palette._components.alert.success.icon
         },
         ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette.colors.green[1e3]
+          fill: theme.palette._components.alert.success.color
         }
       }
     })

package/dist/react/es/theme/components/alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.js","sources":["../../../../../src/theme/components/alert.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\n//\n\nexport const MuiAlert: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAlert'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n borderStyle: 'solid',\n borderWidth: 1,\n borderRadius: 12,\n flexWrap: 'wrap',\n [theme.breakpoints.down('md')]: {\n paddingInline: theme.spacing(1),\n },\n '&.MuiAlert-colorError': {\n color: 'inherit',\n borderColor: theme.palette.~~colors~~.~~red[300]~~,\n background: theme.palette.~~colors~~.~~red[100]~~,\n '.MuiAlert-icon': {\n color: theme.palette.~~colors~~.~~red[400]~~,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette.~~colors~~.~~red[1000]~~,\n },\n },\n '.MuiTypography-root.MuiAlertTitle-root': {\n margin: 0,\n },\n '.MuiAlert-icon': {\n flex: 0,\n paddingBlock: theme.spacing(0.75),\n alignItems: 'flex-start',\n },\n '.MuiAlert-message': {\n flex: 1,\n paddingBlock: theme.spacing(0.75),\n display: 'flex',\n alignItems: 'center',\n },\n '.MuiAlert-action': {\n paddingTop: theme.spacing(0.25),\n marginRight: 0,\n alignItems: 'flex-start',\n [theme.breakpoints.down('md')]: {\n paddingLeft: theme.spacing(0.5),\n },\n },\n '&.MuiAlert-colorWarning': {\n color: 'inherit',\n borderColor: theme.palette.~~colors~~.~~yellow[500]~~,\n background: theme.palette.~~colors~~.~~yellow[100]~~,\n '.MuiAlert-icon': {\n color: theme.palette.~~colors~~.~~yellow[700]~~,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: ~~'#6F673B'~~,\n },\n },\n '&.MuiAlert-colorInfo': {\n color: 'inherit',\n borderColor: theme.palette.~~colors~~.~~blue[400]~~,\n background: theme.palette.~~colors~~.~~blue[100]~~,\n '.MuiAlert-icon': {\n color: theme.palette.~~colors~~.~~blue[900]~~,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette.~~colors~~.~~blue[1000]~~,\n },\n },\n '&.MuiAlert-colorSuccess': {\n color: 'inherit',\n borderColor: theme.palette.~~colors~~.~~green[400]~~,\n background: theme.palette.~~colors~~.~~green[100]~~,\n '.MuiAlert-icon': {\n color: theme.palette.~~colors~~.~~green[600]~~,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette.~~colors~~.~~green[1000]~~,\n },\n },\n }),\n },\n};\n"],"names":[],"mappings":"AAOO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,MACV,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,eAAe,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEhC,yBAAyB;AAAA,QACvB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,~~OAAO~~,~~IAAI~~,~~GAAG~~;AAAA,~~QACzC~~,YAAY,MAAM,QAAQ,~~OAAO~~,~~IAAI~~,~~GAAG~~;AAAA,~~QACxC~~,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,~~OAAO~~,~~IAAI~~,~~GAAG~~;AAAA,QAAA;AAAA,~~QAErC~~,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,~~OAAO~~,~~IAAI~~,~~GAAI~~;AAAA,QAAA;AAAA,~~MACrC~~;AAAA,MAEF,0CAA0C;AAAA,QACxC,QAAQ;AAAA,MAAA;AAAA,MAEV,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,YAAY;AAAA,MAAA;AAAA,MAEd,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAEd,oBAAoB;AAAA,QAClB,YAAY,MAAM,QAAQ,IAAI;AAAA,QAC9B,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,UAC9B,aAAa,MAAM,QAAQ,GAAG;AAAA,QAAA;AAAA,MAChC;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,~~OAAO~~,~~OAAO~~,~~GAAG~~;AAAA,~~QAC5C~~,YAAY,MAAM,QAAQ,~~OAAO~~,~~OAAO~~,~~GAAG~~;AAAA,~~QAC3C~~,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,~~OAAO~~,~~OAAO~~,~~GAAG~~;AAAA,QAAA;AAAA,~~QAExC~~,8CAA8C;AAAA,UAC5C,MAAM;AAAA,QAAA;AAAA,~~MACR~~;AAAA,MAEF,wBAAwB;AAAA,QACtB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,~~OAAO~~,KAAK~~,GAAG~~;AAAA,~~QAC1C~~,YAAY,MAAM,QAAQ,~~OAAO~~,KAAK~~,GAAG~~;AAAA,~~QACzC~~,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,~~OAAO~~,KAAK~~,GAAG~~;AAAA,QAAA;AAAA,~~QAEtC~~,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,~~OAAO~~,KAAK~~,GAAI~~;AAAA,QAAA;AAAA,~~MACtC~~;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,~~OAAO~~,MAAM,~~GAAG~~;AAAA,~~QAC3C~~,YAAY,MAAM,QAAQ,~~OAAO~~,MAAM,~~GAAG~~;AAAA,~~QAC1C~~,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,~~OAAO~~,MAAM,~~GAAG~~;AAAA,QAAA;AAAA,~~QAEvC~~,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,~~OAAO~~,MAAM,~~GAAI~~;AAAA,QAAA;AAAA,~~MACvC~~;AAAA,IACF;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"alert.js","sources":["../../../../../src/theme/components/alert.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\n//\n\nexport const MuiAlert: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAlert'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n borderStyle: 'solid',\n borderWidth: 1,\n borderRadius: 12,\n flexWrap: 'wrap',\n [theme.breakpoints.down('md')]: {\n paddingInline: theme.spacing(1),\n },\n '&.MuiAlert-colorError': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.error.border,\n background: theme.palette._components.alert.error.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.error.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.error.color,\n },\n },\n '.MuiTypography-root.MuiAlertTitle-root': {\n margin: 0,\n },\n '.MuiAlert-icon': {\n flex: 0,\n paddingBlock: theme.spacing(0.75),\n alignItems: 'flex-start',\n },\n '.MuiAlert-message': {\n flex: 1,\n paddingBlock: theme.spacing(0.75),\n display: 'flex',\n alignItems: 'center',\n },\n '.MuiAlert-action': {\n paddingTop: theme.spacing(0.25),\n marginRight: 0,\n alignItems: 'flex-start',\n [theme.breakpoints.down('md')]: {\n paddingLeft: theme.spacing(0.5),\n },\n },\n '&.MuiAlert-colorWarning': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.warning.border,\n background: theme.palette._components.alert.warning.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.warning.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.warning.color,\n },\n },\n '&.MuiAlert-colorInfo': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.info.border,\n background: theme.palette._components.alert.info.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.info.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.info.color,\n },\n },\n '&.MuiAlert-colorSuccess': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.success.border,\n background: theme.palette._components.alert.success.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.success.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.success.color,\n },\n },\n }),\n },\n};\n"],"names":[],"mappings":"AAOO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,MACV,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,eAAe,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEhC,yBAAyB;AAAA,QACvB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QACnD,YAAY,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAClD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAAA;AAAA,QAE/C,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAAA;AAAA,MAC9C;AAAA,MAEF,0CAA0C;AAAA,QACxC,QAAQ;AAAA,MAAA;AAAA,MAEV,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,YAAY;AAAA,MAAA;AAAA,MAEd,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAEd,oBAAoB;AAAA,QAClB,YAAY,MAAM,QAAQ,IAAI;AAAA,QAC9B,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,UAC9B,aAAa,MAAM,QAAQ,GAAG;AAAA,QAAA;AAAA,MAChC;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACrD,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACpD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,QAEjD,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChD;AAAA,MAEF,wBAAwB;AAAA,QACtB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAClD,YAAY,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QACjD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAAA;AAAA,QAE9C,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACrD,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACpD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,QAEjD,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/react/es/theme/components/app-bar.js CHANGED Viewed

@@ -1,9 +1,7 @@
-import { palette } from "../palette.js";
-import { shadows } from "../shadows.js";
 const MuiAppBar = {
   styleOverrides: {
     root: ({ theme }) => ({
-      boxShadow: shadows?.[4],
+      boxShadow: theme.shadows[4],
       input: {
         fontSize: 14,
         "&:-webkit-autofill": {
@@ -124,8 +122,8 @@ const MuiAppBar = {
         {
           props: { color: "transparent" },
           style: ({ theme: theme2 }) => ({
-            backgroundColor: palette?.background?.default,
-            boxShadow: shadows?.[0],
+            backgroundColor: theme2.palette.background.default,
+            boxShadow: theme2.shadows[0],
             borderBottom: `1px solid ${theme2.palette?.outlined?.outlined_2}`,
             "& .MuiTextField-root": {
               "& .MuiOutlinedInput-root": {

package/dist/react/es/theme/components/app-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\~~nimport { palette } from '../palette';\nimport { shadows } from '../shadows';\~~n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: shadows?.[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.selected,\n },\n },\n },\n }),\n },\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder, &:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focus,\n },\n },\n },\n }),\n },\n {\n props: { color: 'inherit' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.hover,\n },\n },\n },\n }),\n },\n {\n props: { color: 'transparent' },\n style: ({ theme }) => ({\n backgroundColor: palette?.background?.default,\n boxShadow: shadows?.[0],\n borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2}`,\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: theme.palette?.outlined?.outlined,\n background: theme.palette?.common?.black_states?.hover,\n },\n '&.Mui-focused fieldset': {\n borderColor: theme.palette.primary.main,\n },\n '&:active fieldset': {\n borderColor: theme.palette.primary.main,\n },\n },\n },\n }),\n },\n ],\n }),\n },\n};\n"],"names":["theme"],"mappings":"~~;;AAQO~~,MAAM,YAA2D;AAAA,EACtE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,WAAW,~~UAAU~~,CAAC;AAAA,~~MACtB~~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~~iBAAiB~~,~~SAAS~~,~~YAAY~~;AAAA,~~YACtC~~,~~WAAW~~,~~UAAU~~,CAAC;AAAA,~~YACtB~~,cAAc,aAAaA,OAAM,SAAS,UAAU,UAAU;AAAA,YAC9D,wBAAwB;AAAA,cACtB,4BAA4B;AAAA,gBAC1B,cAAc;AAAA,kBACZ,aAAaA,OAAM,SAAS,UAAU;AAAA,kBACtC,YAAYA,OAAM,SAAS,QAAQ,cAAc;AAAA,gBAAA;AAAA,gBAEnD,0BAA0B;AAAA,kBACxB,aAAaA,OAAM,QAAQ,QAAQ;AAAA,gBAAA;AAAA,gBAErC,qBAAqB;AAAA,kBACnB,aAAaA,OAAM,QAAQ,QAAQ;AAAA,gBAAA;AAAA,cACrC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: theme.shadows[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.selected,\n },\n },\n },\n }),\n },\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder, &:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focus,\n },\n },\n },\n }),\n },\n {\n props: { color: 'inherit' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.hover,\n },\n },\n },\n }),\n },\n {\n props: { color: 'transparent' },\n style: ({ theme }) => ({\n backgroundColor: theme.palette.background.default,\n boxShadow: theme.shadows[0],\n borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2}`,\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: theme.palette?.outlined?.outlined,\n background: theme.palette?.common?.black_states?.hover,\n },\n '&.Mui-focused fieldset': {\n borderColor: theme.palette.primary.main,\n },\n '&:active fieldset': {\n borderColor: theme.palette.primary.main,\n },\n },\n },\n }),\n },\n ],\n }),\n },\n};\n"],"names":["theme"],"mappings":"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"}

package/dist/react/es/theme/components/card.js CHANGED Viewed

@@ -1,18 +1,18 @@
 const MuiCard = {
   styleOverrides: {
-    root: () => ({
+    root: ({ theme }) => ({
       borderRadius: 16,
       "& > .MuiCardContent-root:last-child": {
         paddingBottom: 16
       },
       "& .MuiCardContent-root .MuiCardContent-root": {
         borderRadius: 8,
-        border: "1px solid #F2F2F2",
+        border: `1px solid ${theme.palette.outlined?.outlined_2}`,
         padding: 16
       },
       "& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root": {
         borderRadius: 4,
-        backgroundColor: "#F8F8F8",
+        backgroundColor: theme.palette.background.gray,
         border: "none"
       },
       form: {

package/dist/react/es/theme/components/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiCard: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: () => ({\n borderRadius: 16,\n\n '& > .MuiCardContent-root:last-child': {\n paddingBottom: 16,\n },\n\n '& .MuiCardContent-root .MuiCardContent-root': {\n borderRadius: 8,\n border: '1px solid ~~#F2F2F2',\~~n padding: 16,\n },\n\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n borderRadius: 4,\n backgroundColor: ~~'#F8F8F8'~~,\n border: 'none',\n },\n\n form: {\n marginBottom: 0,\n },\n\n '& .MuiList-root:last-child .MuiListItem-root:last-of-type': {\n borderBottom: 'none',\n paddingBottom: 0,\n },\n }),\n },\n };\n"],"names":[],"mappings":"AAMO,MAAM,UACX;AAAA,EACE,gBAAgB;AAAA,IACd,MAAM,~~OAAO~~;AAAA,~~MACX~~,cAAc;AAAA,MAEd,uCAAuC;AAAA,QACrC,eAAe;AAAA,MAAA;AAAA,MAGjB,+CAA+C;AAAA,QAC7C,cAAc;AAAA,QACd,QAAQ;AAAA,~~QACR~~,SAAS;AAAA,MAAA;AAAA,MAGX,oEAAoE;AAAA,QAClE,cAAc;AAAA,QACd,iBAAiB;AAAA,~~QACjB~~,QAAQ;AAAA,MAAA;AAAA,MAGV,MAAM;AAAA,QACJ,cAAc;AAAA,MAAA;AAAA,MAGhB,8DAA8D;AAAA,QAC5D,cAAc;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiCard: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n borderRadius: 16,\n\n '& > .MuiCardContent-root:last-child': {\n paddingBottom: 16,\n },\n\n '& .MuiCardContent-root .MuiCardContent-root': {\n borderRadius: 8,\n border: `1px solid ${theme.palette.outlined?.outlined_2}`,\n padding: 16,\n },\n\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n border: 'none',\n },\n\n form: {\n marginBottom: 0,\n },\n\n '& .MuiList-root:last-child .MuiListItem-root:last-of-type': {\n borderBottom: 'none',\n paddingBottom: 0,\n },\n }),\n },\n };\n"],"names":[],"mappings":"AAMO,MAAM,UACX;AAAA,EACE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,cAAc;AAAA,MAEd,uCAAuC;AAAA,QACrC,eAAe;AAAA,MAAA;AAAA,MAGjB,+CAA+C;AAAA,QAC7C,cAAc;AAAA,QACd,QAAQ,aAAa,MAAM,QAAQ,UAAU,UAAU;AAAA,QACvD,SAAS;AAAA,MAAA;AAAA,MAGX,oEAAoE;AAAA,QAClE,cAAc;AAAA,QACd,iBAAiB,MAAM,QAAQ,WAAW;AAAA,QAC1C,QAAQ;AAAA,MAAA;AAAA,MAGV,MAAM;AAAA,QACJ,cAAc;AAAA,MAAA;AAAA,MAGhB,8DAA8D;AAAA,QAC5D,cAAc;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;"}

package/dist/react/es/theme/components/paper.js CHANGED Viewed

@@ -1,8 +1,8 @@
 const MuiPaper = {
   styleOverrides: {
-    root: {
-      border: "1px solid #F2F2F2"
-    }
+    root: ({ theme }) => ({
+      border: `1px solid ${theme.palette.outlined?.outlined_2}`
+    })
   }
 };
 export {

package/dist/react/es/theme/components/paper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paper.js","sources":["../../../../../src/theme/components/paper.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiPaper: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiPaper'] = {\n styleOverrides: {\n root: {\n border: '1px solid ~~#F2F2F2',\~~n },\n },\n};\n"],"names":[],"mappings":"AAMO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM;AAAA,~~MACJ~~,QAAQ;AAAA,IAAA;AAAA,~~EACV~~;AAEJ;"}
1	+ {"version":3,"file":"paper.js","sources":["../../../../../src/theme/components/paper.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiPaper: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiPaper'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n border: `1px solid ${theme.palette.outlined?.outlined_2}`,\n }),\n },\n};\n"],"names":[],"mappings":"AAMO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ,aAAa,MAAM,QAAQ,UAAU,UAAU;AAAA,IAAA;AAAA,EACzD;AAEJ;"}

package/dist/react/es/theme/components/table.js CHANGED Viewed

@@ -29,10 +29,10 @@ const MuiTable = {
 };
 const MuiTableRow = {
   styleOverrides: {
-    root: ({ ownerState }) => ({
+    root: ({ theme, ownerState }) => ({
       ...ownerState["disable-row-hover"] ? {} : {
         "&:hover": {
-          backgroundColor: "#FBFBFB"
+          backgroundColor: theme.palette.background.gray
         }
       }
     })

package/dist/react/es/theme/components/table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table.js","sources":["../../../../../src/theme/components/table.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTable: Components<Theme & CssVarsTheme>['MuiTable'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n border: 'none',\n\n '.MuiTableHead-root': {\n '.MuiTableCell-root': {\n borderBottom: `1px solid ${theme.palette.background.gray200}`,\n borderTop: `1px solid ${theme.palette.background.gray200}`,\n background: theme.palette.background.gray,\n verticalAlign: 'baseline',\n },\n whiteSpace: 'nowrap',\n },\n\n '.MuiTableBody-root': {\n '.MuiTableRow-root': {\n '.MuiTableCell-root': {\n borderBottom: `1px solid ${theme.palette.background.gray200}`,\n borderTop: `1px solid ${theme.palette.background.gray200}`,\n },\n },\n\n '.MuiTableRow-root:last-child': {\n '.MuiTableCell-root': {\n borderBottom: 'none',\n },\n },\n },\n }),\n },\n};\n\nexport const MuiTableRow: Components<Theme & CssVarsTheme>['MuiTableRow'] = {\n styleOverrides: {\n root: ({ ownerState }) => ({\n ...(ownerState['disable-row-hover']\n ? {}\n : {\n '&:hover': {\n backgroundColor: ~~'#FBFBFB'~~,\n },\n }),\n }),\n },\n};\n"],"names":[],"mappings":"AAGO,MAAM,WAAyD;AAAA,EACpE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,MAER,sBAAsB;AAAA,QACpB,sBAAsB;AAAA,UACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UACxD,YAAY,MAAM,QAAQ,WAAW;AAAA,UACrC,eAAe;AAAA,QAAA;AAAA,QAEjB,YAAY;AAAA,MAAA;AAAA,MAGd,sBAAsB;AAAA,QACpB,qBAAqB;AAAA,UACnB,sBAAsB;AAAA,YACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,YAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAAA;AAAA,QAC1D;AAAA,QAGF,gCAAgC;AAAA,UAC9B,sBAAsB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,MAAM,cAA+D;AAAA,EAC1E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,kBAAkB;AAAA,~~MACzB~~,GAAI,WAAW,mBAAmB,IAC9B,KACA;AAAA,QACE,WAAW;AAAA,UACT,iBAAiB;AAAA,QAAA;AAAA,~~MACnB~~;AAAA,IACF;AAAA,EACN;AAEJ;"}
1	+ {"version":3,"file":"table.js","sources":["../../../../../src/theme/components/table.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTable: Components<Theme & CssVarsTheme>['MuiTable'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n border: 'none',\n\n '.MuiTableHead-root': {\n '.MuiTableCell-root': {\n borderBottom: `1px solid ${theme.palette.background.gray200}`,\n borderTop: `1px solid ${theme.palette.background.gray200}`,\n background: theme.palette.background.gray,\n verticalAlign: 'baseline',\n },\n whiteSpace: 'nowrap',\n },\n\n '.MuiTableBody-root': {\n '.MuiTableRow-root': {\n '.MuiTableCell-root': {\n borderBottom: `1px solid ${theme.palette.background.gray200}`,\n borderTop: `1px solid ${theme.palette.background.gray200}`,\n },\n },\n\n '.MuiTableRow-root:last-child': {\n '.MuiTableCell-root': {\n borderBottom: 'none',\n },\n },\n },\n }),\n },\n};\n\nexport const MuiTableRow: Components<Theme & CssVarsTheme>['MuiTableRow'] = {\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n ...(ownerState['disable-row-hover']\n ? {}\n : {\n '&:hover': {\n backgroundColor: theme.palette.background.gray,\n },\n }),\n }),\n },\n};\n"],"names":[],"mappings":"AAGO,MAAM,WAAyD;AAAA,EACpE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,MAER,sBAAsB;AAAA,QACpB,sBAAsB;AAAA,UACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UACxD,YAAY,MAAM,QAAQ,WAAW;AAAA,UACrC,eAAe;AAAA,QAAA;AAAA,QAEjB,YAAY;AAAA,MAAA;AAAA,MAGd,sBAAsB;AAAA,QACpB,qBAAqB;AAAA,UACnB,sBAAsB;AAAA,YACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,YAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAAA;AAAA,QAC1D;AAAA,QAGF,gCAAgC;AAAA,UAC9B,sBAAsB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,MAAM,cAA+D;AAAA,EAC1E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,OAAO,kBAAkB;AAAA,MAChC,GAAI,WAAW,mBAAmB,IAC9B,KACA;AAAA,QACE,WAAW;AAAA,UACT,iBAAiB,MAAM,QAAQ,WAAW;AAAA,QAAA;AAAA,MAC5C;AAAA,IACF;AAAA,EACN;AAEJ;"}