habarico 7.3.0-beta.1 → 7.3.0-beta.3

package/lib/index.cjs

@@ -5,6 +5,7 @@ var React = require('react');
 var reactRouterDom = require('react-router-dom');
 var material = require('@mui/material');
 var AllIcons = require('@mui/icons-material');
+var PickersTextField = require('@mui/x-date-pickers/PickersTextField');
 var xDatePickers = require('@mui/x-date-pickers');
 var AdapterDateFns = require('@mui/x-date-pickers/AdapterDateFns');
 var xTreeView = require('@mui/x-tree-view');
@@ -29051,6 +29052,27 @@ const MuiPaper = {
   }
 };
 
+const MuiPickersInputBase = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      backgroundColor: varAlpha(theme.palette.background.paperChannel, 0.2)
+    })
+  }
+};
+
+const MuiPickersOutlinedInput = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      [`&.${PickersTextField.pickersOutlinedInputClasses.disabled} .${PickersTextField.pickersOutlinedInputClasses.notchedOutline}`]: {
+        borderColor: theme.palette.divider
+      }
+    }),
+    notchedOutline: ({ theme }) => ({
+      borderColor: theme.palette.divider
+    })
+  }
+};
+
 const MuiPopover = {
   styleOverrides: {
     // Drive the popover surface shadow from the semantic `dropdown` token (shared
@@ -29207,6 +29229,8 @@ const components = {
   MuiMenuItem,
   MuiOutlinedInput,
   MuiPaper,
+  MuiPickersInputBase,
+  MuiPickersOutlinedInput,
   MuiPopover,
   MuiRadio,
   MuiScopedCssBaseline,
@@ -45847,7 +45871,7 @@ const InputLayout = ({
               m: 0,
               minWidth: 0,
               border: 1,
-              borderColor: error ? "error.main" : varAlpha(theme.palette.grey["500Channel"], 0.45),
+              borderColor: error ? "error.main" : "divider",
               borderRadius: 1,
               px: 1,
               pt: 0.5,
@@ -63641,14 +63665,11 @@ const DateInput = (props) => {
           // The caller's own `sx` last, so it wins over these defaults. Array form, because
           // `SxProps` may be an array or a theme callback just as legally as a plain object.
           sx: [
-            (theme) => ({
-              "& .MuiPickersInputBase-root": {
-                backgroundColor: material.alpha(theme.palette.background.paper, 0.2)
-              },
+            {
               "& .MuiPickersSectionList-root": {
                 width: 0
               }
-            }),
+            },
             ...Array.isArray(sx) ? sx : [sx]
           ]
         }
@@ -64221,16 +64242,7 @@ const DateTimeInput = (props) => {
           error: invalid,
           fullWidth: true,
           size: "small",
-          // The caller's own `sx` last, so it wins over these defaults. Array form, because
-          // `SxProps` may be an array or a theme callback just as legally as a plain object.
-          sx: [
-            (theme) => ({
-              "& .MuiPickersInputBase-root": {
-                backgroundColor: material.alpha(theme.palette.background.paper, 0.2)
-              }
-            }),
-            ...Array.isArray(sx) ? sx : [sx]
-          ]
+          sx
         }
       },
       onChange: handleChange,
@@ -64650,16 +64662,7 @@ const TimeInput = (props) => {
           error: invalid,
           fullWidth: true,
           size: "small",
-          // The caller's own `sx` last, so it wins over these defaults. Array form, because
-          // `SxProps` may be an array or a theme callback just as legally as a plain object.
-          sx: [
-            (theme) => ({
-              "& .MuiPickersInputBase-root": {
-                backgroundColor: material.alpha(theme.palette.background.paper, 0.2)
-              }
-            }),
-            ...Array.isArray(sx) ? sx : [sx]
-          ]
+          sx
         }
       },
       onChange: handleChange
@@ -68512,7 +68515,7 @@ const schemaWrappedFieldSx = (bare) => (theme) => ({
   minWidth: 150,
   width: "100%",
   border: 1,
-  borderColor: varAlpha(theme.palette.grey["500Channel"], 0.45),
+  borderColor: theme.palette.divider,
   borderRadius: 1,
   py: 0,
   px: "1px",
@@ -72365,7 +72368,7 @@ const sx = (theme) => ({
   minWidth: 150,
   width: "100%",
   border: 1,
-  borderColor: varAlpha(theme.palette.grey["500Channel"], 0.2),
+  borderColor: theme.palette.divider,
   borderRadius: 1,
   py: 0,
   px: "1px",