@cgi-learning-hub/ui 1.3.5-dev.1736340751 → 1.3.5-dev.1736343971

package/dist/components/Button/Button.cjs.js

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("../../DefaultPropsProvider-3KMGupjb.cjs"),M=require("react"),n=require("../../generateUtilityClasses-B_H9HEmg.cjs"),y=require("../../Button-BH9MUvmz.cjs"),h=require("../../memoTheme-Bdg0Y_2O.cjs"),p=require("../../capitalize-B3GG7Wn6.cjs"),S=require("../../useId-DNXtOFeX.cjs"),$=require("../../chainPropTypes-CEUi6Jb4.cjs"),E=require("../../CircularProgress-BByrCLjv.cjs");function z(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const e=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(o,i,e.get?e:{enumerable:!0,get:()=>t[i]})}}return o.default=t,Object.freeze(o)}const T=z(M);function O(t){return n.generateUtilityClass("MuiLoadingButton",t)}const r=n.generateUtilityClasses("MuiLoadingButton",["root","label","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),R=t=>{const{loading:o,loadingPosition:i,classes:e}=t,u={root:["root",o&&"loading"],label:["label"],startIcon:[o&&`startIconLoading${p.capitalize(i)}`],endIcon:[o&&`endIconLoading${p.capitalize(i)}`],loadingIndicator:["loadingIndicator",o&&`loadingIndicator${p.capitalize(i)}`]},d=s.composeClasses(u,O,e);return{...e,...d}},q=t=>t!=="ownerState"&&t!=="theme"&&t!=="sx"&&t!=="as"&&t!=="classes",k=s.styled(y.Button,{shouldForwardProp:t=>q(t)||t==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(t,o)=>[o.root,o.startIconLoadingStart&&{[`& .${r.startIconLoadingStart}`]:o.startIconLoadingStart},o.endIconLoadingEnd&&{[`& .${r.endIconLoadingEnd}`]:o.endIconLoadingEnd}]})(h.memoTheme(({theme:t})=>({display:"inline-flex",[`& .${r.startIconLoadingStart}, & .${r.endIconLoadingEnd}`]:{transition:t.transitions.create(["opacity"],{duration:t.transitions.duration.short}),opacity:0},variants:[{props:{loadingPosition:"center"},style:{transition:t.transitions.create(["background-color","box-shadow","border-color"],{duration:t.transitions.duration.short}),[`&.${r.loading}`]:{color:"transparent"}}},{props:({ownerState:o})=>o.loadingPosition==="start"&&o.fullWidth,style:{[`& .${r.startIconLoadingStart}, & .${r.endIconLoadingEnd}`]:{transition:t.transitions.create(["opacity"],{duration:t.transitions.duration.short}),opacity:0,marginRight:-8}}},{props:({ownerState:o})=>o.loadingPosition==="end"&&o.fullWidth,style:{[`& .${r.startIconLoadingStart}, & .${r.endIconLoadingEnd}`]:{transition:t.transitions.create(["opacity"],{duration:t.transitions.duration.short}),opacity:0,marginLeft:-8}}}]}))),U=s.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(t,o)=>{const{ownerState:i}=t;return[o.loadingIndicator,o[`loadingIndicator${p.capitalize(i.loadingPosition)}`]]}})(h.memoTheme(({theme:t})=>({position:"absolute",visibility:"visible",display:"flex",variants:[{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:({loadingPosition:o,ownerState:i})=>o==="start"&&i.size!=="small",style:{left:14}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(t.vars||t).palette.action.disabled}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:({loadingPosition:o,ownerState:i})=>o==="end"&&i.size!=="small",style:{right:14}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:({ownerState:o})=>o.loadingPosition==="start"&&o.fullWidth,style:{position:"relative",left:-10}},{props:({ownerState:o})=>o.loadingPosition==="end"&&o.fullWidth,style:{position:"relative",right:-10}}]}))),v=s.styled("span",{name:"MuiLoadingButton",slot:"Label",overridesResolver:(t,o)=>[o.label]})({display:"inherit",alignItems:"inherit",justifyContent:"inherit"}),B=T.forwardRef(function(o,i){const e=T.useContext(y.ButtonGroupContext),u=y.resolveProps(e,o),d=s.useDefaultProps({props:u,name:"MuiLoadingButton"}),{children:P,disabled:b=!1,id:C,loading:g=!1,loadingIndicator:x,loadingPosition:j="center",variant:f="text",...w}=d,I=S.useId(C),m=x??a.jsx(E.CircularProgress,{"aria-labelledby":I,color:"inherit",size:16}),l={...d,disabled:b,loading:g,loadingIndicator:m,loadingPosition:j,variant:f},c=R(l),L=g?a.jsx(U,{className:c.loadingIndicator,ownerState:l,children:m}):null;return a.jsxs(k,{disabled:b||g,id:I,ref:i,...w,variant:f,classes:c,ownerState:l,children:[l.loadingPosition==="end"?a.jsx(v,{className:c.label,children:P}):L,l.loadingPosition==="end"?L:a.jsx(v,{className:c.label,children:P})]})});process.env.NODE_ENV!=="production"&&(B.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,disabled:n.PropTypes.bool,id:n.PropTypes.string,loading:n.PropTypes.bool,loadingIndicator:n.PropTypes.node,loadingPosition:$.chainPropTypes(n.PropTypes.oneOf(["start","end","center"]),t=>t.loadingPosition==="start"&&!t.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):t.loadingPosition==="end"&&!t.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),variant:n.PropTypes.oneOfType([n.PropTypes.oneOf(["contained","outlined","text"]),n.PropTypes.string])});const N=s.styled(B)(({color:t,theme:o})=>({justifyContent:"center",alignItems:"center",minHeight:38,textTransform:"none",color:t,borderColor:t,borderRadius:5,borderWidth:2,transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-contained":{color:o.palette.common.white},"&.MuiButton-outlined":{borderRadius:5,borderWidth:2,"&.MuiButton-colorPrimary":{"&:active":{borderColor:o.palette.primary.main,color:o.palette.primary.main},"&:hover":{backgroundColor:o.palette.primary.dark,borderColor:o.palette.primary.dark,color:o.palette.common.white}},"&.MuiButton-colorSecondary":{"&:active":{borderColor:o.palette.secondary.main,color:o.palette.secondary.main},"&:hover":{backgroundColor:o.palette.secondary.main,color:o.palette.common.white}},"&.MuiButton-colorError":{"&:active":{borderColor:o.palette.error.main,color:o.palette.error.main},"&:hover":{backgroundColor:o.palette.error.main,color:o.palette.common.white}}}})),W=({variant:t="outlined",...o})=>a.jsx(N,{variant:t,...o});module.exports=W;
+"use strict";const a=require("react/jsx-runtime"),r=require("../../DefaultPropsProvider-3KMGupjb.cjs"),S=require("react"),n=require("../../generateUtilityClasses-B_H9HEmg.cjs"),y=require("../../Button-BH9MUvmz.cjs"),v=require("../../memoTheme-Bdg0Y_2O.cjs"),p=require("../../capitalize-B3GG7Wn6.cjs"),z=require("../../useId-DNXtOFeX.cjs"),E=require("../../chainPropTypes-CEUi6Jb4.cjs"),O=require("../../CircularProgress-BByrCLjv.cjs");function R(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>o[i]})}}return t.default=o,Object.freeze(t)}const m=R(S);function q(o){return n.generateUtilityClass("MuiLoadingButton",o)}const e=n.generateUtilityClasses("MuiLoadingButton",["root","label","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),w=o=>{const{loading:t,loadingPosition:i,classes:s}=o,u={root:["root",t&&"loading"],label:["label"],startIcon:[t&&`startIconLoading${p.capitalize(i)}`],endIcon:[t&&`endIconLoading${p.capitalize(i)}`],loadingIndicator:["loadingIndicator",t&&`loadingIndicator${p.capitalize(i)}`]},l=r.composeClasses(u,q,s);return{...s,...l}},M=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",U=r.styled(y.Button,{shouldForwardProp:o=>M(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,t)=>[t.root,t.startIconLoadingStart&&{[`& .${e.startIconLoadingStart}`]:t.startIconLoadingStart},t.endIconLoadingEnd&&{[`& .${e.endIconLoadingEnd}`]:t.endIconLoadingEnd}]})(v.memoTheme(({theme:o})=>({display:"inline-flex",[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0},variants:[{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${e.loading}`]:{color:"transparent"}}},{props:({ownerState:t})=>t.loadingPosition==="start"&&t.fullWidth,style:{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginRight:-8}}},{props:({ownerState:t})=>t.loadingPosition==="end"&&t.fullWidth,style:{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginLeft:-8}}}]}))),N=r.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,t)=>{const{ownerState:i}=o;return[t.loadingIndicator,t[`loadingIndicator${p.capitalize(i.loadingPosition)}`]]}})(v.memoTheme(({theme:o})=>({position:"absolute",visibility:"visible",display:"flex",variants:[{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:({loadingPosition:t,ownerState:i})=>t==="start"&&i.size!=="small",style:{left:14}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:({loadingPosition:t,ownerState:i})=>t==="end"&&i.size!=="small",style:{right:14}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:({ownerState:t})=>t.loadingPosition==="start"&&t.fullWidth,style:{position:"relative",left:-10}},{props:({ownerState:t})=>t.loadingPosition==="end"&&t.fullWidth,style:{position:"relative",right:-10}}]}))),T=r.styled("span",{name:"MuiLoadingButton",slot:"Label",overridesResolver:(o,t)=>[t.label]})({display:"inherit",alignItems:"inherit",justifyContent:"inherit"}),x=m.forwardRef(function(t,i){const s=m.useContext(y.ButtonGroupContext),u=y.resolveProps(s,t),l=r.useDefaultProps({props:u,name:"MuiLoadingButton"}),{children:P,disabled:f=!1,id:B,loading:g=!1,loadingIndicator:j,loadingPosition:C="center",variant:I="text",...$}=l,b=z.useId(B),L=j??a.jsx(O.CircularProgress,{"aria-labelledby":b,color:"inherit",size:16}),d={...l,disabled:f,loading:g,loadingIndicator:L,loadingPosition:C,variant:I},c=w(d),h=g?a.jsx(N,{className:c.loadingIndicator,ownerState:d,children:L}):null;return a.jsxs(U,{disabled:f||g,id:b,ref:i,...$,variant:I,classes:c,ownerState:d,children:[d.loadingPosition==="end"?a.jsx(T,{className:c.label,children:P}):h,d.loadingPosition==="end"?h:a.jsx(T,{className:c.label,children:P})]})});process.env.NODE_ENV!=="production"&&(x.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,disabled:n.PropTypes.bool,id:n.PropTypes.string,loading:n.PropTypes.bool,loadingIndicator:n.PropTypes.node,loadingPosition:E.chainPropTypes(n.PropTypes.oneOf(["start","end","center"]),o=>o.loadingPosition==="start"&&!o.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):o.loadingPosition==="end"&&!o.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),variant:n.PropTypes.oneOfType([n.PropTypes.oneOf(["contained","outlined","text"]),n.PropTypes.string])});const D=r.styled(x)(({color:o,theme:t})=>({minHeight:38,textTransform:"none",transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-outlined":{borderRadius:5,borderWidth:2}})),W=({variant:o="outlined",...t})=>a.jsx(D,{variant:o,...t});module.exports=W;

package/dist/components/Button/Button.es.js

@@ -1,49 +1,49 @@
-import { jsxs as E, jsx as s } from "react/jsx-runtime";
-import { s as g, u as M, c as S } from "../../DefaultPropsProvider-CvJPQJmL.js";
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import { s as g, u as T, c as w } from "../../DefaultPropsProvider-CvJPQJmL.js";
 import * as P from "react";
-import { I as R, H as T, P as n } from "../../generateUtilityClasses-Bssl7BA_.js";
-import { B as j, a as z, r as O } from "../../Button-BnNYfQ3E.js";
-import { m as h } from "../../memoTheme-D7Fyh_3C.js";
+import { I as M, H as R, P as t } from "../../generateUtilityClasses-Bssl7BA_.js";
+import { B as z, a as O, r as j } from "../../Button-BnNYfQ3E.js";
+import { m as v } from "../../memoTheme-D7Fyh_3C.js";
 import { c } from "../../capitalize-CkF8kU4n.js";
-import { u as k } from "../../useId-CK6Kn3Tn.js";
-import { c as U } from "../../chainPropTypes-D9lkm76m.js";
+import { u as U } from "../../useId-CK6Kn3Tn.js";
+import { c as N } from "../../chainPropTypes-D9lkm76m.js";
 import { C as W } from "../../CircularProgress-Kwlef5fX.js";
-function N(t) {
-  return T("MuiLoadingButton", t);
+function D(o) {
+  return R("MuiLoadingButton", o);
 }
-const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), D = (t) => {
+const a = M("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), F = (o) => {
   const {
-    loading: o,
+    loading: n,
     loadingPosition: i,
     classes: e
-  } = t, u = {
-    root: ["root", o && "loading"],
+  } = o, u = {
+    root: ["root", n && "loading"],
     label: ["label"],
-    startIcon: [o && `startIconLoading${c(i)}`],
-    endIcon: [o && `endIconLoading${c(i)}`],
-    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${c(i)}`]
-  }, d = S(u, N, e);
+    startIcon: [n && `startIconLoading${c(i)}`],
+    endIcon: [n && `endIconLoading${c(i)}`],
+    loadingIndicator: ["loadingIndicator", n && `loadingIndicator${c(i)}`]
+  }, d = w(u, D, e);
   return {
     ...e,
     // forward the outlined, color, etc. classes to Button
     ...d
   };
-}, F = (t) => t !== "ownerState" && t !== "theme" && t !== "sx" && t !== "as" && t !== "classes", H = g(j, {
-  shouldForwardProp: (t) => F(t) || t === "classes",
+}, H = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", k = g(z, {
+  shouldForwardProp: (o) => H(o) || o === "classes",
   name: "MuiLoadingButton",
   slot: "Root",
-  overridesResolver: (t, o) => [o.root, o.startIconLoadingStart && {
-    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
-  }, o.endIconLoadingEnd && {
-    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
+  overridesResolver: (o, n) => [n.root, n.startIconLoadingStart && {
+    [`& .${a.startIconLoadingStart}`]: n.startIconLoadingStart
+  }, n.endIconLoadingEnd && {
+    [`& .${a.endIconLoadingEnd}`]: n.endIconLoadingEnd
   }]
-})(h(({
-  theme: t
+})(v(({
+  theme: o
 }) => ({
   display: "inline-flex",
   [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-    transition: t.transitions.create(["opacity"], {
-      duration: t.transitions.duration.short
+    transition: o.transitions.create(["opacity"], {
+      duration: o.transitions.duration.short
     }),
     opacity: 0
   },
@@ -52,8 +52,8 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
       loadingPosition: "center"
     },
     style: {
-      transition: t.transitions.create(["background-color", "box-shadow", "border-color"], {
-        duration: t.transitions.duration.short
+      transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
+        duration: o.transitions.duration.short
       }),
       [`&.${a.loading}`]: {
         color: "transparent"
@@ -61,12 +61,12 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.loadingPosition === "start" && o.fullWidth,
+      ownerState: n
+    }) => n.loadingPosition === "start" && n.fullWidth,
     style: {
       [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-        transition: t.transitions.create(["opacity"], {
-          duration: t.transitions.duration.short
+        transition: o.transitions.create(["opacity"], {
+          duration: o.transitions.duration.short
         }),
         opacity: 0,
         marginRight: -8
@@ -74,12 +74,12 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.loadingPosition === "end" && o.fullWidth,
+      ownerState: n
+    }) => n.loadingPosition === "end" && n.fullWidth,
     style: {
       [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-        transition: t.transitions.create(["opacity"], {
-          duration: t.transitions.duration.short
+        transition: o.transitions.create(["opacity"], {
+          duration: o.transitions.duration.short
         }),
         opacity: 0,
         marginLeft: -8
@@ -89,14 +89,14 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
 }))), G = g("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
-  overridesResolver: (t, o) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: i
-    } = t;
-    return [o.loadingIndicator, o[`loadingIndicator${c(i.loadingPosition)}`]];
+    } = o;
+    return [n.loadingIndicator, n[`loadingIndicator${c(i.loadingPosition)}`]];
   }
-})(h(({
-  theme: t
+})(v(({
+  theme: o
 }) => ({
   position: "absolute",
   visibility: "visible",
@@ -111,9 +111,9 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
     }
   }, {
     props: ({
-      loadingPosition: o,
+      loadingPosition: n,
       ownerState: i
-    }) => o === "start" && i.size !== "small",
+    }) => n === "start" && i.size !== "small",
     style: {
       left: 14
     }
@@ -132,7 +132,7 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
     style: {
       left: "50%",
       transform: "translate(-50%)",
-      color: (t.vars || t).palette.action.disabled
+      color: (o.vars || o).palette.action.disabled
     }
   }, {
     props: {
@@ -144,9 +144,9 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
     }
   }, {
     props: ({
-      loadingPosition: o,
+      loadingPosition: n,
       ownerState: i
-    }) => o === "end" && i.size !== "small",
+    }) => n === "end" && i.size !== "small",
     style: {
       right: 14
     }
@@ -160,72 +160,72 @@ const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator",
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.loadingPosition === "start" && o.fullWidth,
+      ownerState: n
+    }) => n.loadingPosition === "start" && n.fullWidth,
     style: {
       position: "relative",
       left: -10
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.loadingPosition === "end" && o.fullWidth,
+      ownerState: n
+    }) => n.loadingPosition === "end" && n.fullWidth,
     style: {
       position: "relative",
       right: -10
     }
   }]
-}))), v = g("span", {
+}))), h = g("span", {
   name: "MuiLoadingButton",
   slot: "Label",
-  overridesResolver: (t, o) => [o.label]
+  overridesResolver: (o, n) => [n.label]
 })({
   display: "inherit",
   alignItems: "inherit",
   justifyContent: "inherit"
-}), B = /* @__PURE__ */ P.forwardRef(function(o, i) {
-  const e = P.useContext(z), u = O(e, o), d = M({
+}), B = /* @__PURE__ */ P.forwardRef(function(n, i) {
+  const e = P.useContext(O), u = j(e, n), d = T({
     props: u,
     name: "MuiLoadingButton"
   }), {
-    children: m,
-    disabled: f = !1,
-    id: C,
+    children: f,
+    disabled: I = !1,
+    id: x,
     loading: p = !1,
-    loadingIndicator: x,
-    loadingPosition: $ = "center",
-    variant: I = "text",
-    ...w
-  } = d, b = k(C), y = x ?? /* @__PURE__ */ s(W, {
-    "aria-labelledby": b,
+    loadingIndicator: $,
+    loadingPosition: C = "center",
+    variant: m = "text",
+    ...E
+  } = d, L = U(x), b = $ ?? /* @__PURE__ */ r(W, {
+    "aria-labelledby": L,
     color: "inherit",
     size: 16
-  }), r = {
+  }), s = {
     ...d,
-    disabled: f,
+    disabled: I,
     loading: p,
-    loadingIndicator: y,
-    loadingPosition: $,
-    variant: I
-  }, l = D(r), L = p ? /* @__PURE__ */ s(G, {
+    loadingIndicator: b,
+    loadingPosition: C,
+    variant: m
+  }, l = F(s), y = p ? /* @__PURE__ */ r(G, {
     className: l.loadingIndicator,
-    ownerState: r,
-    children: y
+    ownerState: s,
+    children: b
   }) : null;
-  return /* @__PURE__ */ E(H, {
-    disabled: f || p,
-    id: b,
+  return /* @__PURE__ */ S(k, {
+    disabled: I || p,
+    id: L,
     ref: i,
-    ...w,
-    variant: I,
+    ...E,
+    variant: m,
     classes: l,
-    ownerState: r,
-    children: [r.loadingPosition === "end" ? /* @__PURE__ */ s(v, {
+    ownerState: s,
+    children: [s.loadingPosition === "end" ? /* @__PURE__ */ r(h, {
       className: l.label,
-      children: m
-    }) : L, r.loadingPosition === "end" ? L : /* @__PURE__ */ s(v, {
+      children: f
+    }) : y, s.loadingPosition === "end" ? y : /* @__PURE__ */ r(h, {
       className: l.label,
-      children: m
+      children: f
     })]
   });
 });
@@ -237,99 +237,63 @@ process.env.NODE_ENV !== "production" && (B.propTypes = {
   /**
    * The content of the component.
    */
-  children: n.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: t.object,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: n.bool,
+  disabled: t.bool,
   /**
    * @ignore
    */
-  id: n.string,
+  id: t.string,
   /**
    * If `true`, the loading indicator is shown and the button becomes disabled.
    * @default false
    */
-  loading: n.bool,
+  loading: t.bool,
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
    * By default we render a `CircularProgress` that is labelled by the button itself.
    * @default <CircularProgress color="inherit" size={16} />
    */
-  loadingIndicator: n.node,
+  loadingIndicator: t.node,
   /**
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  loadingPosition: U(n.oneOf(["start", "end", "center"]), (t) => t.loadingPosition === "start" && !t.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : t.loadingPosition === "end" && !t.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  loadingPosition: N(t.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
 });
-const V = g(B)(({ color: t, theme: o }) => ({
-  justifyContent: "center",
-  alignItems: "center",
+const V = g(B)(({ color: o, theme: n }) => ({
   minHeight: 38,
   textTransform: "none",
-  color: t,
-  borderColor: t,
-  borderRadius: 5,
-  borderWidth: 2,
   transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-  "&.MuiButton-contained": {
-    color: o.palette.common.white
-  },
   "&.MuiButton-outlined": {
     borderRadius: 5,
-    borderWidth: 2,
-    "&.MuiButton-colorPrimary": {
-      "&:active": {
-        borderColor: o.palette.primary.main,
-        color: o.palette.primary.main
-      },
-      "&:hover": {
-        backgroundColor: o.palette.primary.dark,
-        borderColor: o.palette.primary.dark,
-        color: o.palette.common.white
-      }
-    },
-    "&.MuiButton-colorSecondary": {
-      "&:active": {
-        borderColor: o.palette.secondary.main,
-        color: o.palette.secondary.main
-      },
-      "&:hover": {
-        backgroundColor: o.palette.secondary.main,
-        color: o.palette.common.white
-      }
-    },
-    "&.MuiButton-colorError": {
-      "&:active": {
-        borderColor: o.palette.error.main,
-        color: o.palette.error.main
-      },
-      "&:hover": {
-        backgroundColor: o.palette.error.main,
-        color: o.palette.common.white
-      }
-    }
+    borderWidth: 2
+    /* "&:hover": {
+      //backgroundColor: theme.palette[color].main,
+      color: theme.palette.common.white,
+    },*/
   }
 })), oo = ({
-  variant: t = "outlined",
-  ...o
-}) => /* @__PURE__ */ s(V, { variant: t, ...o });
+  variant: o = "outlined",
+  ...n
+}) => /* @__PURE__ */ r(V, { variant: o, ...n });
 export {
   oo as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.3.5-dev.1736340751",
+  "version": "1.3.5-dev.1736343971",
   "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",