@cgi-learning-hub/ui 1.13.0-dev.1775747511 → 1.13.0-dev.1775748095

package/dist/index.cjs.js

@@ -58650,9 +58650,7 @@ const Dropzone = ({
 };
 const EllipsisWithTooltip = ({
   children,
-  slotProps = {},
-  tooltipProps,
-  typographyProps
+  slotProps = {}
 }) => {
   const [isTextEllipsized, setIsTextEllipsized] = React.useState(false);
   const textRef = React.useRef(null);
@@ -58681,7 +58679,7 @@ const EllipsisWithTooltip = ({
     {
       disableHoverListener: !isTextEllipsized,
       title: children,
-      ...slotProps.tooltip ?? tooltipProps,
+      ...slotProps.tooltip,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         Typography,
         {
@@ -58690,7 +58688,7 @@ const EllipsisWithTooltip = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           maxWidth: "100%",
-          ...slotProps.text ?? typographyProps,
+          ...slotProps.text,
           children
         }
       )
@@ -58705,9 +58703,6 @@ const EmptyState = ({
   footer,
   imageHeight = 200,
   slotProps = {},
-  imageProps,
-  descriptionProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -58719,32 +58714,9 @@ const EmptyState = ({
       ...otherProps,
       ...slotProps.root,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: imageSrc,
-            height: "100%",
-            ...slotProps.image ?? imageProps
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Typography,
-          {
-            variant: "h2",
-            mt: 3,
-            ...slotProps.title ?? titleProps,
-            children: title
-          }
-        ),
-        description ? /* @__PURE__ */ jsxRuntime.jsx(
-          Typography,
-          {
-            color: "textSecondary",
-            mt: 2,
-            ...slotProps.description ?? descriptionProps,
-            children: description
-          }
-        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageSrc, height: "100%", ...slotProps.image }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", mt: 3, ...slotProps.title, children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { color: "textSecondary", mt: 2, ...slotProps.description, children: description }) : null,
         footer ? /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 3, children: footer }) : null
       ]
     }
@@ -59229,8 +59201,6 @@ const Heading = ({
   iconColor,
   iconSize = 28,
   slotProps = {},
-  iconProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -59252,18 +59222,10 @@ const Heading = ({
               color: iconColor?.[500],
               backgroundColor: iconColor?.[50]
             },
-            ...slotProps.icon ?? iconProps
+            ...slotProps.icon
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Typography,
-          {
-            component: "h3",
-            variant: "h2",
-            ...slotProps.text ?? titleProps,
-            children: title
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(Typography, { component: "h3", variant: "h2", ...slotProps.text, children: title })
       ]
     }
   );

package/dist/index.d.ts

@@ -298,31 +298,15 @@ export declare type EllipsisWithTooltipProps = {
         text?: Omit<TypographyProps, "noWrap" | "overflow" | "textOverflow">;
         tooltip?: Omit<TooltipProps, "children" | "title">;
     };
-    /**
-     * @deprecated Use `slotProps.tooltip` instead.
-     */
-    tooltipProps?: Omit<TooltipProps, "children" | "title">;
-    /**
-     * @deprecated Use `slotProps.text` instead.
-     */
-    typographyProps?: Omit<TypographyProps, "noWrap" | "overflow" | "textOverflow">;
 };
 
 export declare const EmptyState: FC<EmptyStateProps>;
 
 export declare type EmptyStateProps = ({
     image: ReactNode;
-    /**
-     * @deprecated Use `slotProps.image` instead.
-     */
-    imageProps?: never;
     imageSrc?: never;
 } | {
     image?: never;
-    /**
-     * @deprecated Use `slotProps.image` instead.
-     */
-    imageProps?: ImgHTMLAttributes<HTMLImageElement>;
     imageSrc: string;
 }) & {
     imageHeight?: string | number;
@@ -335,14 +319,6 @@ export declare type EmptyStateProps = ({
         title?: TypographyProps;
         description?: TypographyProps;
     };
-    /**
-     * @deprecated Use `slotProps.description` instead.
-     */
-    descriptionProps?: TypographyProps;
-    /**
-     * @deprecated Use `slotProps.title` instead.
-     */
-    titleProps?: TypographyProps;
 } & StackProps;
 
 export declare interface ExtendedTreeItemProps extends TreeItemProps {
@@ -415,14 +391,6 @@ export declare type HeadingProps = {
         text?: TypographyProps;
     };
     iconSize?: number;
-    /**
-     * @deprecated Use `slotProps.icon` instead.
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * @deprecated Use `slotProps.text` instead.
-     */
-    titleProps?: TypographyProps;
 } & StackProps;
 
 export declare type HexaColor = `#${string}`;

package/dist/index.es.js

@@ -58633,9 +58633,7 @@ const Dropzone = ({
 };
 const EllipsisWithTooltip = ({
   children,
-  slotProps = {},
-  tooltipProps,
-  typographyProps
+  slotProps = {}
 }) => {
   const [isTextEllipsized, setIsTextEllipsized] = useState(false);
   const textRef = useRef(null);
@@ -58664,7 +58662,7 @@ const EllipsisWithTooltip = ({
     {
       disableHoverListener: !isTextEllipsized,
       title: children,
-      ...slotProps.tooltip ?? tooltipProps,
+      ...slotProps.tooltip,
       children: /* @__PURE__ */ jsx(
         Typography,
         {
@@ -58673,7 +58671,7 @@ const EllipsisWithTooltip = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           maxWidth: "100%",
-          ...slotProps.text ?? typographyProps,
+          ...slotProps.text,
           children
         }
       )
@@ -58688,9 +58686,6 @@ const EmptyState = ({
   footer,
   imageHeight = 200,
   slotProps = {},
-  imageProps,
-  descriptionProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -58702,32 +58697,9 @@ const EmptyState = ({
       ...otherProps,
       ...slotProps.root,
       children: [
-        /* @__PURE__ */ jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: imageSrc,
-            height: "100%",
-            ...slotProps.image ?? imageProps
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "h2",
-            mt: 3,
-            ...slotProps.title ?? titleProps,
-            children: title
-          }
-        ),
-        description ? /* @__PURE__ */ jsx(
-          Typography,
-          {
-            color: "textSecondary",
-            mt: 2,
-            ...slotProps.description ?? descriptionProps,
-            children: description
-          }
-        ) : null,
+        /* @__PURE__ */ jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsx("img", { src: imageSrc, height: "100%", ...slotProps.image }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "h2", mt: 3, ...slotProps.title, children: title }),
+        description ? /* @__PURE__ */ jsx(Typography, { color: "textSecondary", mt: 2, ...slotProps.description, children: description }) : null,
         footer ? /* @__PURE__ */ jsx(Box, { mt: 3, children: footer }) : null
       ]
     }
@@ -59212,8 +59184,6 @@ const Heading = ({
   iconColor,
   iconSize = 28,
   slotProps = {},
-  iconProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -59235,18 +59205,10 @@ const Heading = ({
               color: iconColor?.[500],
               backgroundColor: iconColor?.[50]
             },
-            ...slotProps.icon ?? iconProps
+            ...slotProps.icon
           }
         ) : null,
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            component: "h3",
-            variant: "h2",
-            ...slotProps.text ?? titleProps,
-            children: title
-          }
-        )
+        /* @__PURE__ */ jsx(Typography, { component: "h3", variant: "h2", ...slotProps.text, children: title })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.13.0-dev.1775747511",
+  "version": "1.13.0-dev.1775748095",
   "description": "React component library for Hub's design system, built on Material UI with custom and extended components.",
   "keywords": [
     "cgi-learning-hub",