@undefine-ui/design-system 3.8.3 → 3.8.5

package/dist/index.cjs

@@ -11616,6 +11616,7 @@ var MuiAutocomplete = {
       // Space for clear/popup icons
       // Size small
       ...ownerState.size === "small" && {
+        height: "auto",
         minHeight: 36,
         [`& .${import_Autocomplete5.autocompleteClasses.tag}.${import_Chip2.chipClasses.root}`]: {
           height: 22,
@@ -11624,6 +11625,7 @@ var MuiAutocomplete = {
       },
       // Size large
       ...ownerState.size === "large" && {
+        height: "auto",
         minHeight: 48,
         paddingTop: theme.spacing(1),
         paddingBottom: theme.spacing(1),
@@ -11762,7 +11764,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",
@@ -11851,26 +11852,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"
           }
         }
       }
@@ -12013,7 +12011,7 @@ var MuiDayCalendar = {
 };
 var datePicker = {
   MuiPickerPopper,
-  MuiPickerLayout,
+  MuiPickersLayout,
   // Calendar
   MuiDateCalendar,
   MuiPickersDay,