Release v2.3.17 (#930)

Signed-off-by: Benjamin Perez <[email protected]>

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

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

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

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+export type AlertDesignMode = "banner" | "card";
+export type NotificationEmphasis = "subtle" | "minimal";
+export type NotificationVariant =
+  | "neutral"
+  | "information"
+  | "success"
+  | "warning"
+  | "danger";
+export interface NotificationAlertBase {
+  title: string;
+  children: ReactNode;
+  action?: ReactNode;
+  onClose?: () => void;
+}
+export interface NotificationAlertConstruct {
+  designMode?: AlertDesignMode;
+  emphasisMode?: NotificationEmphasis;
+  variant?: NotificationVariant;
+  shadow?: boolean;
+}
+export type NotificationAlertPrp = NotificationAlertBase &
+  NotificationAlertConstruct;

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface NotificationStackProps {
+  id: number;
+  message: React.ReactNode;
+  duration: number;
+}

dist/esm/types/src/components/NotificationStack/hooks.d.ts

@@ -0,0 +1,6 @@
+import { NotificationStackProps } from "./NotificationStack.types";
+export declare const useNotifications: () => {
+  notifications: NotificationStackProps[];
+  addNotification: (message: React.ReactNode, duration: number) => void;
+  removeNotification: (id: number) => void;
+};

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

@@ -68,6 +68,7 @@ export { default as BoxedIcon } from "./BoxedIcon/BoxedIcon";
 export { default as Pill } from "./Pill/Pill";
 export { default as SearchBox } from "./SearchBox/SearchBox";
 export { default as Badge } from "./Badge/Badge";
+export { default as NotificationAlert } from "./NotificationAlert/NotificationAlert";
 export * from "./Icons/NewDesignIcons";
 export * from "./Table";
 export * from "../global/global.types";
@@ -127,3 +128,4 @@ export * from "./BoxedIcon/BoxedIcon.types";
 export * from "./Pill/Pill.types";
 export * from "./SearchBox/SearchBox.types";
 export * from "./Badge/Badge.types";
+export * from "./NotificationAlert/NotificationAlert.types";

dist/esm/types/src/global/global.types.d.ts

@@ -410,6 +410,23 @@ export interface BadgeThemeProps {
   scooter: BadgeElementThemeProps;
   disabled: BadgeElementThemeProps;
 }
+export interface NotificationAlertThemeProps {
+  highContrastBG: string;
+  highContrastBorder: string;
+  minimalContrastBG: string;
+  minimalContrastBorder: string;
+  iconColor: string;
+  titleColor: string;
+  contentColor: string;
+  actionColor: string;
+}
+export interface NotificationAlertProps {
+  neutral: NotificationAlertThemeProps;
+  information: NotificationAlertThemeProps;
+  success: NotificationAlertThemeProps;
+  warning: NotificationAlertThemeProps;
+  danger: NotificationAlertThemeProps;
+}
 export interface ThemeDefinitionProps {
   bgColor: string;
   fontColor: string;
@@ -481,6 +498,7 @@ export interface ThemeDefinitionProps {
   boxedIcon?: BoxedIconThemeProps;
   pill?: PillThemeProps;
   badge?: BadgeThemeProps;
+  notificationAlert: NotificationAlertProps;
 }
 export interface SelectOption {
   label: string;

dist/mds.d.ts

@@ -421,6 +421,23 @@ interface BadgeThemeProps {
   scooter: BadgeElementThemeProps;
   disabled: BadgeElementThemeProps;
 }
+interface NotificationAlertThemeProps {
+  highContrastBG: string;
+  highContrastBorder: string;
+  minimalContrastBG: string;
+  minimalContrastBorder: string;
+  iconColor: string;
+  titleColor: string;
+  contentColor: string;
+  actionColor: string;
+}
+interface NotificationAlertProps {
+  neutral: NotificationAlertThemeProps;
+  information: NotificationAlertThemeProps;
+  success: NotificationAlertThemeProps;
+  warning: NotificationAlertThemeProps;
+  danger: NotificationAlertThemeProps;
+}
 interface ThemeDefinitionProps {
   bgColor: string;
   fontColor: string;
@@ -492,6 +509,7 @@ interface ThemeDefinitionProps {
   boxedIcon?: BoxedIconThemeProps;
   pill?: PillThemeProps;
   badge?: BadgeThemeProps;
+  notificationAlert: NotificationAlertProps;
 }
 interface SelectOption {
   label: string;
@@ -1860,6 +1878,30 @@ declare const Badge: FC<
   BadgeProps & React__default.HTMLAttributes<HTMLSpanElement>
 >;
 
+type AlertDesignMode = "banner" | "card";
+type NotificationEmphasis = "subtle" | "minimal";
+type NotificationVariant =
+  | "neutral"
+  | "information"
+  | "success"
+  | "warning"
+  | "danger";
+interface NotificationAlertBase {
+  title: string;
+  children: ReactNode;
+  action?: ReactNode;
+  onClose?: () => void;
+}
+interface NotificationAlertConstruct {
+  designMode?: AlertDesignMode;
+  emphasisMode?: NotificationEmphasis;
+  variant?: NotificationVariant;
+  shadow?: boolean;
+}
+type NotificationAlertPrp = NotificationAlertBase & NotificationAlertConstruct;
+
+declare const NotificationAlert: FC<NotificationAlertPrp>;
+
 declare const AArrowDownIcon: (
   props: SVGProps<SVGSVGElement>,
 ) => React$1.JSX.Element;
@@ -7850,6 +7892,7 @@ export {
   AlarmClockPlusIcon,
   AlarmSmokeIcon,
   AlbumIcon,
+  type AlertDesignMode,
   AlignCenterHorizontalIcon,
   AlignCenterIcon,
   AlignCenterVerticalIcon,
@@ -8932,13 +8975,21 @@ export {
   NotebookTextIcon,
   NotepadTextDashedIcon,
   NotepadTextIcon,
+  NotificationAlert,
+  type NotificationAlertBase,
+  type NotificationAlertConstruct,
+  type NotificationAlertProps,
+  type NotificationAlertPrp,
+  type NotificationAlertThemeProps,
   type NotificationBadgeTypes,
   NotificationCount,
   type NotificationCountConstruct,
   type NotificationCountElements,
   type NotificationCountMain,
   type NotificationCountProps,
   type NotificationCountStyleProps,
+  type NotificationEmphasis,
+  type NotificationVariant,
   NutIcon,
   NutOffIcon,
   OctagonAlertIcon,

package.json

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