@cgi-learning-hub/ui 0.0.1-dev.1709908898 → 0.0.1-dev.1710320389
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{DefaultButton-BWDnB8F2.js → DefaultButton-B3Gh8L5b.js} +53 -50
- package/dist/{DefaultButton-DTVKmdsh.cjs → DefaultButton-CMXSOe21.cjs} +1 -1
- package/dist/{TextInput-Cv0FDeP6.js → TextInput-D1X5hxb0.js} +2 -2
- package/dist/{TimePicker-CfVU-17_.js → TimePicker-BxeoknBF.js} +6683 -6422
- package/dist/{TimePicker-OnmALf2V.cjs → TimePicker-DSnity8M.cjs} +19 -19
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +1 -1
- package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/index.es.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +1 -1
- package/dist/components/buttons/index.cjs.js +1 -1
- package/dist/components/buttons/index.es.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.es.js +113 -107
- package/dist/components/inputs/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/inputs/PasswordInput/PasswordInput.es.js +2 -2
- package/dist/components/inputs/TextInput/TextInput.es.js +1 -1
- package/dist/components/inputs/TextInput/TextInput.stories.es.js +1 -1
- package/dist/components/inputs/TextInput/index.es.js +1 -1
- package/dist/components/inputs/index.es.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +110 -104
- package/package.json +1 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsx as b, jsxs as O } from "react/jsx-runtime";
|
|
2
2
|
import * as p from "react";
|
|
3
|
-
import
|
|
4
|
-
import { g as M, s as f, r as Y, c as
|
|
5
|
-
import { g as
|
|
3
|
+
import k from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
|
|
4
|
+
import { g as M, s as f, r as Y, c as N, a as W } from "./styled-CVMrxtbL.js";
|
|
5
|
+
import { g as V, c as s, _ as t, a as E, r as _, u as j, b as D, P as i } from "./useThemeProps-CHA42TL5.js";
|
|
6
6
|
import { B as Z } from "./ButtonBase-JqGjycca.js";
|
|
7
7
|
import { u as w } from "./useId-BW-oWmul.js";
|
|
8
8
|
import { c as oo } from "./refType-DQ1iDs3X.js";
|
|
9
9
|
import { C as no } from "./CircularProgress-DEozo6dl.js";
|
|
10
10
|
function io(o) {
|
|
11
|
-
return
|
|
11
|
+
return V("MuiButton", o);
|
|
12
12
|
}
|
|
13
|
-
const ao = M("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = ao,
|
|
14
|
-
process.env.NODE_ENV !== "production" && (
|
|
15
|
-
const
|
|
16
|
-
process.env.NODE_ENV !== "production" && (
|
|
17
|
-
const to =
|
|
13
|
+
const ao = M("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = ao, G = /* @__PURE__ */ p.createContext({});
|
|
14
|
+
process.env.NODE_ENV !== "production" && (G.displayName = "ButtonGroupContext");
|
|
15
|
+
const U = G, F = /* @__PURE__ */ p.createContext(void 0);
|
|
16
|
+
process.env.NODE_ENV !== "production" && (F.displayName = "ButtonGroupButtonContext");
|
|
17
|
+
const to = F, ro = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], so = (o) => {
|
|
18
18
|
const {
|
|
19
19
|
color: n,
|
|
20
20
|
disableElevation: a,
|
|
@@ -27,7 +27,7 @@ const to = U, ro = ["children", "color", "component", "className", "disabled", "
|
|
|
27
27
|
label: ["label"],
|
|
28
28
|
startIcon: ["startIcon", `iconSize${s(d)}`],
|
|
29
29
|
endIcon: ["endIcon", `iconSize${s(d)}`]
|
|
30
|
-
}, x =
|
|
30
|
+
}, x = W(g, io, e);
|
|
31
31
|
return t({}, e, x);
|
|
32
32
|
}, S = (o) => t({}, o.size === "small" && {
|
|
33
33
|
"& > *:nth-of-type(1)": {
|
|
@@ -209,33 +209,33 @@ const to = U, ro = ["children", "color", "component", "className", "disabled", "
|
|
|
209
209
|
}, o.size === "small" && {
|
|
210
210
|
marginRight: -2
|
|
211
211
|
}, S(o))), H = /* @__PURE__ */ p.forwardRef(function(n, a) {
|
|
212
|
-
const r = p.useContext(
|
|
212
|
+
const r = p.useContext(U), d = p.useContext(to), l = _(r, n), e = j({
|
|
213
213
|
props: l,
|
|
214
214
|
name: "MuiButton"
|
|
215
215
|
}), {
|
|
216
216
|
children: g,
|
|
217
217
|
color: x = "primary",
|
|
218
218
|
component: v = "button",
|
|
219
|
-
className:
|
|
220
|
-
disabled:
|
|
221
|
-
disableElevation:
|
|
222
|
-
disableFocusRipple:
|
|
219
|
+
className: z,
|
|
220
|
+
disabled: B = !1,
|
|
221
|
+
disableElevation: m = !1,
|
|
222
|
+
disableFocusRipple: $ = !1,
|
|
223
223
|
endIcon: y,
|
|
224
224
|
focusVisibleClassName: h,
|
|
225
225
|
fullWidth: u = !1,
|
|
226
226
|
size: P = "medium",
|
|
227
227
|
startIcon: I,
|
|
228
|
-
type:
|
|
228
|
+
type: T,
|
|
229
229
|
variant: q = "text"
|
|
230
|
-
} = e, J =
|
|
230
|
+
} = e, J = D(e, ro), L = t({}, e, {
|
|
231
231
|
color: x,
|
|
232
232
|
component: v,
|
|
233
|
-
disabled:
|
|
234
|
-
disableElevation:
|
|
235
|
-
disableFocusRipple:
|
|
233
|
+
disabled: B,
|
|
234
|
+
disableElevation: m,
|
|
235
|
+
disableFocusRipple: $,
|
|
236
236
|
fullWidth: u,
|
|
237
237
|
size: P,
|
|
238
|
-
type:
|
|
238
|
+
type: T,
|
|
239
239
|
variant: q
|
|
240
240
|
}), C = so(L), K = I && /* @__PURE__ */ b(eo, {
|
|
241
241
|
className: C.startIcon,
|
|
@@ -248,13 +248,13 @@ const to = U, ro = ["children", "color", "component", "className", "disabled", "
|
|
|
248
248
|
}), X = d || "";
|
|
249
249
|
return /* @__PURE__ */ O(lo, t({
|
|
250
250
|
ownerState: L,
|
|
251
|
-
className:
|
|
251
|
+
className: N(r.className, C.root, z, X),
|
|
252
252
|
component: v,
|
|
253
|
-
disabled:
|
|
254
|
-
focusRipple:
|
|
255
|
-
focusVisibleClassName:
|
|
253
|
+
disabled: B,
|
|
254
|
+
focusRipple: !$,
|
|
255
|
+
focusVisibleClassName: N(C.focusVisible, h),
|
|
256
256
|
ref: a,
|
|
257
|
-
type:
|
|
257
|
+
type: T
|
|
258
258
|
}, J, {
|
|
259
259
|
classes: C,
|
|
260
260
|
children: [K, g, Q]
|
|
@@ -356,7 +356,7 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
|
|
|
356
356
|
});
|
|
357
357
|
const uo = H;
|
|
358
358
|
function po(o) {
|
|
359
|
-
return
|
|
359
|
+
return V("MuiLoadingButton", o);
|
|
360
360
|
}
|
|
361
361
|
const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), c = go, vo = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], bo = (o) => {
|
|
362
362
|
const {
|
|
@@ -368,7 +368,7 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
|
|
|
368
368
|
startIcon: [n && `startIconLoading${s(a)}`],
|
|
369
369
|
endIcon: [n && `endIconLoading${s(a)}`],
|
|
370
370
|
loadingIndicator: ["loadingIndicator", n && `loadingIndicator${s(a)}`]
|
|
371
|
-
}, l =
|
|
371
|
+
}, l = W(d, po, r);
|
|
372
372
|
return t({}, r, l);
|
|
373
373
|
}, fo = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", xo = f(uo, {
|
|
374
374
|
shouldForwardProp: (o) => fo(o) || o === "classes",
|
|
@@ -447,7 +447,7 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
|
|
|
447
447
|
position: "relative",
|
|
448
448
|
right: -10
|
|
449
449
|
})), A = /* @__PURE__ */ p.forwardRef(function(n, a) {
|
|
450
|
-
const r = p.useContext(
|
|
450
|
+
const r = p.useContext(U), d = _(r, n), l = j({
|
|
451
451
|
props: d,
|
|
452
452
|
name: "MuiLoadingButton"
|
|
453
453
|
}), {
|
|
@@ -455,10 +455,10 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
|
|
|
455
455
|
disabled: g = !1,
|
|
456
456
|
id: x,
|
|
457
457
|
loading: v = !1,
|
|
458
|
-
loadingIndicator:
|
|
459
|
-
loadingPosition:
|
|
460
|
-
variant:
|
|
461
|
-
} = l,
|
|
458
|
+
loadingIndicator: z,
|
|
459
|
+
loadingPosition: B = "center",
|
|
460
|
+
variant: m = "text"
|
|
461
|
+
} = l, $ = D(l, vo), y = w(x), h = z ?? /* @__PURE__ */ b(no, {
|
|
462
462
|
"aria-labelledby": y,
|
|
463
463
|
color: "inherit",
|
|
464
464
|
size: 16
|
|
@@ -466,8 +466,8 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
|
|
|
466
466
|
disabled: g,
|
|
467
467
|
loading: v,
|
|
468
468
|
loadingIndicator: h,
|
|
469
|
-
loadingPosition:
|
|
470
|
-
variant:
|
|
469
|
+
loadingPosition: B,
|
|
470
|
+
variant: m
|
|
471
471
|
}), P = bo(u), I = v ? /* @__PURE__ */ b(yo, {
|
|
472
472
|
className: P.loadingIndicator,
|
|
473
473
|
ownerState: u,
|
|
@@ -477,8 +477,8 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
|
|
|
477
477
|
disabled: g || v,
|
|
478
478
|
id: y,
|
|
479
479
|
ref: a
|
|
480
|
-
},
|
|
481
|
-
variant:
|
|
480
|
+
}, $, {
|
|
481
|
+
variant: m,
|
|
482
482
|
classes: P,
|
|
483
483
|
ownerState: u,
|
|
484
484
|
children: [u.loadingPosition === "end" ? e : I, u.loadingPosition === "end" ? I : e]
|
|
@@ -547,27 +547,30 @@ const Io = A, Co = f(Io)(({ color: o, theme: n }) => ({
|
|
|
547
547
|
borderWidth: 2,
|
|
548
548
|
transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
|
|
549
549
|
"&.MuiButton-contained": {
|
|
550
|
-
color:
|
|
550
|
+
color: n.palette.common.white
|
|
551
551
|
},
|
|
552
552
|
"&.MuiButton-outlined": {
|
|
553
553
|
borderRadius: 5,
|
|
554
554
|
borderWidth: 2,
|
|
555
|
-
"&.MuiButton-
|
|
556
|
-
|
|
557
|
-
|
|
555
|
+
"&.MuiButton-outlinedPrimary": {
|
|
556
|
+
"&:active": {
|
|
557
|
+
borderColor: n.palette.primary.main,
|
|
558
|
+
color: n.palette.primary.main
|
|
559
|
+
},
|
|
558
560
|
"&:hover": {
|
|
559
561
|
backgroundColor: n.palette.primary.dark,
|
|
560
562
|
borderColor: n.palette.primary.dark,
|
|
561
|
-
color:
|
|
563
|
+
color: n.palette.common.white
|
|
562
564
|
}
|
|
563
565
|
},
|
|
564
|
-
"&.MuiButton-
|
|
565
|
-
|
|
566
|
-
|
|
566
|
+
"&.MuiButton-outlinedSecondary": {
|
|
567
|
+
"&:active": {
|
|
568
|
+
borderColor: n.palette.secondary.main,
|
|
569
|
+
color: n.palette.secondary.main
|
|
570
|
+
},
|
|
567
571
|
"&:hover": {
|
|
568
|
-
backgroundColor: n.palette.secondary.
|
|
569
|
-
|
|
570
|
-
color: "#FFFFFF"
|
|
572
|
+
backgroundColor: n.palette.secondary.main,
|
|
573
|
+
color: n.palette.common.white
|
|
571
574
|
}
|
|
572
575
|
}
|
|
573
576
|
}
|
|
@@ -583,9 +586,9 @@ const Io = A, Co = f(Io)(({ color: o, theme: n }) => ({
|
|
|
583
586
|
...a,
|
|
584
587
|
color: r,
|
|
585
588
|
children: [
|
|
586
|
-
(o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(
|
|
589
|
+
(o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(k, { ...o }) : null,
|
|
587
590
|
n,
|
|
588
|
-
(o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(
|
|
591
|
+
(o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(k, { ...o }) : null
|
|
589
592
|
]
|
|
590
593
|
}
|
|
591
594
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime"),q=require("react"),m=require("./components/buttons/DefaultButton/DefaultButtonIcon.cjs.js"),e=require("./styled-DFoJwRxe.cjs"),t=require("./useThemeProps-BRWSvuZw.cjs"),U=require("./ButtonBase-DTmn2sD_.cjs"),S=require("./useId-Cw0TtD-8.cjs"),G=require("./refType-5EEBZL5_.cjs"),H=require("./CircularProgress-DjSMBYnK.cjs");function A(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>o[i]})}}return n.default=o,Object.freeze(n)}const u=A(q);function J(o){return t.generateUtilityClass("MuiButton",o)}const K=e.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),h=K,R=u.createContext({});process.env.NODE_ENV!=="production"&&(R.displayName="ButtonGroupContext");const E=R,O=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(O.displayName="ButtonGroupButtonContext");const Q=O,X=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],Y=o=>{const{color:n,disableElevation:i,fullWidth:a,size:s,variant:r,classes:l}=o,g={root:["root",r,`${r}${t.capitalize(n)}`,`size${t.capitalize(s)}`,`${r}Size${t.capitalize(s)}`,n==="inherit"&&"colorInherit",i&&"disableElevation",a&&"fullWidth"],label:["label"],startIcon:["startIcon",`iconSize${t.capitalize(s)}`],endIcon:["endIcon",`iconSize${t.capitalize(s)}`]},b=e.composeClasses(g,J,l);return t._extends({},l,b)},_=o=>t._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Z=e.styled(U.ButtonBase,{shouldForwardProp:o=>e.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.root,n[i.variant],n[`${i.variant}${t.capitalize(i.color)}`],n[`size${t.capitalize(i.size)}`],n[`${i.variant}Size${t.capitalize(i.size)}`],i.color==="inherit"&&n.colorInherit,i.disableElevation&&n.disableElevation,i.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var i,a;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],r=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return t._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":t._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:r,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${h.focusVisible}`]:t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${h.disabled}`]:t._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${t.alpha(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(a=o.palette).getContrastText)==null?void 0:i.call(a,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${h.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${h.disabled}`]:{boxShadow:"none"}}),w=e.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.startIcon,n[`iconSize${t.capitalize(i.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},_(o))),oo=e.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.endIcon,n[`iconSize${t.capitalize(i.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},_(o))),k=u.forwardRef(function(n,i){const a=u.useContext(E),s=u.useContext(Q),r=t.resolveProps(a,n),l=t.useThemeProps({props:r,name:"MuiButton"}),{children:g,color:b="primary",component:y="button",className:P,disabled:I=!1,disableElevation:T=!1,disableFocusRipple:C=!1,endIcon:v,focusVisibleClassName:z,fullWidth:p=!1,size:B="medium",startIcon:x,type:L,variant:N="text"}=l,j=t._objectWithoutPropertiesLoose(l,X),$=t._extends({},l,{color:b,component:y,disabled:I,disableElevation:T,disableFocusRipple:C,fullWidth:p,size:B,type:L,variant:N}),f=Y($),W=x&&c.jsx(w,{className:f.startIcon,ownerState:$,children:x}),V=v&&c.jsx(oo,{className:f.endIcon,ownerState:$,children:v}),D=s||"";return c.jsxs(Z,t._extends({ownerState:$,className:e.clsx(a.className,f.root,P,D),component:y,disabled:I,focusRipple:!C,focusVisibleClassName:e.clsx(f.focusVisible,z),ref:i,type:L},j,{classes:f,children:[W,g,V]}))});process.env.NODE_ENV!=="production"&&(k.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),t.PropTypes.string]),component:t.PropTypes.elementType,disabled:t.PropTypes.bool,disableElevation:t.PropTypes.bool,disableFocusRipple:t.PropTypes.bool,disableRipple:t.PropTypes.bool,endIcon:t.PropTypes.node,focusVisibleClassName:t.PropTypes.string,fullWidth:t.PropTypes.bool,href:t.PropTypes.string,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium","large"]),t.PropTypes.string]),startIcon:t.PropTypes.node,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),type:t.PropTypes.oneOfType([t.PropTypes.oneOf(["button","reset","submit"]),t.PropTypes.string]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const F=k;function no(o){return t.generateUtilityClass("MuiLoadingButton",o)}const to=e.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),d=to,io=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],ao=o=>{const{loading:n,loadingPosition:i,classes:a}=o,s={root:["root",n&&"loading"],startIcon:[n&&`startIconLoading${t.capitalize(i)}`],endIcon:[n&&`endIconLoading${t.capitalize(i)}`],loadingIndicator:["loadingIndicator",n&&`loadingIndicator${t.capitalize(i)}`]},r=e.composeClasses(s,no,a);return t._extends({},a,r)},ro=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",eo=e.styled(F,{shouldForwardProp:o=>ro(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,n)=>[n.root,n.startIconLoadingStart&&{[`& .${d.startIconLoadingStart}`]:n.startIconLoadingStart},n.endIconLoadingEnd&&{[`& .${d.endIconLoadingEnd}`]:n.endIconLoadingEnd}]})(({ownerState:o,theme:n})=>t._extends({[`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:n.transitions.create(["background-color","box-shadow","border-color"],{duration:n.transitions.duration.short}),[`&.${d.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginLeft:-8}})),so=e.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.loadingIndicator,n[`loadingIndicator${t.capitalize(i.loadingPosition)}`]]}})(({theme:o,ownerState:n})=>t._extends({position:"absolute",visibility:"visible",display:"flex"},n.loadingPosition==="start"&&(n.variant==="outlined"||n.variant==="contained")&&{left:n.size==="small"?10:14},n.loadingPosition==="start"&&n.variant==="text"&&{left:6},n.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},n.loadingPosition==="end"&&(n.variant==="outlined"||n.variant==="contained")&&{right:n.size==="small"?10:14},n.loadingPosition==="end"&&n.variant==="text"&&{right:6},n.loadingPosition==="start"&&n.fullWidth&&{position:"relative",left:-10},n.loadingPosition==="end"&&n.fullWidth&&{position:"relative",right:-10})),M=u.forwardRef(function(n,i){const a=u.useContext(E),s=t.resolveProps(a,n),r=t.useThemeProps({props:s,name:"MuiLoadingButton"}),{children:l,disabled:g=!1,id:b,loading:y=!1,loadingIndicator:P,loadingPosition:I="center",variant:T="text"}=r,C=t._objectWithoutPropertiesLoose(r,io),v=S.useId(b),z=P??c.jsx(H.CircularProgress,{"aria-labelledby":v,color:"inherit",size:16}),p=t._extends({},r,{disabled:g,loading:y,loadingIndicator:z,loadingPosition:I,variant:T}),B=ao(p),x=y?c.jsx(so,{className:B.loadingIndicator,ownerState:p,children:z}):null;return c.jsxs(eo,t._extends({disabled:g||y,id:v,ref:i},C,{variant:T,classes:B,ownerState:p,children:[p.loadingPosition==="end"?l:x,p.loadingPosition==="end"?x:l]}))});process.env.NODE_ENV!=="production"&&(M.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,disabled:t.PropTypes.bool,id:t.PropTypes.string,loading:t.PropTypes.bool,loadingIndicator:t.PropTypes.node,loadingPosition:G.chainPropTypes(t.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:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const lo=M,co=e.styled(lo)(({color:o,theme:n})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-contained":{color:"#FFFFFF"},"&.MuiButton-outlined":{borderRadius:5,borderWidth:2,"&.MuiButton-colorPrimary, &.MuiButton-outlinedPrimary":{borderColor:n.palette.primary.main,color:n.palette.primary.main,"&:hover":{backgroundColor:n.palette.primary.dark,borderColor:n.palette.primary.dark,color:"#FFFFFF"}},"&.MuiButton-colorSecondary, &.MuiButton-outlinedSecondary":{borderColor:n.palette.secondary.main,color:n.palette.secondary.main,"&:hover":{backgroundColor:n.palette.secondary.dark,borderColor:n.palette.secondary.dark,color:"#FFFFFF"}}}})),po=({icon:o,text:n,...i})=>{const a=i.color??"primary";return c.jsxs(co,{...i,color:a,children:[(o==null?void 0:o.position)==="left"?c.jsx(m,{...o}):null,n,(o==null?void 0:o.position)==="right"?c.jsx(m,{...o}):null]})};exports.Button=F;exports.DefaultButton=po;
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),U=require("react"),L=require("./components/buttons/DefaultButton/DefaultButtonIcon.cjs.js"),e=require("./styled-DFoJwRxe.cjs"),t=require("./useThemeProps-BRWSvuZw.cjs"),G=require("./ButtonBase-DTmn2sD_.cjs"),S=require("./useId-Cw0TtD-8.cjs"),F=require("./refType-5EEBZL5_.cjs"),H=require("./CircularProgress-DjSMBYnK.cjs");function A(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>o[i]})}}return n.default=o,Object.freeze(n)}const u=A(U);function J(o){return t.generateUtilityClass("MuiButton",o)}const K=e.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),h=K,R=u.createContext({});process.env.NODE_ENV!=="production"&&(R.displayName="ButtonGroupContext");const E=R,O=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(O.displayName="ButtonGroupButtonContext");const Q=O,X=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],Y=o=>{const{color:n,disableElevation:i,fullWidth:a,size:s,variant:r,classes:l}=o,g={root:["root",r,`${r}${t.capitalize(n)}`,`size${t.capitalize(s)}`,`${r}Size${t.capitalize(s)}`,n==="inherit"&&"colorInherit",i&&"disableElevation",a&&"fullWidth"],label:["label"],startIcon:["startIcon",`iconSize${t.capitalize(s)}`],endIcon:["endIcon",`iconSize${t.capitalize(s)}`]},b=e.composeClasses(g,J,l);return t._extends({},l,b)},_=o=>t._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Z=e.styled(G.ButtonBase,{shouldForwardProp:o=>e.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.root,n[i.variant],n[`${i.variant}${t.capitalize(i.color)}`],n[`size${t.capitalize(i.size)}`],n[`${i.variant}Size${t.capitalize(i.size)}`],i.color==="inherit"&&n.colorInherit,i.disableElevation&&n.disableElevation,i.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var i,a;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],r=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return t._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":t._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:r,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${h.focusVisible}`]:t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${h.disabled}`]:t._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${t.alpha(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(a=o.palette).getContrastText)==null?void 0:i.call(a,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${h.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${h.disabled}`]:{boxShadow:"none"}}),w=e.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.startIcon,n[`iconSize${t.capitalize(i.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},_(o))),oo=e.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.endIcon,n[`iconSize${t.capitalize(i.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},_(o))),k=u.forwardRef(function(n,i){const a=u.useContext(E),s=u.useContext(Q),r=t.resolveProps(a,n),l=t.useThemeProps({props:r,name:"MuiButton"}),{children:g,color:b="primary",component:y="button",className:P,disabled:I=!1,disableElevation:T=!1,disableFocusRipple:C=!1,endIcon:v,focusVisibleClassName:z,fullWidth:p=!1,size:B="medium",startIcon:x,type:m,variant:j="text"}=l,W=t._objectWithoutPropertiesLoose(l,X),$=t._extends({},l,{color:b,component:y,disabled:I,disableElevation:T,disableFocusRipple:C,fullWidth:p,size:B,type:m,variant:j}),f=Y($),V=x&&c.jsx(w,{className:f.startIcon,ownerState:$,children:x}),D=v&&c.jsx(oo,{className:f.endIcon,ownerState:$,children:v}),q=s||"";return c.jsxs(Z,t._extends({ownerState:$,className:e.clsx(a.className,f.root,P,q),component:y,disabled:I,focusRipple:!C,focusVisibleClassName:e.clsx(f.focusVisible,z),ref:i,type:m},W,{classes:f,children:[V,g,D]}))});process.env.NODE_ENV!=="production"&&(k.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),t.PropTypes.string]),component:t.PropTypes.elementType,disabled:t.PropTypes.bool,disableElevation:t.PropTypes.bool,disableFocusRipple:t.PropTypes.bool,disableRipple:t.PropTypes.bool,endIcon:t.PropTypes.node,focusVisibleClassName:t.PropTypes.string,fullWidth:t.PropTypes.bool,href:t.PropTypes.string,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium","large"]),t.PropTypes.string]),startIcon:t.PropTypes.node,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),type:t.PropTypes.oneOfType([t.PropTypes.oneOf(["button","reset","submit"]),t.PropTypes.string]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const N=k;function no(o){return t.generateUtilityClass("MuiLoadingButton",o)}const to=e.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),d=to,io=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],ao=o=>{const{loading:n,loadingPosition:i,classes:a}=o,s={root:["root",n&&"loading"],startIcon:[n&&`startIconLoading${t.capitalize(i)}`],endIcon:[n&&`endIconLoading${t.capitalize(i)}`],loadingIndicator:["loadingIndicator",n&&`loadingIndicator${t.capitalize(i)}`]},r=e.composeClasses(s,no,a);return t._extends({},a,r)},ro=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",eo=e.styled(N,{shouldForwardProp:o=>ro(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,n)=>[n.root,n.startIconLoadingStart&&{[`& .${d.startIconLoadingStart}`]:n.startIconLoadingStart},n.endIconLoadingEnd&&{[`& .${d.endIconLoadingEnd}`]:n.endIconLoadingEnd}]})(({ownerState:o,theme:n})=>t._extends({[`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:n.transitions.create(["background-color","box-shadow","border-color"],{duration:n.transitions.duration.short}),[`&.${d.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginLeft:-8}})),so=e.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.loadingIndicator,n[`loadingIndicator${t.capitalize(i.loadingPosition)}`]]}})(({theme:o,ownerState:n})=>t._extends({position:"absolute",visibility:"visible",display:"flex"},n.loadingPosition==="start"&&(n.variant==="outlined"||n.variant==="contained")&&{left:n.size==="small"?10:14},n.loadingPosition==="start"&&n.variant==="text"&&{left:6},n.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},n.loadingPosition==="end"&&(n.variant==="outlined"||n.variant==="contained")&&{right:n.size==="small"?10:14},n.loadingPosition==="end"&&n.variant==="text"&&{right:6},n.loadingPosition==="start"&&n.fullWidth&&{position:"relative",left:-10},n.loadingPosition==="end"&&n.fullWidth&&{position:"relative",right:-10})),M=u.forwardRef(function(n,i){const a=u.useContext(E),s=t.resolveProps(a,n),r=t.useThemeProps({props:s,name:"MuiLoadingButton"}),{children:l,disabled:g=!1,id:b,loading:y=!1,loadingIndicator:P,loadingPosition:I="center",variant:T="text"}=r,C=t._objectWithoutPropertiesLoose(r,io),v=S.useId(b),z=P??c.jsx(H.CircularProgress,{"aria-labelledby":v,color:"inherit",size:16}),p=t._extends({},r,{disabled:g,loading:y,loadingIndicator:z,loadingPosition:I,variant:T}),B=ao(p),x=y?c.jsx(so,{className:B.loadingIndicator,ownerState:p,children:z}):null;return c.jsxs(eo,t._extends({disabled:g||y,id:v,ref:i},C,{variant:T,classes:B,ownerState:p,children:[p.loadingPosition==="end"?l:x,p.loadingPosition==="end"?x:l]}))});process.env.NODE_ENV!=="production"&&(M.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,disabled:t.PropTypes.bool,id:t.PropTypes.string,loading:t.PropTypes.bool,loadingIndicator:t.PropTypes.node,loadingPosition:F.chainPropTypes(t.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:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const lo=M,co=e.styled(lo)(({color:o,theme:n})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-contained":{color:n.palette.common.white},"&.MuiButton-outlined":{borderRadius:5,borderWidth:2,"&.MuiButton-outlinedPrimary":{"&:active":{borderColor:n.palette.primary.main,color:n.palette.primary.main},"&:hover":{backgroundColor:n.palette.primary.dark,borderColor:n.palette.primary.dark,color:n.palette.common.white}},"&.MuiButton-outlinedSecondary":{"&:active":{borderColor:n.palette.secondary.main,color:n.palette.secondary.main},"&:hover":{backgroundColor:n.palette.secondary.main,color:n.palette.common.white}}}})),po=({icon:o,text:n,...i})=>{const a=i.color??"primary";return c.jsxs(co,{...i,color:a,children:[(o==null?void 0:o.position)==="left"?c.jsx(L,{...o}):null,n,(o==null?void 0:o.position)==="right"?c.jsx(L,{...o}):null]})};exports.Button=N;exports.DefaultButton=po;
|