@natoora-libs/core 0.1.18 → 0.1.19-mui-upgrade-1

package/dist/components/index.cjs

@@ -1003,9 +1003,7 @@ var BottomBar_default = BottomBar;
 // src/components/BoxButton/BoxButton.tsx
 var import_react3 = require("react");
 var import_material8 = require("@mui/material");
-var import_green = __toESM(require("@mui/material/colors/green"), 1);
-var import_orange = __toESM(require("@mui/material/colors/orange"), 1);
-var import_red = __toESM(require("@mui/material/colors/red"), 1);
+var import_colors5 = require("@mui/material/colors");
 var import_mui6 = require("tss-react/mui");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var useStyles6 = (0, import_mui6.makeStyles)()((theme) => ({
@@ -1032,17 +1030,17 @@ var useStyles6 = (0, import_mui6.makeStyles)()((theme) => ({
     borderStyle: "solid"
   },
   green: {
-    borderColor: import_green.default["500"],
+    borderColor: import_colors5.green["500"],
     borderWidth: 3,
     borderStyle: "solid"
   },
   red: {
-    borderColor: import_red.default["500"],
+    borderColor: import_colors5.red["500"],
     borderWidth: 3,
     borderStyle: "solid"
   },
   orange: {
-    borderColor: import_orange.default["500"],
+    borderColor: import_colors5.orange["500"],
     borderWidth: 3,
     borderStyle: "solid"
   },
@@ -1063,7 +1061,7 @@ var BoxButton = (props) => {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Typography, { variant: "button", children: label }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-          import_material8.Grid2,
+          import_material8.Grid,
           {
             container: true,
             direction: "row",
@@ -1072,8 +1070,8 @@ var BoxButton = (props) => {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Grid2, { size: 9, children: main }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Grid2, { className: classes.c_box_button__extra, size: 3, children: extra })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Grid, { size: 9, children: main }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Grid, { className: classes.c_box_button__extra, size: 3, children: extra })
             ]
           }
         )
@@ -3885,7 +3883,7 @@ var DataGrid_default = DataGrid;
 var import_moment = __toESM(require("moment"), 1);
 
 // src/resources/styles/themes/default.js
-var import_grey = __toESM(require("@mui/material/colors/grey"), 1);
+var import_colors25 = require("@mui/material/colors");
 var import_styles = require("@mui/material/styles");
 var defaultTheme = (0, import_styles.createTheme)({
   typography: {
@@ -3900,14 +3898,14 @@ var defaultTheme = (0, import_styles.createTheme)({
     primary: {
       main: colors.muiPrimary,
       alternate: colors.muiPrimaryAlternate,
-      light: import_grey.default["100"],
-      contrastText: import_grey.default["50"]
+      light: import_colors25.grey["100"],
+      contrastText: import_colors25.grey["50"]
     },
     secondary: {
       main: colors.muiSecondary,
       alternate: colors.muiSecondaryAlternate,
-      dark: import_grey.default["900"],
-      light: import_grey.default["50"]
+      dark: import_colors25.grey["900"],
+      light: import_colors25.grey["50"]
     },
     success: {
       main: colors.muiSuccess,
@@ -4134,14 +4132,13 @@ var FileCard_default = FileCard;
 // src/components/FilledLabel/FilledLabel.tsx
 var import_react15 = require("react");
 var import_material29 = require("@mui/material");
-var import_brown = __toESM(require("@mui/material/colors/brown"), 1);
-var import_teal = __toESM(require("@mui/material/colors/teal"), 1);
+var import_colors29 = require("@mui/material/colors");
 var import_mui26 = require("tss-react/mui");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var useStyles24 = (0, import_mui26.makeStyles)()((theme) => ({
   siteOne: {
-    backgroundColor: import_teal.default["50"],
-    color: import_teal.default["500"],
+    backgroundColor: import_colors29.teal["50"],
+    color: import_colors29.teal["500"],
     padding: theme.spacing(0.5),
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
@@ -4151,8 +4148,8 @@ var useStyles24 = (0, import_mui26.makeStyles)()((theme) => ({
     width: "fit-content"
   },
   siteTwo: {
-    backgroundColor: import_brown.default["50"],
-    color: import_brown.default["500"],
+    backgroundColor: import_colors29.brown["50"],
+    color: import_colors29.brown["500"],
     padding: theme.spacing(0.5),
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
@@ -4542,7 +4539,7 @@ var Loading_default = Loading;
 // src/components/LocationsSectionInfo/LocationsSectionInfo.tsx
 var import_react18 = require("react");
 var import_material36 = require("@mui/material");
-var import_colors31 = require("@mui/material/colors");
+var import_colors34 = require("@mui/material/colors");
 var import_classnames2 = __toESM(require("classnames"), 1);
 var import_mui32 = require("tss-react/mui");
 var import_jsx_runtime87 = require("react/jsx-runtime");
@@ -4571,8 +4568,8 @@ var useStyles30 = (0, import_mui32.makeStyles)()(() => ({
     borderColor: colors.neutral100
   },
   pickingStockChip: {
-    backgroundColor: import_colors31.purple[50],
-    color: import_colors31.purple[500]
+    backgroundColor: import_colors34.purple[50],
+    color: import_colors34.purple[500]
   }
 }));
 var LocationsSectionInfo = ({
@@ -6738,13 +6735,13 @@ var SmartSelect_default = SmartSelect;
 // src/components/SquareLabel/SquareLabel.tsx
 var import_react30 = require("react");
 var import_material56 = require("@mui/material");
-var import_red2 = __toESM(require("@mui/material/colors/red"), 1);
+var import_colors49 = require("@mui/material/colors");
 var import_mui50 = require("tss-react/mui");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var useStyles45 = (0, import_mui50.makeStyles)()((theme) => ({
   red: {
-    backgroundColor: import_red2.default["50"],
-    color: import_red2.default["500"],
+    backgroundColor: import_colors49.red["50"],
+    color: import_colors49.red["500"],
     padding: theme.spacing(1.5),
     borderRadius: "5px",
     marginTop: theme.spacing(1),
@@ -6772,7 +6769,7 @@ var LSwitch = ({
   classes,
   disabled
 }) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-  import_material57.Grid2,
+  import_material57.Grid,
   {
     component: "label",
     container: true,
@@ -6781,8 +6778,8 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid2, { children: labelOff }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid2, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      labelOff && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid, { children: labelOff }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
         import_material57.Switch,
         {
           checked,
@@ -6791,7 +6788,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid2, { children: labelOn })
+      labelOn && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid, { children: labelOn })
     ]
   }
 ) });