@undefine-ui/design-system 3.8.4 → 3.8.6

package/dist/index.cjs

@@ -6005,6 +6005,19 @@ var MuiInputBase = {
       },
       [`& .${import_InputAdornment.inputAdornmentClasses.positionStart}`]: {
         marginTop: "0 !important"
+      },
+      // Autocomplete inputRoot - allow flexible height for multiple mode
+      [`&.${import_Autocomplete2.autocompleteClasses.inputRoot}`]: {
+        height: "auto",
+        minHeight: 44,
+        [`&.${import_InputBase.inputBaseClasses.sizeSmall}`]: {
+          height: "auto",
+          minHeight: 36
+        },
+        [`&.MuiInputBase-sizeLarge`]: {
+          height: "auto",
+          minHeight: 48
+        }
       }
     }),
     input: ({ theme }) => ({
@@ -11764,7 +11777,6 @@ var import_IconButton8 = __toESM(require("@mui/material/IconButton"), 1);
 var import_Typography16 = __toESM(require("@mui/material/Typography"), 1);
 var import_Button5 = require("@mui/material/Button");
 var import_styles36 = require("@mui/material/styles");
-var import_DialogActions = require("@mui/material/DialogActions");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var CustomCalendarHeaderRoot = (0, import_styles36.styled)("div")(({ theme }) => ({
   display: "flex",
@@ -11853,26 +11865,23 @@ var MuiTimePicker2 = { defaultProps: timePickerDefaults };
 var MuiMobileTimePicker = { defaultProps: timePickerDefaults };
 var MuiStaticTimePicker = { defaultProps: timePickerDefaults };
 var MuiDesktopTimePicker = { defaultProps: timePickerDefaults };
-var MuiPickerLayout = {
+var MuiPickersLayout = {
   /** **************************************
    * STYLE
    *************************************** */
   styleOverrides: {
-    root: ({ theme }) => ({
-      [`& .${import_DialogActions.dialogActionsClasses.root}`]: {
-        [`& .${import_Button5.buttonClasses.root}`]: {
-          [`&:first-of-type`]: {
-            color: theme.vars.palette.text.header,
-            backgroundColor: "transparent",
-            border: "1px solid",
-            borderColor: theme.vars.palette.border.default,
-            "&:hover": {
-              backgroundColor: theme.vars.palette.action.hover
-            }
-          },
-          [`&:last-of-type`]: {
-            color: theme.vars.palette.common.white,
-            backgroundColor: theme.vars.palette.primary.main
+    actionBar: ({ theme }) => ({
+      [`& .${import_Button5.buttonClasses.root}`]: {
+        // First button (Cancel): variant="secondary" color="neutral"
+        [`&:first-of-type`]: {
+          color: theme.vars.palette.neutral[950],
+          backgroundColor: "transparent",
+          border: `1px solid ${theme.vars.palette.neutral[200]}`,
+          boxShadow: "none",
+          "&:hover": {
+            backgroundColor: theme.vars.palette.neutral[200],
+            borderWidth: "2px",
+            boxShadow: "none"
           }
         }
       }
@@ -12015,7 +12024,7 @@ var MuiDayCalendar = {
 };
 var datePicker = {
   MuiPickerPopper,
-  MuiPickerLayout,
+  MuiPickersLayout,
   // Calendar
   MuiDateCalendar,
   MuiPickersDay,