@cgi-learning-hub/ui 1.2.0-dev.1725006670 → 1.2.0-dev.1725030880

package/dist/components/PaperHeader/PaperHeader.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),x=require("../../Stack-D9IYPfJ8.cjs"),i=require("../../Typography-YHooSvuR.cjs"),q=({title:t,IconComponent:s,iconColor:e,iconProps:a,iconSize:d=28,component:u="h3",variant:p="h2",fontWeight:g="bold",...h})=>r.jsxs(x.Stack,{direction:"row",alignItems:"center",gap:1,children:[s?r.jsx(s,{sx:{fontSize:d,padding:"2px",borderRadius:1,color:e==null?void 0:e[500],backgroundColor:e==null?void 0:e[50]},...a}):null,r.jsx(i.Typography,{component:u,variant:p,fontWeight:g,...h,children:t})]});module.exports=q;
+"use strict";const n=require("react/jsx-runtime"),c=require("../../Stack-D9IYPfJ8.cjs"),q=require("../../Typography-YHooSvuR.cjs"),r=({title:u,IconComponent:d,iconColor:e,iconProps:g,iconSize:h=28,titleProps:a,...x})=>n.jsxs(c.Stack,{direction:"row",alignItems:"center",gap:1,...x,children:[d?n.jsx(d,{sx:{fontSize:h,padding:"2px",borderRadius:1,color:e==null?void 0:e[500],backgroundColor:e==null?void 0:e[50]},...g}):null,n.jsx(q.Typography,{component:(a==null?void 0:a.component)??"h3",variant:(a==null?void 0:a.variant)??"h2",fontWeight:(a==null?void 0:a.fontWeight)??400,...a,children:u})]});module.exports=r;

package/dist/components/PaperHeader/PaperHeader.d.ts

@@ -1,5 +1,6 @@
 import { SvgIconComponent } from '@mui/icons-material';
 import { Color, SvgIconProps } from '@mui/material';
+import { StackProps } from '@mui/material/Stack';
 import { TypographyProps } from '@mui/material/Typography';
 
 export type PaperHeaderProps = {
@@ -8,6 +9,7 @@ export type PaperHeaderProps = {
     iconColor?: Color;
     iconProps?: SvgIconProps;
     iconSize?: number;
-} & TypographyProps;
+    titleProps?: TypographyProps;
+} & StackProps;
 declare const PaperHeader: React.FunctionComponent<PaperHeaderProps>;
 export default PaperHeader;

package/dist/components/PaperHeader/PaperHeader.es.js

@@ -1,41 +1,39 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { S as u } from "../../Stack-Dlgk5t_M.js";
-import { T as x } from "../../Typography-DjrvRhOr.js";
-const j = ({
-  title: d,
-  IconComponent: e,
-  iconColor: a,
-  iconProps: t,
-  iconSize: s = 28,
-  component: p = "h3",
-  variant: m = "h2",
-  fontWeight: f = "bold",
-  ...g
-}) => /* @__PURE__ */ h(u, { direction: "row", alignItems: "center", gap: 1, children: [
-  e ? /* @__PURE__ */ r(
-    e,
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import { S } from "../../Stack-Dlgk5t_M.js";
+import { T as b } from "../../Typography-DjrvRhOr.js";
+const v = ({
+  title: g,
+  IconComponent: m,
+  iconColor: d,
+  iconProps: h,
+  iconSize: n = 28,
+  titleProps: a,
+  ...u
+}) => /* @__PURE__ */ x(S, { direction: "row", alignItems: "center", gap: 1, ...u, children: [
+  m ? /* @__PURE__ */ f(
+    m,
     {
       sx: {
-        fontSize: s,
+        fontSize: n,
         padding: "2px",
         borderRadius: 1,
-        color: a == null ? void 0 : a[500],
-        backgroundColor: a == null ? void 0 : a[50]
+        color: d == null ? void 0 : d[500],
+        backgroundColor: d == null ? void 0 : d[50]
       },
-      ...t
+      ...h
     }
   ) : null,
-  /* @__PURE__ */ r(
-    x,
+  /* @__PURE__ */ f(
+    b,
     {
-      component: p,
-      variant: m,
-      fontWeight: f,
-      ...g,
-      children: d
+      component: (a == null ? void 0 : a.component) ?? "h3",
+      variant: (a == null ? void 0 : a.variant) ?? "h2",
+      fontWeight: (a == null ? void 0 : a.fontWeight) ?? 400,
+      ...a,
+      children: g
     }
   )
 ] });
 export {
-  j as default
+  v as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.2.0-dev.1725006670",
+  "version": "1.2.0-dev.1725030880",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",