@cgi-learning-hub/ui 0.0.1-dev.1708447504 → 0.0.1-dev.1708512344
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/{Button-8coRSZ3M.cjs → Button-SIJ4Bf0n.cjs} +1 -1
- package/dist/{Button-BJMp7Tz3.js → Button-xyS1Nr3h.js} +68 -67
- package/dist/components/BasicButtons/BasicButtons.cjs.js +1 -1
- package/dist/components/BasicButtons/BasicButtons.es.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +28 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.d.ts +5 -3
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +414 -23
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.d.ts +0 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +6 -7
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +11 -4
- package/dist/components/inputs/TextInput/TextInput.cjs.js +12 -12
- package/dist/components/inputs/TextInput/TextInput.es.js +541 -555
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/useId-Cw0TtD-8.cjs +1 -0
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("./useThemeProps-Aqe6oH65.cjs"),
|
|
1
|
+
"use strict";const a=require("./useThemeProps-Aqe6oH65.cjs"),M=require("react"),x=require("react/jsx-runtime"),S=require("./ButtonBase-xIJbOm-V.cjs");function V(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const c=V(M);function L(o){return a.generateUtilityClass("MuiButton",o)}const G=a.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"]),d=G,T=c.createContext({});process.env.NODE_ENV!=="production"&&(T.displayName="ButtonGroupContext");const P=T,B=c.createContext(void 0);process.env.NODE_ENV!=="production"&&(B.displayName="ButtonGroupButtonContext");const D=B,F=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],q=o=>{const{color:n,disableElevation:t,fullWidth:i,size:e,variant:r,classes:s}=o,u={root:["root",r,`${r}${a.capitalize(n)}`,`size${a.capitalize(e)}`,`${r}Size${a.capitalize(e)}`,n==="inherit"&&"colorInherit",t&&"disableElevation",i&&"fullWidth"],label:["label"],startIcon:["startIcon",`iconSize${a.capitalize(e)}`],endIcon:["endIcon",`iconSize${a.capitalize(e)}`]},v=a.composeClasses(u,L,s);return a._extends({},s,v)},$=o=>a._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}}),U=a.styled(S.ButtonBase,{shouldForwardProp:o=>a.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.root,n[t.variant],n[`${t.variant}${a.capitalize(t.color)}`],n[`size${a.capitalize(t.size)}`],n[`${t.variant}Size${a.capitalize(t.size)}`],t.color==="inherit"&&n.colorInherit,t.disableElevation&&n.disableElevation,t.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var t,i;const e=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 a._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":a._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:a.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})`:a.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})`:a.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":a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${d.focusVisible}`]:a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${d.disabled}`]:a._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 ${a.alpha(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(t=(i=o.palette).getContrastText)==null?void 0:t.call(i,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:e,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"},[`&.${d.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${d.disabled}`]:{boxShadow:"none"}}),H=a.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.startIcon,n[`iconSize${a.capitalize(t.size)}`]]}})(({ownerState:o})=>a._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},$(o))),A=a.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.endIcon,n[`iconSize${a.capitalize(t.size)}`]]}})(({ownerState:o})=>a._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},$(o))),I=c.forwardRef(function(n,t){const i=c.useContext(P),e=c.useContext(D),r=a.resolveProps(i,n),s=a.useThemeProps({props:r,name:"MuiButton"}),{children:u,color:v="primary",component:b="button",className:h,disabled:y=!1,disableElevation:O=!1,disableFocusRipple:g=!1,endIcon:f,focusVisibleClassName:R,fullWidth:m=!1,size:N="medium",startIcon:z,type:C,variant:_="text"}=s,k=a._objectWithoutPropertiesLoose(s,F),p=a._extends({},s,{color:v,component:b,disabled:y,disableElevation:O,disableFocusRipple:g,fullWidth:m,size:N,type:C,variant:_}),l=q(p),E=z&&x.jsx(H,{className:l.startIcon,ownerState:p,children:z}),W=f&&x.jsx(A,{className:l.endIcon,ownerState:p,children:f}),j=e||"";return x.jsxs(U,a._extends({ownerState:p,className:a.clsx(i.className,l.root,h,j),component:b,disabled:y,focusRipple:!g,focusVisibleClassName:a.clsx(l.focusVisible,R),ref:t,type:C},k,{classes:l,children:[E,u,W]}))});process.env.NODE_ENV!=="production"&&(I.propTypes={children:a.PropTypes.node,classes:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOfType([a.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),a.PropTypes.string]),component:a.PropTypes.elementType,disabled:a.PropTypes.bool,disableElevation:a.PropTypes.bool,disableFocusRipple:a.PropTypes.bool,disableRipple:a.PropTypes.bool,endIcon:a.PropTypes.node,focusVisibleClassName:a.PropTypes.string,fullWidth:a.PropTypes.bool,href:a.PropTypes.string,size:a.PropTypes.oneOfType([a.PropTypes.oneOf(["small","medium","large"]),a.PropTypes.string]),startIcon:a.PropTypes.node,sx:a.PropTypes.oneOfType([a.PropTypes.arrayOf(a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.object,a.PropTypes.bool])),a.PropTypes.func,a.PropTypes.object]),type:a.PropTypes.oneOfType([a.PropTypes.oneOf(["button","reset","submit"]),a.PropTypes.string]),variant:a.PropTypes.oneOfType([a.PropTypes.oneOf(["contained","outlined","text"]),a.PropTypes.string])});const J=I;exports.Button=J;exports.ButtonGroupContext=P;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as j, b as F, s as f, r as D, f as r, a as t, t as v, v as U, u as H, _ as A, h, P as
|
|
1
|
+
import { g as j, b as F, s as f, r as D, f as r, a as t, t as v, v as U, u as H, _ as A, h, P as n, e as q } from "./useThemeProps-Dkkbtzcg.js";
|
|
2
2
|
import * as p from "react";
|
|
3
3
|
import { jsx as m, jsxs as J } from "react/jsx-runtime";
|
|
4
4
|
import { B as K } from "./ButtonBase-DfYGPVje.js";
|
|
@@ -11,14 +11,14 @@ const Y = R, N = /* @__PURE__ */ p.createContext(void 0);
|
|
|
11
11
|
process.env.NODE_ENV !== "production" && (N.displayName = "ButtonGroupButtonContext");
|
|
12
12
|
const Z = N, w = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], oo = (o) => {
|
|
13
13
|
const {
|
|
14
|
-
color:
|
|
14
|
+
color: a,
|
|
15
15
|
disableElevation: i,
|
|
16
16
|
fullWidth: e,
|
|
17
17
|
size: s,
|
|
18
18
|
variant: l,
|
|
19
19
|
classes: c
|
|
20
20
|
} = o, g = {
|
|
21
|
-
root: ["root", l, `${l}${r(
|
|
21
|
+
root: ["root", l, `${l}${r(a)}`, `size${r(s)}`, `${l}Size${r(s)}`, a === "inherit" && "colorInherit", i && "disableElevation", e && "fullWidth"],
|
|
22
22
|
label: ["label"],
|
|
23
23
|
startIcon: ["startIcon", `iconSize${r(s)}`],
|
|
24
24
|
endIcon: ["endIcon", `iconSize${r(s)}`]
|
|
@@ -36,19 +36,19 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
36
36
|
"& > *:nth-of-type(1)": {
|
|
37
37
|
fontSize: 22
|
|
38
38
|
}
|
|
39
|
-
}),
|
|
39
|
+
}), ao = f(K, {
|
|
40
40
|
shouldForwardProp: (o) => D(o) || o === "classes",
|
|
41
41
|
name: "MuiButton",
|
|
42
42
|
slot: "Root",
|
|
43
|
-
overridesResolver: (o,
|
|
43
|
+
overridesResolver: (o, a) => {
|
|
44
44
|
const {
|
|
45
45
|
ownerState: i
|
|
46
46
|
} = o;
|
|
47
|
-
return [
|
|
47
|
+
return [a.root, a[i.variant], a[`${i.variant}${r(i.color)}`], a[`size${r(i.size)}`], a[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && a.colorInherit, i.disableElevation && a.disableElevation, i.fullWidth && a.fullWidth];
|
|
48
48
|
}
|
|
49
49
|
})(({
|
|
50
50
|
theme: o,
|
|
51
|
-
ownerState:
|
|
51
|
+
ownerState: a
|
|
52
52
|
}) => {
|
|
53
53
|
var i, e;
|
|
54
54
|
const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], l = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
|
|
@@ -66,20 +66,20 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
66
66
|
"@media (hover: none)": {
|
|
67
67
|
backgroundColor: "transparent"
|
|
68
68
|
}
|
|
69
|
-
},
|
|
70
|
-
backgroundColor: o.vars ? `rgba(${o.vars.palette[
|
|
69
|
+
}, a.variant === "text" && a.color !== "inherit" && {
|
|
70
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
|
|
71
71
|
// Reset on touch devices, it doesn't add specificity
|
|
72
72
|
"@media (hover: none)": {
|
|
73
73
|
backgroundColor: "transparent"
|
|
74
74
|
}
|
|
75
|
-
},
|
|
76
|
-
border: `1px solid ${(o.vars || o).palette[
|
|
77
|
-
backgroundColor: o.vars ? `rgba(${o.vars.palette[
|
|
75
|
+
}, a.variant === "outlined" && a.color !== "inherit" && {
|
|
76
|
+
border: `1px solid ${(o.vars || o).palette[a.color].main}`,
|
|
77
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
|
|
78
78
|
// Reset on touch devices, it doesn't add specificity
|
|
79
79
|
"@media (hover: none)": {
|
|
80
80
|
backgroundColor: "transparent"
|
|
81
81
|
}
|
|
82
|
-
},
|
|
82
|
+
}, a.variant === "contained" && {
|
|
83
83
|
backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : l,
|
|
84
84
|
boxShadow: (o.vars || o).shadows[4],
|
|
85
85
|
// Reset on touch devices, it doesn't add specificity
|
|
@@ -87,70 +87,70 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
87
87
|
boxShadow: (o.vars || o).shadows[2],
|
|
88
88
|
backgroundColor: (o.vars || o).palette.grey[300]
|
|
89
89
|
}
|
|
90
|
-
},
|
|
91
|
-
backgroundColor: (o.vars || o).palette[
|
|
90
|
+
}, a.variant === "contained" && a.color !== "inherit" && {
|
|
91
|
+
backgroundColor: (o.vars || o).palette[a.color].dark,
|
|
92
92
|
// Reset on touch devices, it doesn't add specificity
|
|
93
93
|
"@media (hover: none)": {
|
|
94
|
-
backgroundColor: (o.vars || o).palette[
|
|
94
|
+
backgroundColor: (o.vars || o).palette[a.color].main
|
|
95
95
|
}
|
|
96
96
|
}),
|
|
97
|
-
"&:active": t({},
|
|
97
|
+
"&:active": t({}, a.variant === "contained" && {
|
|
98
98
|
boxShadow: (o.vars || o).shadows[8]
|
|
99
99
|
}),
|
|
100
|
-
[`&.${b.focusVisible}`]: t({},
|
|
100
|
+
[`&.${b.focusVisible}`]: t({}, a.variant === "contained" && {
|
|
101
101
|
boxShadow: (o.vars || o).shadows[6]
|
|
102
102
|
}),
|
|
103
103
|
[`&.${b.disabled}`]: t({
|
|
104
104
|
color: (o.vars || o).palette.action.disabled
|
|
105
|
-
},
|
|
105
|
+
}, a.variant === "outlined" && {
|
|
106
106
|
border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
|
|
107
|
-
},
|
|
107
|
+
}, a.variant === "contained" && {
|
|
108
108
|
color: (o.vars || o).palette.action.disabled,
|
|
109
109
|
boxShadow: (o.vars || o).shadows[0],
|
|
110
110
|
backgroundColor: (o.vars || o).palette.action.disabledBackground
|
|
111
111
|
})
|
|
112
|
-
},
|
|
112
|
+
}, a.variant === "text" && {
|
|
113
113
|
padding: "6px 8px"
|
|
114
|
-
},
|
|
115
|
-
color: (o.vars || o).palette[
|
|
116
|
-
},
|
|
114
|
+
}, a.variant === "text" && a.color !== "inherit" && {
|
|
115
|
+
color: (o.vars || o).palette[a.color].main
|
|
116
|
+
}, a.variant === "outlined" && {
|
|
117
117
|
padding: "5px 15px",
|
|
118
118
|
border: "1px solid currentColor"
|
|
119
|
-
},
|
|
120
|
-
color: (o.vars || o).palette[
|
|
121
|
-
border: o.vars ? `1px solid rgba(${o.vars.palette[
|
|
122
|
-
},
|
|
119
|
+
}, a.variant === "outlined" && a.color !== "inherit" && {
|
|
120
|
+
color: (o.vars || o).palette[a.color].main,
|
|
121
|
+
border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
|
|
122
|
+
}, a.variant === "contained" && {
|
|
123
123
|
color: o.vars ? (
|
|
124
124
|
// this is safe because grey does not change between default light/dark mode
|
|
125
125
|
o.vars.palette.text.primary
|
|
126
126
|
) : (i = (e = o.palette).getContrastText) == null ? void 0 : i.call(e, o.palette.grey[300]),
|
|
127
127
|
backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
|
|
128
128
|
boxShadow: (o.vars || o).shadows[2]
|
|
129
|
-
},
|
|
130
|
-
color: (o.vars || o).palette[
|
|
131
|
-
backgroundColor: (o.vars || o).palette[
|
|
132
|
-
},
|
|
129
|
+
}, a.variant === "contained" && a.color !== "inherit" && {
|
|
130
|
+
color: (o.vars || o).palette[a.color].contrastText,
|
|
131
|
+
backgroundColor: (o.vars || o).palette[a.color].main
|
|
132
|
+
}, a.color === "inherit" && {
|
|
133
133
|
color: "inherit",
|
|
134
134
|
borderColor: "currentColor"
|
|
135
|
-
},
|
|
135
|
+
}, a.size === "small" && a.variant === "text" && {
|
|
136
136
|
padding: "4px 5px",
|
|
137
137
|
fontSize: o.typography.pxToRem(13)
|
|
138
|
-
},
|
|
138
|
+
}, a.size === "large" && a.variant === "text" && {
|
|
139
139
|
padding: "8px 11px",
|
|
140
140
|
fontSize: o.typography.pxToRem(15)
|
|
141
|
-
},
|
|
141
|
+
}, a.size === "small" && a.variant === "outlined" && {
|
|
142
142
|
padding: "3px 9px",
|
|
143
143
|
fontSize: o.typography.pxToRem(13)
|
|
144
|
-
},
|
|
144
|
+
}, a.size === "large" && a.variant === "outlined" && {
|
|
145
145
|
padding: "7px 21px",
|
|
146
146
|
fontSize: o.typography.pxToRem(15)
|
|
147
|
-
},
|
|
147
|
+
}, a.size === "small" && a.variant === "contained" && {
|
|
148
148
|
padding: "4px 10px",
|
|
149
149
|
fontSize: o.typography.pxToRem(13)
|
|
150
|
-
},
|
|
150
|
+
}, a.size === "large" && a.variant === "contained" && {
|
|
151
151
|
padding: "8px 22px",
|
|
152
152
|
fontSize: o.typography.pxToRem(15)
|
|
153
|
-
},
|
|
153
|
+
}, a.fullWidth && {
|
|
154
154
|
width: "100%"
|
|
155
155
|
});
|
|
156
156
|
}, ({
|
|
@@ -169,14 +169,14 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
169
169
|
[`&.${b.disabled}`]: {
|
|
170
170
|
boxShadow: "none"
|
|
171
171
|
}
|
|
172
|
-
}),
|
|
172
|
+
}), no = f("span", {
|
|
173
173
|
name: "MuiButton",
|
|
174
174
|
slot: "StartIcon",
|
|
175
|
-
overridesResolver: (o,
|
|
175
|
+
overridesResolver: (o, a) => {
|
|
176
176
|
const {
|
|
177
177
|
ownerState: i
|
|
178
178
|
} = o;
|
|
179
|
-
return [
|
|
179
|
+
return [a.startIcon, a[`iconSize${r(i.size)}`]];
|
|
180
180
|
}
|
|
181
181
|
})(({
|
|
182
182
|
ownerState: o
|
|
@@ -189,11 +189,11 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
189
189
|
}, E(o))), io = f("span", {
|
|
190
190
|
name: "MuiButton",
|
|
191
191
|
slot: "EndIcon",
|
|
192
|
-
overridesResolver: (o,
|
|
192
|
+
overridesResolver: (o, a) => {
|
|
193
193
|
const {
|
|
194
194
|
ownerState: i
|
|
195
195
|
} = o;
|
|
196
|
-
return [
|
|
196
|
+
return [a.endIcon, a[`iconSize${r(i.size)}`]];
|
|
197
197
|
}
|
|
198
198
|
})(({
|
|
199
199
|
ownerState: o
|
|
@@ -203,8 +203,8 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
203
203
|
marginLeft: 8
|
|
204
204
|
}, o.size === "small" && {
|
|
205
205
|
marginRight: -2
|
|
206
|
-
}, E(o))), O = /* @__PURE__ */ p.forwardRef(function(
|
|
207
|
-
const e = p.useContext(Y), s = p.useContext(Z), l = U(e,
|
|
206
|
+
}, E(o))), O = /* @__PURE__ */ p.forwardRef(function(a, i) {
|
|
207
|
+
const e = p.useContext(Y), s = p.useContext(Z), l = U(e, a), c = H({
|
|
208
208
|
props: l,
|
|
209
209
|
name: "MuiButton"
|
|
210
210
|
}), {
|
|
@@ -232,7 +232,7 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
232
232
|
size: M,
|
|
233
233
|
type: I,
|
|
234
234
|
variant: V
|
|
235
|
-
}), d = oo(u), L = $ && /* @__PURE__ */ m(
|
|
235
|
+
}), d = oo(u), L = $ && /* @__PURE__ */ m(no, {
|
|
236
236
|
className: d.startIcon,
|
|
237
237
|
ownerState: u,
|
|
238
238
|
children: $
|
|
@@ -241,7 +241,7 @@ const Z = N, w = ["children", "color", "component", "className", "disabled", "di
|
|
|
241
241
|
ownerState: u,
|
|
242
242
|
children: B
|
|
243
243
|
}), G = s || "";
|
|
244
|
-
return /* @__PURE__ */ J(
|
|
244
|
+
return /* @__PURE__ */ J(ao, t({
|
|
245
245
|
ownerState: u,
|
|
246
246
|
className: h(e.className, d.root, k, G),
|
|
247
247
|
component: y,
|
|
@@ -263,42 +263,42 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
|
|
|
263
263
|
/**
|
|
264
264
|
* The content of the component.
|
|
265
265
|
*/
|
|
266
|
-
children:
|
|
266
|
+
children: n.node,
|
|
267
267
|
/**
|
|
268
268
|
* Override or extend the styles applied to the component.
|
|
269
269
|
*/
|
|
270
|
-
classes:
|
|
270
|
+
classes: n.object,
|
|
271
271
|
/**
|
|
272
272
|
* @ignore
|
|
273
273
|
*/
|
|
274
|
-
className:
|
|
274
|
+
className: n.string,
|
|
275
275
|
/**
|
|
276
276
|
* The color of the component.
|
|
277
277
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
278
278
|
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
279
279
|
* @default 'primary'
|
|
280
280
|
*/
|
|
281
|
-
color:
|
|
281
|
+
color: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
|
|
282
282
|
/**
|
|
283
283
|
* The component used for the root node.
|
|
284
284
|
* Either a string to use a HTML element or a component.
|
|
285
285
|
*/
|
|
286
|
-
component:
|
|
286
|
+
component: n.elementType,
|
|
287
287
|
/**
|
|
288
288
|
* If `true`, the component is disabled.
|
|
289
289
|
* @default false
|
|
290
290
|
*/
|
|
291
|
-
disabled:
|
|
291
|
+
disabled: n.bool,
|
|
292
292
|
/**
|
|
293
293
|
* If `true`, no elevation is used.
|
|
294
294
|
* @default false
|
|
295
295
|
*/
|
|
296
|
-
disableElevation:
|
|
296
|
+
disableElevation: n.bool,
|
|
297
297
|
/**
|
|
298
298
|
* If `true`, the keyboard focus ripple is disabled.
|
|
299
299
|
* @default false
|
|
300
300
|
*/
|
|
301
|
-
disableFocusRipple:
|
|
301
|
+
disableFocusRipple: n.bool,
|
|
302
302
|
/**
|
|
303
303
|
* If `true`, the ripple effect is disabled.
|
|
304
304
|
*
|
|
@@ -306,50 +306,51 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
|
|
|
306
306
|
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
307
307
|
* @default false
|
|
308
308
|
*/
|
|
309
|
-
disableRipple:
|
|
309
|
+
disableRipple: n.bool,
|
|
310
310
|
/**
|
|
311
311
|
* Element placed after the children.
|
|
312
312
|
*/
|
|
313
|
-
endIcon:
|
|
313
|
+
endIcon: n.node,
|
|
314
314
|
/**
|
|
315
315
|
* @ignore
|
|
316
316
|
*/
|
|
317
|
-
focusVisibleClassName:
|
|
317
|
+
focusVisibleClassName: n.string,
|
|
318
318
|
/**
|
|
319
319
|
* If `true`, the button will take up the full width of its container.
|
|
320
320
|
* @default false
|
|
321
321
|
*/
|
|
322
|
-
fullWidth:
|
|
322
|
+
fullWidth: n.bool,
|
|
323
323
|
/**
|
|
324
324
|
* The URL to link to when the button is clicked.
|
|
325
325
|
* If defined, an `a` element will be used as the root node.
|
|
326
326
|
*/
|
|
327
|
-
href:
|
|
327
|
+
href: n.string,
|
|
328
328
|
/**
|
|
329
329
|
* The size of the component.
|
|
330
330
|
* `small` is equivalent to the dense button styling.
|
|
331
331
|
* @default 'medium'
|
|
332
332
|
*/
|
|
333
|
-
size:
|
|
333
|
+
size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
|
|
334
334
|
/**
|
|
335
335
|
* Element placed before the children.
|
|
336
336
|
*/
|
|
337
|
-
startIcon:
|
|
337
|
+
startIcon: n.node,
|
|
338
338
|
/**
|
|
339
339
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
340
340
|
*/
|
|
341
|
-
sx:
|
|
341
|
+
sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
|
|
342
342
|
/**
|
|
343
343
|
* @ignore
|
|
344
344
|
*/
|
|
345
|
-
type:
|
|
345
|
+
type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
|
|
346
346
|
/**
|
|
347
347
|
* The variant to use.
|
|
348
348
|
* @default 'text'
|
|
349
349
|
*/
|
|
350
|
-
variant:
|
|
350
|
+
variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
|
|
351
351
|
});
|
|
352
352
|
const eo = O;
|
|
353
353
|
export {
|
|
354
|
-
eo as B
|
|
354
|
+
eo as B,
|
|
355
|
+
Y as a
|
|
355
356
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),S=require("react"),e=require("../../useThemeProps-Aqe6oH65.cjs"),C=require("../../useTheme-BzgwMQvX.cjs"),V=require("../../extendSxProp-LEI89AMt.cjs"),P=require("../../Button-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),S=require("react"),e=require("../../useThemeProps-Aqe6oH65.cjs"),C=require("../../useTheme-BzgwMQvX.cjs"),V=require("../../extendSxProp-LEI89AMt.cjs"),P=require("../../Button-SIJ4Bf0n.cjs");function R(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=R(S),D=e.createStyled(),N=["component","direction","spacing","divider","children","className","useFlexGap"],_=e.createTheme(),q=D("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function w(o){return e.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:_})}function E(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((t,i,p)=>(t.push(i),p<s.length-1&&t.push(f.cloneElement(r,{key:`separator-${p}`})),t),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],M=({ownerState:o,theme:r})=>{let s=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),t=>({flexDirection:t})));if(o.spacing){const t=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((n,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(n[c]=!0),n),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),l=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((n,c,y)=>{if(!p[n]){const T=c>0?p[y[c-1]]:"column";p[n]=T}});const u=(n,c)=>o.useFlexGap?{gap:e.getValue(t,n)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(c?p[c]:o.direction)}`]:e.getValue(t,n)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},l,u))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function G(o={}){const{createStyledComponent:r=q,useThemeProps:s=w,componentName:t="MuiStack"}=o,i=()=>{const u={root:["root"]};return e.composeClasses(u,n=>e.generateUtilityClass(t,n),{})},p=r(M),l=f.forwardRef(function(n,c){const y=s(n),d=V.extendSxProp(y),{component:T="div",direction:b="column",spacing:O=0,divider:m,children:v,className:h,useFlexGap:j=!1}=d,x=e._objectWithoutPropertiesLoose(d,N),k={direction:b,spacing:O,useFlexGap:j},B=i();return a.jsx(p,e._extends({as:T,ownerState:k,ref:c,className:e.clsx(B.root,h)},x,{children:m?E(v,m):v}))});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),l}const g=G({createStyledComponent:e.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>e.useThemeProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});const $=g,U=e.styled("button")(({theme:o})=>({backgroundColor:o.palette.primary.main})),A=()=>{const o=C.useTheme();return a.jsxs($,{spacing:2,direction:"row",children:[a.jsx(U,{children:"Styled"}),a.jsx(P.Button,{variant:"text",style:{backgroundColor:o.palette.primary.main},children:"Text"}),a.jsx(P.Button,{variant:"contained",children:"Contained"}),a.jsx(P.Button,{variant:"outlined",children:"Outlined"})]})};module.exports=A;
|
|
@@ -3,7 +3,7 @@ import * as v from "react";
|
|
|
3
3
|
import { j as F, P as e, k as E, a as k, l as O, m as f, n as _, c as w, o as G, _ as M, h as $, p as U, e as A, b as L, q as T, s as j, u as q } from "../../useThemeProps-Dkkbtzcg.js";
|
|
4
4
|
import { u as I } from "../../useTheme-D1_U7jx5.js";
|
|
5
5
|
import { e as W } from "../../extendSxProp-DzGZiKZk.js";
|
|
6
|
-
import { B as y } from "../../Button-
|
|
6
|
+
import { B as y } from "../../Button-xyS1Nr3h.js";
|
|
7
7
|
const z = F(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], J = E(), K = z("div", {
|
|
8
8
|
name: "MuiStack",
|
|
9
9
|
slot: "Root",
|
|
@@ -1 +1,28 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),E=require("react"),L=require("./DefaultButtonIcon.cjs.js"),t=require("../../../useThemeProps-Aqe6oH65.cjs"),O=require("../../../Button-SIJ4Bf0n.cjs"),S=require("../../../useId-Cw0TtD-8.cjs"),R=require("../../../useForkRef-YQvz-OME.cjs"),x=require("@emotion/react"),z=require("../../../useTheme-BzgwMQvX.cjs");function N(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>o[n]})}}return e.default=o,Object.freeze(e)}const k=N(E);function U(o){return t.generateUtilityClass("MuiCircularProgress",o)}t.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const q=["className","color","disableShrink","size","style","thickness","value","variant"];let I=o=>o,$,_,j,B;const p=44,W=x.keyframes($||($=I`
|
|
2
|
+
0% {
|
|
3
|
+
transform: rotate(0deg);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
100% {
|
|
7
|
+
transform: rotate(360deg);
|
|
8
|
+
}
|
|
9
|
+
`)),w=x.keyframes(_||(_=I`
|
|
10
|
+
0% {
|
|
11
|
+
stroke-dasharray: 1px, 200px;
|
|
12
|
+
stroke-dashoffset: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
50% {
|
|
16
|
+
stroke-dasharray: 100px, 200px;
|
|
17
|
+
stroke-dashoffset: -15px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
100% {
|
|
21
|
+
stroke-dasharray: 100px, 200px;
|
|
22
|
+
stroke-dashoffset: -125px;
|
|
23
|
+
}
|
|
24
|
+
`)),F=o=>{const{classes:e,variant:n,color:r,disableShrink:i}=o,s={root:["root",n,`color${t.capitalize(r)}`],svg:["svg"],circle:["circle",`circle${t.capitalize(n)}`,i&&"circleDisableShrink"]};return t.composeClasses(s,U,e)},G=t.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.root,e[n.variant],e[`color${t.capitalize(n.color)}`]]}})(({ownerState:o,theme:e})=>t._extends({display:"inline-block"},o.variant==="determinate"&&{transition:e.transitions.create("transform")},o.color!=="inherit"&&{color:(e.vars||e).palette[o.color].main}),({ownerState:o})=>o.variant==="indeterminate"&&x.css(j||(j=I`
|
|
25
|
+
animation: ${0} 1.4s linear infinite;
|
|
26
|
+
`),W)),V=t.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(o,e)=>e.svg})({display:"block"}),K=t.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.circle,e[`circle${t.capitalize(n.variant)}`],n.disableShrink&&e.circleDisableShrink]}})(({ownerState:o,theme:e})=>t._extends({stroke:"currentColor"},o.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},o.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:o})=>o.variant==="indeterminate"&&!o.disableShrink&&x.css(B||(B=I`
|
|
27
|
+
animation: ${0} 1.4s ease-in-out infinite;
|
|
28
|
+
`),w)),M=k.forwardRef(function(e,n){const r=t.useThemeProps({props:e,name:"MuiCircularProgress"}),{className:i,color:s="primary",disableShrink:v=!1,size:u=40,style:C,thickness:c=3.6,value:g=0,variant:b="indeterminate"}=r,T=t._objectWithoutPropertiesLoose(r,q),y=t._extends({},r,{color:s,disableShrink:v,size:u,thickness:c,value:g,variant:b}),P=F(y),f={},d={},h={};if(b==="determinate"){const m=2*Math.PI*((p-c)/2);f.strokeDasharray=m.toFixed(3),h["aria-valuenow"]=Math.round(g),f.strokeDashoffset=`${((100-g)/100*m).toFixed(3)}px`,d.transform="rotate(-90deg)"}return l.jsx(G,t._extends({className:t.clsx(P.root,i),style:t._extends({width:u,height:u},d,C),ownerState:y,ref:n,role:"progressbar"},h,T,{children:l.jsx(V,{className:P.svg,ownerState:y,viewBox:`${p/2} ${p/2} ${p} ${p}`,children:l.jsx(K,{className:P.circle,style:f,ownerState:y,cx:p,cy:p,r:(p-c)/2,fill:"none",strokeWidth:c})})}))});process.env.NODE_ENV!=="production"&&(M.propTypes={classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),disableShrink:R.chainPropTypes(t.PropTypes.bool,o=>o.disableShrink&&o.variant&&o.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),style:t.PropTypes.object,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]),thickness:t.PropTypes.number,value:t.PropTypes.number,variant:t.PropTypes.oneOf(["determinate","indeterminate"])});const H=M;function Y(o){return t.generateUtilityClass("MuiLoadingButton",o)}const Z=t.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),a=Z,A=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],J=o=>{const{loading:e,loadingPosition:n,classes:r}=o,i={root:["root",e&&"loading"],startIcon:[e&&`startIconLoading${t.capitalize(n)}`],endIcon:[e&&`endIconLoading${t.capitalize(n)}`],loadingIndicator:["loadingIndicator",e&&`loadingIndicator${t.capitalize(n)}`]},s=t.composeClasses(i,Y,r);return t._extends({},r,s)},Q=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",X=t.styled(O.Button,{shouldForwardProp:o=>Q(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,e)=>[e.root,e.startIconLoadingStart&&{[`& .${a.startIconLoadingStart}`]:e.startIconLoadingStart},e.endIconLoadingEnd&&{[`& .${a.endIconLoadingEnd}`]:e.endIconLoadingEnd}]})(({ownerState:o,theme:e})=>t._extends({[`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]:{transition:e.transitions.create(["opacity"],{duration:e.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:e.transitions.create(["background-color","box-shadow","border-color"],{duration:e.transitions.duration.short}),[`&.${a.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]:{transition:e.transitions.create(["opacity"],{duration:e.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]:{transition:e.transitions.create(["opacity"],{duration:e.transitions.duration.short}),opacity:0,marginLeft:-8}})),oo=t.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.loadingIndicator,e[`loadingIndicator${t.capitalize(n.loadingPosition)}`]]}})(({theme:o,ownerState:e})=>t._extends({position:"absolute",visibility:"visible",display:"flex"},e.loadingPosition==="start"&&(e.variant==="outlined"||e.variant==="contained")&&{left:e.size==="small"?10:14},e.loadingPosition==="start"&&e.variant==="text"&&{left:6},e.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},e.loadingPosition==="end"&&(e.variant==="outlined"||e.variant==="contained")&&{right:e.size==="small"?10:14},e.loadingPosition==="end"&&e.variant==="text"&&{right:6},e.loadingPosition==="start"&&e.fullWidth&&{position:"relative",left:-10},e.loadingPosition==="end"&&e.fullWidth&&{position:"relative",right:-10})),D=k.forwardRef(function(e,n){const r=k.useContext(O.ButtonGroupContext),i=t.resolveProps(r,e),s=t.useThemeProps({props:i,name:"MuiLoadingButton"}),{children:v,disabled:u=!1,id:C,loading:c=!1,loadingIndicator:g,loadingPosition:b="center",variant:T="text"}=s,y=t._objectWithoutPropertiesLoose(s,A),P=S.useId(C),f=g??l.jsx(H,{"aria-labelledby":P,color:"inherit",size:16}),d=t._extends({},s,{disabled:u,loading:c,loadingIndicator:f,loadingPosition:b,variant:T}),h=J(d),m=c?l.jsx(oo,{className:h.loadingIndicator,ownerState:d,children:f}):null;return l.jsxs(X,t._extends({disabled:u||c,id:P,ref:n},y,{variant:T,classes:h,ownerState:d,children:[d.loadingPosition==="end"?v:m,d.loadingPosition==="end"?m:v]}))});process.env.NODE_ENV!=="production"&&(D.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:R.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 to=D,eo=t.styled(to,{shouldForwardProp:o=>o!=="contentColor"&&o!=="hoverColor"})(({contentColor:o,hoverColor:e,theme:n})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,"&:hover":{color:n.palette.common.white,backgroundColor:e,borderColor:e,borderWidth:2}})),no=({icon:o,text:e,...n})=>{const r=z.useTheme(),i=n.contentColor??r.palette.primary.main;return l.jsxs(eo,{...n,variant:"outlined",contentColor:i,hoverColor:n.hoverColor??i,children:[(o==null?void 0:o.position)==="left"?l.jsx(L,{...o}):null,e,(o==null?void 0:o.position)==="right"?l.jsx(L,{...o}):null]})};module.exports=no;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type LoadingButtonProps } from "@mui/lab/LoadingButton";
|
|
2
2
|
import { DefaultButtonIconProps } from "./DefaultButtonIcon";
|
|
3
|
-
export interface DefaultButtonProps extends Omit<
|
|
3
|
+
export interface DefaultButtonProps extends Omit<LoadingButtonProps, "color"> {
|
|
4
4
|
contentColor?: string;
|
|
5
|
-
|
|
5
|
+
hoverColor?: string;
|
|
6
|
+
icon?: DefaultButtonIconProps;
|
|
6
7
|
text?: string;
|
|
7
8
|
}
|
|
8
9
|
export interface StyledButtonProps {
|
|
9
10
|
contentColor: string;
|
|
11
|
+
hoverColor: string;
|
|
10
12
|
}
|
|
11
13
|
declare const DefaultButton: React.FunctionComponent<DefaultButtonProps>;
|
|
12
14
|
export default DefaultButton;
|