@solostylist/ui-kit 1.0.59 → 1.0.60
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/{Box-DuNveqKq.js → Box-59IuS_L5.js} +13 -12
- package/dist/{Close-Dc2lVwnr.js → Close-je3Um4HX.js} +1 -1
- package/dist/{HelpOutlineOutlined-BAjVLccf.js → HelpOutlineOutlined-KaKitLEg.js} +1 -1
- package/dist/{Menu-CFtdt9_b.js → Menu-BryWw38A.js} +45 -42
- package/dist/{MenuItem-Bqce0qet.js → MenuItem-C960l-k0.js} +7 -6
- package/dist/{Select-D539S2ky.js → Select-Dn200g2G.js} +8 -7
- package/dist/{Stack-CG6wicnq.js → Stack-pbzhmSem.js} +3 -3
- package/dist/TransitionGroup-SMeOIin5.js +197 -0
- package/dist/{Typography-Bj_bEcQU.js → Typography-TjZNaHX9.js} +4 -4
- package/dist/{buttonBaseClasses-2-g8E4KG.js → buttonBaseClasses-CZ6KQy34.js} +1 -1
- package/dist/{chipClasses-DKfDKFnh.js → chipClasses-C2-PvwSn.js} +1 -1
- package/dist/{createSvgIcon-ChpOI-a_.js → createSvgIcon-BeTgaSim.js} +180 -216
- package/dist/defaultTheme-kN8jLC95.js +42 -0
- package/dist/{identifier-9JFYVRsR.js → generateUtilityClasses-CTfRViuv.js} +25 -41
- package/dist/{iconButtonClasses-Ba5VdL62.js → iconButtonClasses-Bjc802it.js} +1 -1
- package/dist/identifier-CGgVMHib.js +18 -0
- package/dist/{index-Cuc5JxMf.js → index-CUjJ3gl6.js} +4 -4
- package/dist/main.d.ts +4 -2
- package/dist/main.js +30 -27
- package/dist/objectWithoutPropertiesLoose-DiWPeE4c.js +22 -0
- package/dist/{outlinedInputClasses-MXXlnR_X.js → outlinedInputClasses-CBivYvoh.js} +1 -1
- package/dist/s-data-table/s-data-table.js +20 -19
- package/dist/s-date-picker/index.d.ts +2 -0
- package/dist/s-date-picker/index.js +4 -0
- package/dist/s-date-picker/package.json +5 -0
- package/dist/s-date-picker/s-date-picker.d.ts +11 -0
- package/dist/s-date-picker/s-date-picker.js +1483 -0
- package/dist/s-datetime-picker/index.d.ts +0 -2
- package/dist/s-datetime-picker/index.js +2 -3
- package/dist/s-datetime-picker/s-datetime-picker.d.ts +0 -4
- package/dist/s-datetime-picker/s-datetime-picker.js +3062 -16677
- package/dist/s-dialog/s-dialog.js +1 -1
- package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
- package/dist/s-dialog-message/s-dialog-message.js +2 -2
- package/dist/s-file-dropzone/s-file-dropzone.js +4 -4
- package/dist/s-file-icon/s-file-icon.js +1 -1
- package/dist/s-form/s-form.js +1 -1
- package/dist/s-label/s-label.js +1 -1
- package/dist/s-localization-provider/index.d.ts +2 -0
- package/dist/s-localization-provider/index.js +4 -0
- package/dist/s-localization-provider/package.json +5 -0
- package/dist/s-localization-provider/s-localization-provider.d.ts +5 -0
- package/dist/s-localization-provider/s-localization-provider.js +481 -0
- package/dist/s-multi-select/s-multi-select.js +3 -3
- package/dist/s-smart-text-field/s-smart-text-field.js +15 -14
- package/dist/s-text-editor/s-text-editor-toolbar.js +4 -4
- package/dist/s-text-editor/s-text-editor.js +1 -1
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/{tabClasses-BM7nwRzw.js → tabClasses-ENprUfJ-.js} +1 -1
- package/dist/theme/components/avatar.js +1 -1
- package/dist/theme/customizations/data-display.js +6 -6
- package/dist/theme/customizations/inputs.js +3 -3
- package/dist/theme/customizations/navigation.js +2 -2
- package/dist/{typographyClasses-D511Gj84.js → typographyClasses-DiFekpbX.js} +1 -1
- package/dist/useMobilePicker-DV2vFPGZ.js +13121 -0
- package/dist/{useSlot-Dje0rInB.js → useSlot-Cciih_p6.js} +13 -12
- package/dist/{useThemeProps-kZjTQ980.js → useThemeProps-hdzu913B.js} +1 -1
- package/dist/warning-BeMCQpXj.js +135 -0
- package/package.json +1 -1
- package/dist/TransitionGroup-BCkqyHLn.js +0 -216
|
@@ -1,107 +1,109 @@
|
|
|
1
1
|
import * as z from "react";
|
|
2
2
|
import { j as D } from "./jsx-runtime-C5mzlN2N.js";
|
|
3
|
-
import { l as
|
|
4
|
-
import {
|
|
5
|
-
|
|
3
|
+
import { l as M, e as Y, s as B, i as Z, c as P, P as s, g as ee } from "./createTheme-CozHbEju.js";
|
|
4
|
+
import { T as te, c as ne } from "./identifier-CGgVMHib.js";
|
|
5
|
+
import { i as L, a as oe, s as re, g as se } from "./generateUtilityClasses-CTfRViuv.js";
|
|
6
|
+
import { r as U, d as ie } from "./defaultTheme-kN8jLC95.js";
|
|
7
|
+
function ae(e, n, t = void 0) {
|
|
6
8
|
const o = {};
|
|
7
|
-
for (const
|
|
8
|
-
const
|
|
9
|
-
let
|
|
10
|
-
for (let
|
|
11
|
-
const l =
|
|
12
|
-
l && (
|
|
9
|
+
for (const r in e) {
|
|
10
|
+
const a = e[r];
|
|
11
|
+
let c = "", i = !0;
|
|
12
|
+
for (let p = 0; p < a.length; p += 1) {
|
|
13
|
+
const l = a[p];
|
|
14
|
+
l && (c += (i === !0 ? "" : " ") + n(l), i = !1, t && t[l] && (c += " " + t[l]));
|
|
13
15
|
}
|
|
14
|
-
o[
|
|
16
|
+
o[r] = c;
|
|
15
17
|
}
|
|
16
18
|
return o;
|
|
17
19
|
}
|
|
18
|
-
function
|
|
20
|
+
function K(e, n = "") {
|
|
19
21
|
return e.displayName || e.name || n;
|
|
20
22
|
}
|
|
21
23
|
function H(e, n, t) {
|
|
22
|
-
const o =
|
|
24
|
+
const o = K(n);
|
|
23
25
|
return e.displayName || (o !== "" ? `${t}(${o})` : t);
|
|
24
26
|
}
|
|
25
|
-
function
|
|
27
|
+
function ce(e) {
|
|
26
28
|
if (e != null) {
|
|
27
29
|
if (typeof e == "string")
|
|
28
30
|
return e;
|
|
29
31
|
if (typeof e == "function")
|
|
30
|
-
return
|
|
32
|
+
return K(e, "Component");
|
|
31
33
|
if (typeof e == "object")
|
|
32
34
|
switch (e.$$typeof) {
|
|
33
|
-
case
|
|
35
|
+
case M.ForwardRef:
|
|
34
36
|
return H(e, e.render, "ForwardRef");
|
|
35
|
-
case
|
|
37
|
+
case M.Memo:
|
|
36
38
|
return H(e, e.type, "memo");
|
|
37
39
|
default:
|
|
38
40
|
return;
|
|
39
41
|
}
|
|
40
42
|
}
|
|
41
43
|
}
|
|
42
|
-
function
|
|
44
|
+
function W(e) {
|
|
43
45
|
const {
|
|
44
46
|
variants: n,
|
|
45
47
|
...t
|
|
46
48
|
} = e, o = {
|
|
47
49
|
variants: n,
|
|
48
|
-
style:
|
|
50
|
+
style: L(t),
|
|
49
51
|
isProcessed: !0
|
|
50
52
|
};
|
|
51
|
-
return o.style === t || n && n.forEach((
|
|
52
|
-
typeof
|
|
53
|
+
return o.style === t || n && n.forEach((r) => {
|
|
54
|
+
typeof r.style != "function" && (r.style = L(r.style));
|
|
53
55
|
}), o;
|
|
54
56
|
}
|
|
55
|
-
const le =
|
|
56
|
-
function
|
|
57
|
+
const le = Y();
|
|
58
|
+
function j(e) {
|
|
57
59
|
return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
|
|
58
60
|
}
|
|
59
|
-
function
|
|
61
|
+
function ue(e) {
|
|
60
62
|
return e ? (n, t) => t[e] : null;
|
|
61
63
|
}
|
|
62
|
-
function
|
|
63
|
-
e.theme =
|
|
64
|
+
function fe(e, n, t) {
|
|
65
|
+
e.theme = ye(e.theme) ? t : e.theme[n] || e.theme;
|
|
64
66
|
}
|
|
65
|
-
function
|
|
67
|
+
function V(e, n) {
|
|
66
68
|
const t = typeof n == "function" ? n(e) : n;
|
|
67
69
|
if (Array.isArray(t))
|
|
68
|
-
return t.flatMap((o) =>
|
|
70
|
+
return t.flatMap((o) => V(e, o));
|
|
69
71
|
if (Array.isArray(t == null ? void 0 : t.variants)) {
|
|
70
72
|
let o;
|
|
71
73
|
if (t.isProcessed)
|
|
72
74
|
o = t.style;
|
|
73
75
|
else {
|
|
74
76
|
const {
|
|
75
|
-
variants:
|
|
76
|
-
...
|
|
77
|
+
variants: r,
|
|
78
|
+
...a
|
|
77
79
|
} = t;
|
|
78
|
-
o =
|
|
80
|
+
o = a;
|
|
79
81
|
}
|
|
80
|
-
return
|
|
82
|
+
return G(e, t.variants, [o]);
|
|
81
83
|
}
|
|
82
84
|
return t != null && t.isProcessed ? t.style : t;
|
|
83
85
|
}
|
|
84
|
-
function
|
|
85
|
-
var
|
|
86
|
+
function G(e, n, t = []) {
|
|
87
|
+
var r;
|
|
86
88
|
let o;
|
|
87
|
-
e: for (let
|
|
88
|
-
const
|
|
89
|
-
if (typeof
|
|
89
|
+
e: for (let a = 0; a < n.length; a += 1) {
|
|
90
|
+
const c = n[a];
|
|
91
|
+
if (typeof c.props == "function") {
|
|
90
92
|
if (o ?? (o = {
|
|
91
93
|
...e,
|
|
92
94
|
...e.ownerState,
|
|
93
95
|
ownerState: e.ownerState
|
|
94
|
-
}), !
|
|
96
|
+
}), !c.props(o))
|
|
95
97
|
continue;
|
|
96
98
|
} else
|
|
97
|
-
for (const i in
|
|
98
|
-
if (e[i] !==
|
|
99
|
+
for (const i in c.props)
|
|
100
|
+
if (e[i] !== c.props[i] && ((r = e.ownerState) == null ? void 0 : r[i]) !== c.props[i])
|
|
99
101
|
continue e;
|
|
100
|
-
typeof
|
|
102
|
+
typeof c.style == "function" ? (o ?? (o = {
|
|
101
103
|
...e,
|
|
102
104
|
...e.ownerState,
|
|
103
105
|
ownerState: e.ownerState
|
|
104
|
-
}), t.push(
|
|
106
|
+
}), t.push(c.style(o))) : t.push(c.style);
|
|
105
107
|
}
|
|
106
108
|
return t;
|
|
107
109
|
}
|
|
@@ -109,132 +111,97 @@ function de(e = {}) {
|
|
|
109
111
|
const {
|
|
110
112
|
themeId: n,
|
|
111
113
|
defaultTheme: t = le,
|
|
112
|
-
rootShouldForwardProp: o =
|
|
113
|
-
slotShouldForwardProp:
|
|
114
|
+
rootShouldForwardProp: o = j,
|
|
115
|
+
slotShouldForwardProp: r = j
|
|
114
116
|
} = e;
|
|
115
|
-
function
|
|
116
|
-
|
|
117
|
+
function a(i) {
|
|
118
|
+
fe(i, n, t);
|
|
117
119
|
}
|
|
118
|
-
return (i,
|
|
119
|
-
oe(i, (
|
|
120
|
+
return (i, p = {}) => {
|
|
121
|
+
oe(i, (d) => d.filter((m) => m !== B));
|
|
120
122
|
const {
|
|
121
123
|
name: l,
|
|
122
|
-
slot:
|
|
123
|
-
skipVariantsResolver:
|
|
124
|
+
slot: u,
|
|
125
|
+
skipVariantsResolver: y,
|
|
124
126
|
skipSx: w,
|
|
125
127
|
// TODO v6: remove `lowercaseFirstLetter()` in the next major release
|
|
126
128
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
127
|
-
overridesResolver:
|
|
129
|
+
overridesResolver: x = ue(J(u)),
|
|
128
130
|
...g
|
|
129
|
-
} =
|
|
131
|
+
} = p, f = y !== void 0 ? y : (
|
|
130
132
|
// TODO v6: remove `Root` in the next major release
|
|
131
133
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
132
|
-
|
|
133
|
-
),
|
|
134
|
-
let S =
|
|
135
|
-
|
|
136
|
-
const
|
|
134
|
+
u && u !== "Root" && u !== "root" || !1
|
|
135
|
+
), N = w || !1;
|
|
136
|
+
let S = j;
|
|
137
|
+
u === "Root" || u === "root" ? S = o : u ? S = r : he(i) && (S = void 0);
|
|
138
|
+
const A = re(i, {
|
|
137
139
|
shouldForwardProp: S,
|
|
138
|
-
label:
|
|
140
|
+
label: pe(l, u),
|
|
139
141
|
...g
|
|
140
|
-
}),
|
|
141
|
-
if (
|
|
142
|
-
return
|
|
143
|
-
if (typeof
|
|
142
|
+
}), Q = (d) => {
|
|
143
|
+
if (d.__emotion_real === d)
|
|
144
|
+
return d;
|
|
145
|
+
if (typeof d == "function")
|
|
144
146
|
return function(b) {
|
|
145
|
-
return
|
|
147
|
+
return V(b, d);
|
|
146
148
|
};
|
|
147
|
-
if (
|
|
148
|
-
const
|
|
149
|
-
return
|
|
150
|
-
return
|
|
151
|
-
} :
|
|
149
|
+
if (Z(d)) {
|
|
150
|
+
const m = W(d);
|
|
151
|
+
return m.variants ? function(T) {
|
|
152
|
+
return V(T, m);
|
|
153
|
+
} : m.style;
|
|
152
154
|
}
|
|
153
|
-
return
|
|
154
|
-
},
|
|
155
|
-
const
|
|
156
|
-
if (
|
|
155
|
+
return d;
|
|
156
|
+
}, F = (...d) => {
|
|
157
|
+
const m = [], b = d.map(Q), T = [];
|
|
158
|
+
if (m.push(a), l && x && T.push(function(v) {
|
|
157
159
|
var E, C;
|
|
158
|
-
const
|
|
159
|
-
if (!
|
|
160
|
+
const h = (C = (E = v.theme.components) == null ? void 0 : E[l]) == null ? void 0 : C.styleOverrides;
|
|
161
|
+
if (!h)
|
|
160
162
|
return null;
|
|
161
163
|
const R = {};
|
|
162
|
-
for (const
|
|
163
|
-
R[
|
|
164
|
-
return
|
|
165
|
-
}), l && !
|
|
164
|
+
for (const k in h)
|
|
165
|
+
R[k] = V(v, h[k]);
|
|
166
|
+
return x(v, R);
|
|
167
|
+
}), l && !f && T.push(function(v) {
|
|
166
168
|
var R, E;
|
|
167
|
-
const
|
|
168
|
-
return
|
|
169
|
-
}),
|
|
170
|
-
const
|
|
171
|
-
let
|
|
172
|
-
|
|
169
|
+
const O = v.theme, h = (E = (R = O == null ? void 0 : O.components) == null ? void 0 : R[l]) == null ? void 0 : E.variants;
|
|
170
|
+
return h ? G(v, h) : null;
|
|
171
|
+
}), N || T.push(B), Array.isArray(b[0])) {
|
|
172
|
+
const I = b.shift(), v = new Array(m.length).fill(""), O = new Array(T.length).fill("");
|
|
173
|
+
let h;
|
|
174
|
+
h = [...v, ...I, ...O], h.raw = [...v, ...I.raw, ...O], m.unshift(h);
|
|
173
175
|
}
|
|
174
|
-
const
|
|
175
|
-
return i.muiName && (
|
|
176
|
+
const X = [...m, ...b, ...T], _ = A(...X);
|
|
177
|
+
return i.muiName && (_.muiName = i.muiName), process.env.NODE_ENV !== "production" && (_.displayName = me(l, u, i)), _;
|
|
176
178
|
};
|
|
177
|
-
return
|
|
179
|
+
return A.withConfig && (F.withConfig = A.withConfig), F;
|
|
178
180
|
};
|
|
179
181
|
}
|
|
180
182
|
function me(e, n, t) {
|
|
181
|
-
return e ? `${e}${
|
|
183
|
+
return e ? `${e}${P(n || "")}` : `Styled(${ce(t)})`;
|
|
182
184
|
}
|
|
183
|
-
function
|
|
185
|
+
function pe(e, n) {
|
|
184
186
|
let t;
|
|
185
|
-
return process.env.NODE_ENV !== "production" && e && (t = `${e}-${
|
|
187
|
+
return process.env.NODE_ENV !== "production" && e && (t = `${e}-${J(n || "Root")}`), t;
|
|
186
188
|
}
|
|
187
|
-
function
|
|
189
|
+
function ye(e) {
|
|
188
190
|
for (const n in e)
|
|
189
191
|
return !1;
|
|
190
192
|
return !0;
|
|
191
193
|
}
|
|
192
|
-
function
|
|
194
|
+
function he(e) {
|
|
193
195
|
return typeof e == "string" && // 96 is one less than the char code
|
|
194
196
|
// for "a" so this is checking that
|
|
195
197
|
// it's a lowercase character
|
|
196
198
|
e.charCodeAt(0) > 96;
|
|
197
199
|
}
|
|
198
|
-
function
|
|
200
|
+
function J(e) {
|
|
199
201
|
return e && e.charAt(0).toLowerCase() + e.slice(1);
|
|
200
202
|
}
|
|
201
|
-
function F(e, n, t = !1) {
|
|
202
|
-
const o = {
|
|
203
|
-
...n
|
|
204
|
-
};
|
|
205
|
-
for (const s in e)
|
|
206
|
-
if (Object.prototype.hasOwnProperty.call(e, s)) {
|
|
207
|
-
const r = s;
|
|
208
|
-
if (r === "components" || r === "slots")
|
|
209
|
-
o[r] = {
|
|
210
|
-
...e[r],
|
|
211
|
-
...o[r]
|
|
212
|
-
};
|
|
213
|
-
else if (r === "componentsProps" || r === "slotProps") {
|
|
214
|
-
const a = e[r], i = n[r];
|
|
215
|
-
if (!i)
|
|
216
|
-
o[r] = a || {};
|
|
217
|
-
else if (!a)
|
|
218
|
-
o[r] = i;
|
|
219
|
-
else {
|
|
220
|
-
o[r] = {
|
|
221
|
-
...i
|
|
222
|
-
};
|
|
223
|
-
for (const u in a)
|
|
224
|
-
if (Object.prototype.hasOwnProperty.call(a, u)) {
|
|
225
|
-
const l = u;
|
|
226
|
-
o[r][l] = F(a[l], i[l], t);
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
} else r === "className" && t && n.className ? o.className = q(e == null ? void 0 : e.className, n == null ? void 0 : n.className) : r === "style" && t && n.style ? o.style = {
|
|
230
|
-
...e == null ? void 0 : e.style,
|
|
231
|
-
...n == null ? void 0 : n.style
|
|
232
|
-
} : o[r] === void 0 && (o[r] = e[r]);
|
|
233
|
-
}
|
|
234
|
-
return o;
|
|
235
|
-
}
|
|
236
203
|
const Se = /* @__PURE__ */ z.createContext(void 0);
|
|
237
|
-
process.env.NODE_ENV !== "production" && (
|
|
204
|
+
process.env.NODE_ENV !== "production" && (s.node, s.object);
|
|
238
205
|
function ve(e) {
|
|
239
206
|
const {
|
|
240
207
|
theme: n,
|
|
@@ -243,8 +210,8 @@ function ve(e) {
|
|
|
243
210
|
} = e;
|
|
244
211
|
if (!n || !n.components || !n.components[t])
|
|
245
212
|
return o;
|
|
246
|
-
const
|
|
247
|
-
return
|
|
213
|
+
const r = n.components[t];
|
|
214
|
+
return r.defaultProps ? U(r.defaultProps, o) : !r.styleOverrides && !r.variants ? U(r, o) : o;
|
|
248
215
|
}
|
|
249
216
|
function ge({
|
|
250
217
|
props: e,
|
|
@@ -259,66 +226,65 @@ function ge({
|
|
|
259
226
|
}
|
|
260
227
|
});
|
|
261
228
|
}
|
|
262
|
-
const
|
|
229
|
+
const q = {
|
|
263
230
|
theme: void 0
|
|
264
231
|
};
|
|
265
232
|
function we(e) {
|
|
266
233
|
let n, t;
|
|
267
|
-
return function(
|
|
268
|
-
let
|
|
269
|
-
return (
|
|
234
|
+
return function(r) {
|
|
235
|
+
let a = n;
|
|
236
|
+
return (a === void 0 || r.theme !== t) && (q.theme = r.theme, a = W(e(q)), n = a, t = r.theme), a;
|
|
270
237
|
};
|
|
271
238
|
}
|
|
272
|
-
const Ne = te();
|
|
273
239
|
function xe(e) {
|
|
274
240
|
return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
|
|
275
241
|
}
|
|
276
|
-
const
|
|
277
|
-
themeId:
|
|
278
|
-
defaultTheme:
|
|
279
|
-
rootShouldForwardProp:
|
|
280
|
-
}),
|
|
281
|
-
process.env.NODE_ENV !== "production" && (
|
|
282
|
-
function
|
|
242
|
+
const Ne = (e) => xe(e) && e !== "classes", Te = de({
|
|
243
|
+
themeId: te,
|
|
244
|
+
defaultTheme: ie,
|
|
245
|
+
rootShouldForwardProp: Ne
|
|
246
|
+
}), Oe = we;
|
|
247
|
+
process.env.NODE_ENV !== "production" && (s.node, s.object.isRequired);
|
|
248
|
+
function be(e) {
|
|
283
249
|
return ge(e);
|
|
284
250
|
}
|
|
285
|
-
function
|
|
286
|
-
return
|
|
251
|
+
function ze(e) {
|
|
252
|
+
return ee("MuiSvgIcon", e);
|
|
287
253
|
}
|
|
288
|
-
const _e =
|
|
254
|
+
const _e = se("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]), Re = (e) => {
|
|
289
255
|
const {
|
|
290
256
|
color: n,
|
|
291
257
|
fontSize: t,
|
|
292
258
|
classes: o
|
|
293
|
-
} = e,
|
|
294
|
-
root: ["root", n !== "inherit" && `color${
|
|
259
|
+
} = e, r = {
|
|
260
|
+
root: ["root", n !== "inherit" && `color${P(n)}`, `fontSize${P(t)}`]
|
|
295
261
|
};
|
|
296
|
-
return
|
|
297
|
-
},
|
|
262
|
+
return ae(r, ze, o);
|
|
263
|
+
}, Ee = Te("svg", {
|
|
298
264
|
name: "MuiSvgIcon",
|
|
299
265
|
slot: "Root",
|
|
300
266
|
overridesResolver: (e, n) => {
|
|
301
267
|
const {
|
|
302
268
|
ownerState: t
|
|
303
269
|
} = e;
|
|
304
|
-
return [n.root, t.color !== "inherit" && n[`color${
|
|
270
|
+
return [n.root, t.color !== "inherit" && n[`color${P(t.color)}`], n[`fontSize${P(t.fontSize)}`]];
|
|
305
271
|
}
|
|
306
|
-
})(
|
|
272
|
+
})(Oe(({
|
|
307
273
|
theme: e
|
|
308
274
|
}) => {
|
|
309
|
-
var n, t, o,
|
|
275
|
+
var n, t, o, r, a, c, i, p, l, u, y, w, x, g;
|
|
310
276
|
return {
|
|
311
277
|
userSelect: "none",
|
|
312
278
|
width: "1em",
|
|
313
279
|
height: "1em",
|
|
314
280
|
display: "inline-block",
|
|
315
281
|
flexShrink: 0,
|
|
316
|
-
transition: (
|
|
282
|
+
transition: (r = (n = e.transitions) == null ? void 0 : n.create) == null ? void 0 : r.call(n, "fill", {
|
|
317
283
|
duration: (o = (t = (e.vars ?? e).transitions) == null ? void 0 : t.duration) == null ? void 0 : o.shorter
|
|
318
284
|
}),
|
|
319
285
|
variants: [
|
|
320
286
|
{
|
|
321
|
-
props: (
|
|
287
|
+
props: (f) => !f.hasSvgAsChild,
|
|
322
288
|
style: {
|
|
323
289
|
// the <svg> will define the property that has `currentColor`
|
|
324
290
|
// for example heroicons uses fill="none" and stroke="currentColor"
|
|
@@ -338,7 +304,7 @@ const _e = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAct
|
|
|
338
304
|
fontSize: "small"
|
|
339
305
|
},
|
|
340
306
|
style: {
|
|
341
|
-
fontSize: ((
|
|
307
|
+
fontSize: ((c = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : c.call(a, 20)) || "1.25rem"
|
|
342
308
|
}
|
|
343
309
|
},
|
|
344
310
|
{
|
|
@@ -346,7 +312,7 @@ const _e = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAct
|
|
|
346
312
|
fontSize: "medium"
|
|
347
313
|
},
|
|
348
314
|
style: {
|
|
349
|
-
fontSize: ((
|
|
315
|
+
fontSize: ((p = (i = e.typography) == null ? void 0 : i.pxToRem) == null ? void 0 : p.call(i, 24)) || "1.5rem"
|
|
350
316
|
}
|
|
351
317
|
},
|
|
352
318
|
{
|
|
@@ -354,18 +320,18 @@ const _e = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAct
|
|
|
354
320
|
fontSize: "large"
|
|
355
321
|
},
|
|
356
322
|
style: {
|
|
357
|
-
fontSize: ((
|
|
323
|
+
fontSize: ((u = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : u.call(l, 35)) || "2.1875rem"
|
|
358
324
|
}
|
|
359
325
|
},
|
|
360
326
|
// TODO v5 deprecate color prop, v6 remove for sx
|
|
361
|
-
...Object.entries((e.vars ?? e).palette).filter(([,
|
|
362
|
-
var
|
|
327
|
+
...Object.entries((e.vars ?? e).palette).filter(([, f]) => f && f.main).map(([f]) => {
|
|
328
|
+
var N, S;
|
|
363
329
|
return {
|
|
364
330
|
props: {
|
|
365
|
-
color:
|
|
331
|
+
color: f
|
|
366
332
|
},
|
|
367
333
|
style: {
|
|
368
|
-
color: (S = (
|
|
334
|
+
color: (S = (N = (e.vars ?? e).palette) == null ? void 0 : N[f]) == null ? void 0 : S.main
|
|
369
335
|
}
|
|
370
336
|
};
|
|
371
337
|
}),
|
|
@@ -374,7 +340,7 @@ const _e = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAct
|
|
|
374
340
|
color: "action"
|
|
375
341
|
},
|
|
376
342
|
style: {
|
|
377
|
-
color: (w = (
|
|
343
|
+
color: (w = (y = (e.vars ?? e).palette) == null ? void 0 : y.action) == null ? void 0 : w.active
|
|
378
344
|
}
|
|
379
345
|
},
|
|
380
346
|
{
|
|
@@ -382,7 +348,7 @@ const _e = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAct
|
|
|
382
348
|
color: "disabled"
|
|
383
349
|
},
|
|
384
350
|
style: {
|
|
385
|
-
color: (g = (
|
|
351
|
+
color: (g = (x = (e.vars ?? e).palette) == null ? void 0 : x.action) == null ? void 0 : g.disabled
|
|
386
352
|
}
|
|
387
353
|
},
|
|
388
354
|
{
|
|
@@ -395,51 +361,51 @@ const _e = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAct
|
|
|
395
361
|
}
|
|
396
362
|
]
|
|
397
363
|
};
|
|
398
|
-
})),
|
|
399
|
-
const o =
|
|
364
|
+
})), $ = /* @__PURE__ */ z.forwardRef(function(n, t) {
|
|
365
|
+
const o = be({
|
|
400
366
|
props: n,
|
|
401
367
|
name: "MuiSvgIcon"
|
|
402
368
|
}), {
|
|
403
|
-
children:
|
|
404
|
-
className:
|
|
405
|
-
color:
|
|
369
|
+
children: r,
|
|
370
|
+
className: a,
|
|
371
|
+
color: c = "inherit",
|
|
406
372
|
component: i = "svg",
|
|
407
|
-
fontSize:
|
|
373
|
+
fontSize: p = "medium",
|
|
408
374
|
htmlColor: l,
|
|
409
|
-
inheritViewBox:
|
|
410
|
-
titleAccess:
|
|
375
|
+
inheritViewBox: u = !1,
|
|
376
|
+
titleAccess: y,
|
|
411
377
|
viewBox: w = "0 0 24 24",
|
|
412
|
-
...
|
|
413
|
-
} = o, g = /* @__PURE__ */ z.isValidElement(
|
|
378
|
+
...x
|
|
379
|
+
} = o, g = /* @__PURE__ */ z.isValidElement(r) && r.type === "svg", f = {
|
|
414
380
|
...o,
|
|
415
|
-
color:
|
|
381
|
+
color: c,
|
|
416
382
|
component: i,
|
|
417
|
-
fontSize:
|
|
383
|
+
fontSize: p,
|
|
418
384
|
instanceFontSize: n.fontSize,
|
|
419
|
-
inheritViewBox:
|
|
385
|
+
inheritViewBox: u,
|
|
420
386
|
viewBox: w,
|
|
421
387
|
hasSvgAsChild: g
|
|
422
|
-
},
|
|
423
|
-
|
|
424
|
-
const S =
|
|
425
|
-
return /* @__PURE__ */ D.jsxs(
|
|
388
|
+
}, N = {};
|
|
389
|
+
u || (N.viewBox = w);
|
|
390
|
+
const S = Re(f);
|
|
391
|
+
return /* @__PURE__ */ D.jsxs(Ee, {
|
|
426
392
|
as: i,
|
|
427
|
-
className:
|
|
393
|
+
className: ne(S.root, a),
|
|
428
394
|
focusable: "false",
|
|
429
395
|
color: l,
|
|
430
|
-
"aria-hidden":
|
|
431
|
-
role:
|
|
396
|
+
"aria-hidden": y ? void 0 : !0,
|
|
397
|
+
role: y ? "img" : void 0,
|
|
432
398
|
ref: t,
|
|
433
|
-
...x,
|
|
434
399
|
...N,
|
|
435
|
-
...
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
400
|
+
...x,
|
|
401
|
+
...g && r.props,
|
|
402
|
+
ownerState: f,
|
|
403
|
+
children: [g ? r.props.children : r, y ? /* @__PURE__ */ D.jsx("title", {
|
|
404
|
+
children: y
|
|
439
405
|
}) : null]
|
|
440
406
|
});
|
|
441
407
|
});
|
|
442
|
-
process.env.NODE_ENV !== "production" && (
|
|
408
|
+
process.env.NODE_ENV !== "production" && ($.propTypes = {
|
|
443
409
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
444
410
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
445
411
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -447,15 +413,15 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
|
|
|
447
413
|
/**
|
|
448
414
|
* Node passed into the SVG element.
|
|
449
415
|
*/
|
|
450
|
-
children:
|
|
416
|
+
children: s.node,
|
|
451
417
|
/**
|
|
452
418
|
* Override or extend the styles applied to the component.
|
|
453
419
|
*/
|
|
454
|
-
classes:
|
|
420
|
+
classes: s.object,
|
|
455
421
|
/**
|
|
456
422
|
* @ignore
|
|
457
423
|
*/
|
|
458
|
-
className:
|
|
424
|
+
className: s.string,
|
|
459
425
|
/**
|
|
460
426
|
* The color of the component.
|
|
461
427
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
@@ -463,21 +429,21 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
|
|
|
463
429
|
* You can use the `htmlColor` prop to apply a color attribute to the SVG element.
|
|
464
430
|
* @default 'inherit'
|
|
465
431
|
*/
|
|
466
|
-
color:
|
|
432
|
+
color: s.oneOfType([s.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), s.string]),
|
|
467
433
|
/**
|
|
468
434
|
* The component used for the root node.
|
|
469
435
|
* Either a string to use a HTML element or a component.
|
|
470
436
|
*/
|
|
471
|
-
component:
|
|
437
|
+
component: s.elementType,
|
|
472
438
|
/**
|
|
473
439
|
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
|
|
474
440
|
* @default 'medium'
|
|
475
441
|
*/
|
|
476
|
-
fontSize:
|
|
442
|
+
fontSize: s.oneOfType([s.oneOf(["inherit", "large", "medium", "small"]), s.string]),
|
|
477
443
|
/**
|
|
478
444
|
* Applies a color attribute to the SVG element.
|
|
479
445
|
*/
|
|
480
|
-
htmlColor:
|
|
446
|
+
htmlColor: s.string,
|
|
481
447
|
/**
|
|
482
448
|
* If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
|
|
483
449
|
* prop will be ignored.
|
|
@@ -485,22 +451,22 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
|
|
|
485
451
|
* `component`'s viewBox to the root node.
|
|
486
452
|
* @default false
|
|
487
453
|
*/
|
|
488
|
-
inheritViewBox:
|
|
454
|
+
inheritViewBox: s.bool,
|
|
489
455
|
/**
|
|
490
456
|
* The shape-rendering attribute. The behavior of the different options is described on the
|
|
491
457
|
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
|
|
492
458
|
* If you are having issues with blurry icons you should investigate this prop.
|
|
493
459
|
*/
|
|
494
|
-
shapeRendering:
|
|
460
|
+
shapeRendering: s.string,
|
|
495
461
|
/**
|
|
496
462
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
497
463
|
*/
|
|
498
|
-
sx:
|
|
464
|
+
sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
|
|
499
465
|
/**
|
|
500
466
|
* Provides a human-readable title for the element that contains it.
|
|
501
467
|
* https://www.w3.org/TR/SVG-access/#Equivalent
|
|
502
468
|
*/
|
|
503
|
-
titleAccess:
|
|
469
|
+
titleAccess: s.string,
|
|
504
470
|
/**
|
|
505
471
|
* Allows you to redefine what the coordinates without units mean inside an SVG element.
|
|
506
472
|
* For example, if the SVG element is 500 (width) by 200 (height),
|
|
@@ -509,31 +475,29 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
|
|
|
509
475
|
* to bottom right (50,20) and each unit will be worth 10px.
|
|
510
476
|
* @default '0 0 24 24'
|
|
511
477
|
*/
|
|
512
|
-
viewBox:
|
|
478
|
+
viewBox: s.string
|
|
513
479
|
});
|
|
514
|
-
|
|
515
|
-
function
|
|
516
|
-
function t(o,
|
|
517
|
-
return /* @__PURE__ */ D.jsx(
|
|
480
|
+
$.muiName = "SvgIcon";
|
|
481
|
+
function je(e, n) {
|
|
482
|
+
function t(o, r) {
|
|
483
|
+
return /* @__PURE__ */ D.jsx($, {
|
|
518
484
|
"data-testid": process.env.NODE_ENV !== "production" ? `${n}Icon` : void 0,
|
|
519
|
-
ref:
|
|
485
|
+
ref: r,
|
|
520
486
|
...o,
|
|
521
487
|
children: e
|
|
522
488
|
});
|
|
523
489
|
}
|
|
524
|
-
return process.env.NODE_ENV !== "production" && (t.displayName = `${n}Icon`), t.muiName =
|
|
490
|
+
return process.env.NODE_ENV !== "production" && (t.displayName = `${n}Icon`), t.muiName = $.muiName, /* @__PURE__ */ z.memo(/* @__PURE__ */ z.forwardRef(t));
|
|
525
491
|
}
|
|
526
492
|
export {
|
|
527
493
|
Te as a,
|
|
528
|
-
|
|
529
|
-
|
|
494
|
+
ae as b,
|
|
495
|
+
je as c,
|
|
530
496
|
de as d,
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
be as m,
|
|
536
|
-
F as r,
|
|
497
|
+
xe as e,
|
|
498
|
+
j as f,
|
|
499
|
+
Oe as m,
|
|
500
|
+
Ne as r,
|
|
537
501
|
_e as s,
|
|
538
|
-
|
|
502
|
+
be as u
|
|
539
503
|
};
|