Release v3.1.11

dist/esm/src/components/Checkbox/Checkbox.styles.d.ts

@@ -1,65 +1,7 @@
 import { Theme } from "@emotion/react";
-export declare const checkboxStyles: (theme: Theme) => {
-  position: string;
-  "& input": {
-    display: string;
-  };
-  "& .checkbox": {
-    position: string;
-    display: string;
-    width: number;
-    height: number;
-    borderRadius: number;
-    border: string;
-    backgroundColor: string;
-    boxSizing: "border-box";
-    "&:hover:not(:disabled)": {
-      borderColor: string;
-    };
-    "& .icon-overlay": {
-      display: string;
-    };
-  };
-  "input:checked ~ .checkbox": {
-    borderColor: string;
-    backgroundColor: string;
-    overflow: string;
-    "&:before": {
-      content: string;
-      position: string;
-      display: string;
-      width: number;
-      height: number;
-      borderRadius: number;
-      top: string;
-      left: string;
-      transform: string;
-    };
-    "& .icon-overlay": {
-      display: string;
-    };
-    "&:hover": {
-      borderColor: string;
-      backgroundColor: string;
-    };
-  };
-  "input:disabled": {
-    "&  ~ .checkbox": {
-      border: string;
-      backgroundColor: string;
-      "&:hover": {
-        borderColor: string;
-        backgroundColor: string;
-      };
-    };
-  };
-  "& .icon-overlay": {
-    color: string;
-    position: string;
-    width: number;
-    height: number;
-    "&.disabled": {
-      color: string;
-    };
-  };
-};
+export declare const checkboxStyles: (
+  theme: Theme,
+) => import("@emotion/react").SerializedStyles;
+export declare const checkContainer: (
+  theme: Theme,
+) => import("@emotion/react").SerializedStyles;

dist/esm/src/components/Checkbox/Checkbox.types.d.ts

@@ -5,6 +5,7 @@ export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
   tooltip?: string;
   overrideLabelClasses?: string;
   noLabelMinWidth?: boolean;
+  auxLabel?: string;
   sx?: OverrideTheme;
   helper?: string;
 }

dist/esm/src/components/DateTimeInput/DateTime.styles.d.ts

@@ -18,7 +18,6 @@ export declare const dateTimeContainerStyles: (
   width: number;
   minHeight: number;
   boxShadow: string;
-  padding: number;
   borderRadius: number;
   "& .modeBar": {
     display: string;
@@ -29,6 +28,6 @@ export declare const dateTimeContainerStyles: (
 export declare const timeSelectorContainerStyles: (
   theme: Theme,
 ) => import("@emotion/react").SerializedStyles;
-export declare const selectorButtonStyles: (
+export declare const saveDateButtons: (
   theme: Theme,
 ) => import("@emotion/react").SerializedStyles;

dist/esm/src/components/DateTimeInput/DateTimeInput.types.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from "react";
+import React from "react";
 import { DateTime } from "luxon";
 import { OverrideTheme } from "../../global/global.types";
 export type DateTimeMode = "all" | "date";
@@ -30,13 +30,14 @@ export interface DateTimeConstruct {
 }
 export interface DateTimeSelectorMain {
   open?: boolean;
+  saveLabel?: string;
   anchorEl?: (EventTarget & HTMLElement) | null;
   onClose?: () => void;
 }
 export interface TimeSelectorProps {
   value: DateTime | null;
   onChange: (value: DateTime | null) => void;
-  completeCallback?: () => void;
+  validitySignal?: (valid: boolean) => void;
   timeFormat?: "12h" | "24h";
   secondsSelector: boolean;
 }
@@ -46,12 +47,6 @@ export interface DateSelectorProps {
   value: DateTime | null;
   onChange: (value: DateTime | null) => void;
 }
-export interface StylesOverrideProps {
-  isPortal: boolean;
-  mode: DateTimeMode;
-  coords: CSSProperties;
-  sx?: OverrideTheme;
-}
 export type DateTimeInputProps = DateTimeInputMain &
   DateTimeConstruct &
   TimeSelectorProps;

dist/esm/src/components/ModalBox/ModalBox.styles.d.ts

@@ -4,7 +4,10 @@ export declare const modalContainer: (
   theme: Theme,
   width: CssProperties["width"],
   padding: CssProperties["padding"],
+  customMaxHeight: CssProperties["maxHeight"],
 ) => import("@emotion/react").SerializedStyles;
 export declare const modalTitleBar: (
   theme: Theme,
 ) => import("@emotion/react").SerializedStyles;
+export declare const actionsBasics: import("@emotion/react").SerializedStyles;
+export declare const actionsStretch: import("@emotion/react").SerializedStyles;

dist/esm/src/components/ModalBox/ModalBox.types.d.ts

@@ -10,5 +10,11 @@ export interface ModalBoxProps {
   backgroundOverlay?: boolean;
   customMaxWidth?: number | string;
   customContentPadding?: CSSProperties["padding"];
+  modalActions?: React.ReactNode;
+  customMaxHeight?: CSSProperties["maxHeight"];
   sx?: OverrideTheme;
 }
+export interface ModalBoxActionsProps {
+  children: React.ReactNode;
+  stretch?: boolean;
+}

dist/esm/src/components/ModalBox/ModalBoxActions.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ModalBoxActionsProps } from "./ModalBox.types";
+declare const ModalBoxActions: FC<ModalBoxActionsProps>;
+export default ModalBoxActions;

dist/esm/src/index.d.ts

@@ -50,6 +50,7 @@ export { default as Loader } from "./components/Loader";
 export { default as LoginWrapper } from "./components/LoginWrapper";
 export { default as MDSCacheProvider } from "./components/MDSCacheProvider";
 export { default as ModalBox } from "./components/ModalBox";
+export { default as ModalBoxActions } from "./components/ModalBox/ModalBoxActions";
 export { default as Overlay } from "./components/Overlay";
 export { default as NotificationAlert } from "./components/NotificationAlert";
 export { default as NotificationCount } from "./components/NotificationCount";

dist/mds.d.ts

@@ -6606,6 +6606,7 @@ interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
   tooltip?: string;
   overrideLabelClasses?: string;
   noLabelMinWidth?: boolean;
+  auxLabel?: string;
   sx?: OverrideTheme;
   helper?: string;
 }
@@ -6803,13 +6804,14 @@ interface DateTimeConstruct {
 }
 interface DateTimeSelectorMain {
   open?: boolean;
+  saveLabel?: string;
   anchorEl?: (EventTarget & HTMLElement) | null;
   onClose?: () => void;
 }
 interface TimeSelectorProps {
   value: DateTime | null;
   onChange: (value: DateTime | null) => void;
-  completeCallback?: () => void;
+  validitySignal?: (valid: boolean) => void;
   timeFormat?: "12h" | "24h";
   secondsSelector: boolean;
 }
@@ -6819,12 +6821,6 @@ interface DateSelectorProps {
   value: DateTime | null;
   onChange: (value: DateTime | null) => void;
 }
-interface StylesOverrideProps {
-  isPortal: boolean;
-  mode: DateTimeMode;
-  coords: CSSProperties;
-  sx?: OverrideTheme;
-}
 type DateTimeInputProps = DateTimeInputMain &
   DateTimeConstruct &
   TimeSelectorProps;
@@ -7142,11 +7138,19 @@ interface ModalBoxProps {
   backgroundOverlay?: boolean;
   customMaxWidth?: number | string;
   customContentPadding?: CSSProperties["padding"];
+  modalActions?: React__default.ReactNode;
+  customMaxHeight?: CSSProperties["maxHeight"];
   sx?: OverrideTheme;
 }
+interface ModalBoxActionsProps {
+  children: React__default.ReactNode;
+  stretch?: boolean;
+}
 
 declare const ModalBox: FC<ModalBoxProps>;
 
+declare const ModalBoxActions: FC<ModalBoxActionsProps>;
+
 interface OverlayProps {
   onClose: () => void;
   open: boolean;
@@ -9066,6 +9070,8 @@ export {
   MinimizeIcon,
   MinusIcon,
   ModalBox,
+  ModalBoxActions,
+  type ModalBoxActionsProps,
   type ModalBoxProps,
   MonitorCheckIcon,
   MonitorDotIcon,
@@ -9518,7 +9524,6 @@ export {
   StretchHorizontalIcon,
   StretchVerticalIcon,
   StrikethroughIcon,
-  type StylesOverrideProps,
   SubscriptIcon,
   SummaryIcon,
   SunDimIcon,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mds",
-  "version": "3.1.10",
+  "version": "3.1.11",
   "description": "A MinIO Components Library",
   "homepage": ".",
   "license": "AGPL-3.0-or-later",