@solostylist/ui-kit 1.0.78 → 1.0.80
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-reWd7MO-.js → Box-Bfkq7uIw.js} +23 -21
- package/dist/{Close-CVFQMMUW.js → Close-C1lLcTQu.js} +1 -1
- package/dist/{Menu-CGTDGEoX.js → Menu-DbldWmqB.js} +94 -93
- package/dist/{MenuItem-Bdna3McP.js → MenuItem-BHTJlag0.js} +8 -7
- package/dist/{Select-D54ugORZ.js → Select-CT0Hpudx.js} +14 -13
- package/dist/{Stack-ISlVeD89.js → Stack-W0weBtf9.js} +29 -28
- package/dist/{TransitionGroup-DuMpOHcM.js → TransitionGroup-q306siJs.js} +1 -1
- package/dist/{Typography-D38zoHJr.js → Typography-CeAbQ9LX.js} +17 -17
- package/dist/{buttonBaseClasses-CF7RfAgE.js → buttonBaseClasses-CR6HkqQ3.js} +2 -2
- package/dist/colorManipulator-CPZHCebU.js +178 -0
- package/dist/{createSvgIcon-DN-sh_sr.js → createSvgIcon-9XY7lJan.js} +129 -131
- package/dist/createTheme-wt8sY36y.js +2837 -0
- package/dist/{defaultTheme-BDQAWvCM.js → defaultTheme-YL2LZ-0U.js} +7 -7
- package/dist/emotion-serialize.esm-lgBmL_7o.js +195 -0
- package/dist/{extendSxProp-KtEeHd8h.js → extendSxProp-B1pEE-ot.js} +1 -1
- package/dist/generateUtilityClasses-D-O3RBPF.js +10 -0
- package/dist/hooks/use-dialog.d.ts +21 -0
- package/dist/hooks/use-dialog.js +10 -2
- package/dist/hooks/use-popover.d.ts +24 -0
- package/dist/hooks/use-popover.js +7 -1
- package/dist/{iconButtonClasses-DMst1jJO.js → iconButtonClasses-WmsPyI4v.js} +2 -2
- package/dist/index-B6k9mhKf.js +30 -0
- package/dist/{index-x815ub0T.js → index-DAXzX0k9.js} +5 -5
- package/dist/main.d.ts +5 -1
- package/dist/main.js +109 -104
- package/dist/{outlinedInputClasses-E4FwVkZh.js → outlinedInputClasses-Cor6Mcxo.js} +2 -2
- package/dist/s-autocomplete/s-autocomplete.d.ts +31 -0
- package/dist/s-autocomplete/s-autocomplete.js +23 -20
- package/dist/s-button/index.d.ts +2 -0
- package/dist/s-button/index.js +4 -0
- package/dist/s-button/package.json +5 -0
- package/dist/s-button/s-button.d.ts +6 -0
- package/dist/s-button/s-button.js +7 -0
- package/dist/s-button-link/s-button-link.d.ts +37 -1
- package/dist/s-checkbox/s-checkbox.d.ts +21 -0
- package/dist/s-checkbox/s-checkbox.js +9 -9
- package/dist/s-chip/index.d.ts +2 -0
- package/dist/s-chip/index.js +4 -0
- package/dist/s-chip/package.json +5 -0
- package/dist/s-chip/s-chip.d.ts +6 -0
- package/dist/s-chip/s-chip.js +7 -0
- package/dist/s-chips/s-chips.d.ts +26 -1
- package/dist/s-chips/s-chips.js +28 -23
- package/dist/s-copilot-kit-provider/s-copilot-kit-provider.d.ts +28 -0
- package/dist/s-copyable-text/s-copyable-text.d.ts +43 -2
- package/dist/s-copyable-text/s-copyable-text.js +30 -22
- package/dist/s-data-table/s-data-table.d.ts +87 -0
- package/dist/s-data-table/s-data-table.js +33 -22
- package/dist/s-date-picker/s-date-picker.d.ts +25 -0
- package/dist/s-date-picker/s-date-picker.js +109 -92
- package/dist/s-datetime-picker/s-datetime-picker.d.ts +26 -0
- package/dist/s-datetime-picker/s-datetime-picker.js +209 -192
- package/dist/s-dialog/s-dialog.d.ts +27 -0
- package/dist/s-dialog/s-dialog.js +1 -1
- package/dist/s-dialog-confirm/s-dialog-confirm.d.ts +54 -0
- package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
- package/dist/s-dialog-message/s-dialog-message.d.ts +51 -0
- package/dist/s-dialog-message/s-dialog-message.js +3 -2
- package/dist/s-empty/s-empty.d.ts +25 -1
- package/dist/s-error/s-error.d.ts +19 -0
- package/dist/s-file-dropzone/s-file-dropzone.d.ts +67 -0
- package/dist/s-file-dropzone/s-file-dropzone.js +6 -4
- package/dist/s-file-icon/s-file-icon.d.ts +28 -0
- package/dist/s-file-icon/s-file-icon.js +5 -2
- package/dist/s-form/s-form.d.ts +22 -0
- package/dist/s-form/s-form.js +9 -10
- package/dist/s-glow-button/index.d.ts +1 -1
- package/dist/s-glow-button/s-glow-button.d.ts +39 -3
- package/dist/s-glow-button/s-glow-button.js +11 -2
- package/dist/s-gradient-icon/s-gradient-icon.d.ts +43 -0
- package/dist/s-gradient-icon/s-gradient-icon.js +6 -1
- package/dist/s-i18n-provider/s-i18n-provider.d.ts +37 -0
- package/dist/s-i18n-provider/s-i18n-provider.js +8 -1
- package/dist/s-icon-button/s-icon-button.d.ts +23 -0
- package/dist/s-interactive-gallery/s-interactive-gallery.d.ts +96 -0
- package/dist/s-interactive-gallery/s-interactive-gallery.js +175 -82
- package/dist/s-label/s-label.d.ts +30 -2
- package/dist/s-label/s-label.js +8 -18
- package/dist/s-lazy-image/s-lazy-image.d.ts +28 -1
- package/dist/s-localization-provider/s-localization-provider.d.ts +30 -0
- package/dist/s-localization-provider/s-localization-provider.js +5 -2
- package/dist/s-moving-border/s-moving-border.d.ts +41 -0
- package/dist/s-moving-border/s-moving-border.js +5 -1
- package/dist/s-multi-select/s-multi-select.d.ts +23 -0
- package/dist/s-multi-select/s-multi-select.js +3 -3
- package/dist/s-no-ssr/s-no-ssr.d.ts +38 -0
- package/dist/s-pagination/s-pagination.d.ts +29 -0
- package/dist/s-select/s-select.d.ts +35 -0
- package/dist/s-select/s-select.js +41 -37
- package/dist/s-skeleton/s-skeleton.d.ts +31 -1
- package/dist/s-smart-text-field/s-smart-text-field.d.ts +28 -0
- package/dist/s-smart-text-field/s-smart-text-field.js +1425 -1399
- package/dist/s-snackbar-message/s-snackbar-message.d.ts +56 -2
- package/dist/s-stripe/s-stripe.d.ts +93 -0
- package/dist/s-stripe/s-stripe.js +3 -0
- package/dist/s-stripe/stripe-input.d.ts +23 -0
- package/dist/s-stripe/stripe-input.js +1 -0
- package/dist/s-text-editor/index.d.ts +2 -0
- package/dist/s-text-editor/index.js +4 -2
- package/dist/s-text-editor/s-text-editor-toolbar.d.ts +33 -0
- 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-text-field/s-text-field.d.ts +23 -0
- package/dist/s-text-truncation/s-text-truncation.d.ts +30 -0
- package/dist/s-theme-provider/s-theme-provider.d.ts +24 -3
- package/dist/s-theme-provider/s-theme-provider.js +9 -2
- package/dist/s-tip/s-tip.d.ts +27 -0
- package/dist/s-tip/s-tip.js +5 -3
- package/dist/svgIconClasses-BYFQaEQ7.js +10 -0
- package/dist/{tabClasses-LXCeUS4i.js → tabClasses-CXQXD3XZ.js} +2 -2
- package/dist/theme/components/avatar.js +1 -1
- package/dist/theme/components/button.d.ts +5834 -0
- package/dist/theme/components/button.js +186 -0
- package/dist/theme/components/chip.d.ts +117 -0
- package/dist/theme/components/chip.js +168 -0
- package/dist/theme/components/components.d.ts +5944 -0
- package/dist/theme/components/components.js +16 -12
- package/dist/theme/customizations/data-display.d.ts +0 -5
- package/dist/theme/customizations/data-display.js +15 -144
- package/dist/theme/customizations/feedback.js +1 -1
- package/dist/theme/customizations/inputs.js +29 -226
- package/dist/theme/customizations/navigation.js +26 -12
- package/dist/theme/customizations/surfaces.js +5 -5
- package/dist/theme/theme-primitives.d.ts +24 -0
- package/dist/theme/theme-primitives.js +73 -48
- package/dist/{typographyClasses-QAKcrTAX.js → typographyClasses-DTwotNbm.js} +2 -2
- package/dist/{useMobilePicker-DlmTFHhN.js → useMobilePicker-CYRSYIKP.js} +1852 -1848
- package/dist/{useSlot-CiHsL61G.js → useSlot-B_4ipGBP.js} +6 -6
- package/dist/{useTheme-Dy5JmnOe.js → useTheme-D1MJ3g_i.js} +1 -1
- package/dist/{useThemeProps-BGjjVPlJ.js → useThemeProps-CTcSO3lC.js} +2 -2
- package/dist/{warning-DWsjz4u6.js → warning-DyDdgu8-.js} +3 -3
- package/package.json +6 -4
- package/dist/HelpOutlineOutlined-Dw_XSjYK.js +0 -8
- package/dist/chipClasses-WFcUH6gU.js +0 -10
- package/dist/createTheme-DuP3DZSF.js +0 -3005
- package/dist/generateUtilityClasses-BpNk3DNr.js +0 -230
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
import { MuiAvatar as o } from "./avatar.js";
|
|
2
2
|
import { MuiBackdrop as r } from "./backdrop.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
3
|
+
import { MuiButton as i } from "./button.js";
|
|
4
|
+
import { MuiChip as m } from "./chip.js";
|
|
5
|
+
import { MuiContainer as t } from "./container.js";
|
|
6
|
+
import { MuiFormControl as p } from "./form-control.js";
|
|
7
|
+
import { MuiPopover as u } from "./popover.js";
|
|
8
|
+
import { MuiRating as f } from "./rating.js";
|
|
9
|
+
import { MuiSlider as M } from "./slider.js";
|
|
8
10
|
import { MuiSvgIcon as n } from "./svg-icon.js";
|
|
9
|
-
const
|
|
11
|
+
const S = {
|
|
10
12
|
MuiAvatar: o,
|
|
11
|
-
MuiRating:
|
|
12
|
-
MuiSlider:
|
|
13
|
+
MuiRating: f,
|
|
14
|
+
MuiSlider: M,
|
|
13
15
|
MuiSvgIcon: n,
|
|
14
|
-
MuiContainer:
|
|
16
|
+
MuiContainer: t,
|
|
15
17
|
MuiBackdrop: r,
|
|
16
|
-
MuiPopover:
|
|
17
|
-
MuiFormControl:
|
|
18
|
+
MuiPopover: u,
|
|
19
|
+
MuiFormControl: p,
|
|
20
|
+
MuiChip: m,
|
|
21
|
+
MuiButton: i
|
|
18
22
|
};
|
|
19
23
|
export {
|
|
20
|
-
|
|
24
|
+
S as components
|
|
21
25
|
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
import { b as d } from "../../buttonBaseClasses-CF7RfAgE.js";
|
|
8
|
-
import { t as c } from "../../typographyClasses-QAKcrTAX.js";
|
|
9
|
-
import { a } from "../../createTheme-DuP3DZSF.js";
|
|
10
|
-
const h = {
|
|
1
|
+
import { i as e } from "../../iconButtonClasses-WmsPyI4v.js";
|
|
2
|
+
import { b as r } from "../../buttonBaseClasses-CR6HkqQ3.js";
|
|
3
|
+
import { s as i } from "../../svgIconClasses-BYFQaEQ7.js";
|
|
4
|
+
import { t as a } from "../../typographyClasses-DTwotNbm.js";
|
|
5
|
+
import { a as t } from "../../colorManipulator-CPZHCebU.js";
|
|
6
|
+
const y = {
|
|
11
7
|
MuiList: {
|
|
12
8
|
styleOverrides: {
|
|
13
9
|
root: {
|
|
@@ -21,15 +17,15 @@ const h = {
|
|
|
21
17
|
MuiListItem: {
|
|
22
18
|
styleOverrides: {
|
|
23
19
|
root: ({ theme: o }) => ({
|
|
24
|
-
[`& .${
|
|
20
|
+
[`& .${i.root}`]: {
|
|
25
21
|
width: "1rem",
|
|
26
22
|
height: "1rem",
|
|
27
23
|
color: (o.vars || o).palette.text.secondary
|
|
28
24
|
},
|
|
29
|
-
[`& .${
|
|
25
|
+
[`& .${a.root}`]: {
|
|
30
26
|
fontWeight: 500
|
|
31
27
|
},
|
|
32
|
-
[`& .${
|
|
28
|
+
[`& .${r.root}`]: {
|
|
33
29
|
display: "flex",
|
|
34
30
|
gap: 8,
|
|
35
31
|
padding: "2px 8px",
|
|
@@ -37,15 +33,15 @@ const h = {
|
|
|
37
33
|
opacity: 0.7,
|
|
38
34
|
"&.Mui-selected": {
|
|
39
35
|
opacity: 1,
|
|
40
|
-
backgroundColor:
|
|
41
|
-
[`& .${
|
|
36
|
+
backgroundColor: t(o.palette.action.selected, 0.3),
|
|
37
|
+
[`& .${i.root}`]: {
|
|
42
38
|
color: (o.vars || o).palette.text.primary
|
|
43
39
|
},
|
|
44
40
|
"&:focus-visible": {
|
|
45
|
-
backgroundColor:
|
|
41
|
+
backgroundColor: t(o.palette.action.selected, 0.3)
|
|
46
42
|
},
|
|
47
43
|
"&:hover": {
|
|
48
|
-
backgroundColor:
|
|
44
|
+
backgroundColor: t(o.palette.action.selected, 0.5)
|
|
49
45
|
}
|
|
50
46
|
},
|
|
51
47
|
"&:focus-visible": {
|
|
@@ -86,138 +82,13 @@ const h = {
|
|
|
86
82
|
}
|
|
87
83
|
}
|
|
88
84
|
},
|
|
89
|
-
MuiChip: {
|
|
90
|
-
defaultProps: {
|
|
91
|
-
size: "small",
|
|
92
|
-
deleteIcon: /* @__PURE__ */ s.jsx(p, {})
|
|
93
|
-
},
|
|
94
|
-
styleOverrides: {
|
|
95
|
-
root: ({ theme: o }) => ({
|
|
96
|
-
border: "1px solid",
|
|
97
|
-
borderRadius: "999px",
|
|
98
|
-
[`& .${r.label}`]: {
|
|
99
|
-
fontWeight: 600
|
|
100
|
-
},
|
|
101
|
-
variants: [
|
|
102
|
-
{
|
|
103
|
-
props: {
|
|
104
|
-
color: "default"
|
|
105
|
-
},
|
|
106
|
-
style: {
|
|
107
|
-
borderColor: e[200],
|
|
108
|
-
backgroundColor: e[100],
|
|
109
|
-
[`& .${r.label}`]: {
|
|
110
|
-
color: e[500]
|
|
111
|
-
},
|
|
112
|
-
[`& .${r.icon}`]: {
|
|
113
|
-
color: e[500]
|
|
114
|
-
},
|
|
115
|
-
...o.applyStyles("dark", {
|
|
116
|
-
borderColor: e[700],
|
|
117
|
-
backgroundColor: e[800],
|
|
118
|
-
[`& .${r.label}`]: {
|
|
119
|
-
color: e[300]
|
|
120
|
-
},
|
|
121
|
-
[`& .${r.icon}`]: {
|
|
122
|
-
color: e[300]
|
|
123
|
-
}
|
|
124
|
-
})
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
props: {
|
|
129
|
-
color: "success"
|
|
130
|
-
},
|
|
131
|
-
style: {
|
|
132
|
-
borderColor: t[200],
|
|
133
|
-
backgroundColor: t[50],
|
|
134
|
-
[`& .${r.label}`]: {
|
|
135
|
-
color: t[500]
|
|
136
|
-
},
|
|
137
|
-
[`& .${r.icon}`]: {
|
|
138
|
-
color: t[500]
|
|
139
|
-
},
|
|
140
|
-
...o.applyStyles("dark", {
|
|
141
|
-
borderColor: t[800],
|
|
142
|
-
backgroundColor: t[900],
|
|
143
|
-
[`& .${r.label}`]: {
|
|
144
|
-
color: t[300]
|
|
145
|
-
},
|
|
146
|
-
[`& .${r.icon}`]: {
|
|
147
|
-
color: t[300]
|
|
148
|
-
}
|
|
149
|
-
})
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
props: {
|
|
154
|
-
color: "error"
|
|
155
|
-
},
|
|
156
|
-
style: {
|
|
157
|
-
borderColor: i[100],
|
|
158
|
-
backgroundColor: i[50],
|
|
159
|
-
[`& .${r.label}`]: {
|
|
160
|
-
color: i[500]
|
|
161
|
-
},
|
|
162
|
-
[`& .${r.icon}`]: {
|
|
163
|
-
color: i[500]
|
|
164
|
-
},
|
|
165
|
-
...o.applyStyles("dark", {
|
|
166
|
-
borderColor: i[800],
|
|
167
|
-
backgroundColor: i[900],
|
|
168
|
-
[`& .${r.label}`]: {
|
|
169
|
-
color: i[200]
|
|
170
|
-
},
|
|
171
|
-
[`& .${r.icon}`]: {
|
|
172
|
-
color: i[300]
|
|
173
|
-
}
|
|
174
|
-
})
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
{
|
|
178
|
-
props: { size: "small" },
|
|
179
|
-
style: {
|
|
180
|
-
maxHeight: 20,
|
|
181
|
-
[`& .${r.label}`]: {
|
|
182
|
-
fontSize: o.typography.caption.fontSize
|
|
183
|
-
},
|
|
184
|
-
[`& .${l.root}`]: {
|
|
185
|
-
fontSize: o.typography.caption.fontSize
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
props: { size: "medium" },
|
|
191
|
-
style: {
|
|
192
|
-
[`& .${r.label}`]: {
|
|
193
|
-
fontSize: o.typography.caption.fontSize
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
{
|
|
198
|
-
props: { color: "premium" },
|
|
199
|
-
style: {
|
|
200
|
-
background: "linear-gradient(90deg, #18181b 0%, #27272a 100%)",
|
|
201
|
-
border: "1px solid",
|
|
202
|
-
borderColor: o.palette.divider,
|
|
203
|
-
[`& .${r.label}`]: {
|
|
204
|
-
fontWeight: 600
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
]
|
|
209
|
-
}),
|
|
210
|
-
labelSmall: { paddingInline: 12 },
|
|
211
|
-
colorSecondary: { color: e[500], backgroundColor: e[100] }
|
|
212
|
-
}
|
|
213
|
-
},
|
|
214
85
|
MuiTablePagination: {
|
|
215
86
|
styleOverrides: {
|
|
216
87
|
actions: {
|
|
217
88
|
display: "flex",
|
|
218
89
|
gap: 8,
|
|
219
90
|
marginRight: 6,
|
|
220
|
-
[`& .${
|
|
91
|
+
[`& .${e.root}`]: {
|
|
221
92
|
minWidth: 0,
|
|
222
93
|
width: 36,
|
|
223
94
|
height: 36
|
|
@@ -246,5 +117,5 @@ const h = {
|
|
|
246
117
|
}
|
|
247
118
|
};
|
|
248
119
|
export {
|
|
249
|
-
|
|
120
|
+
y as dataDisplayCustomizations
|
|
250
121
|
};
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { j as a } from "../../jsx-runtime-DywqP_6a.js";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as l } from "../../createSvgIcon-9XY7lJan.js";
|
|
3
3
|
import { brand as r, gray as e } from "../theme-primitives.js";
|
|
4
|
-
import { o as p } from "../../outlinedInputClasses-
|
|
5
|
-
import { g as
|
|
6
|
-
import {
|
|
7
|
-
|
|
4
|
+
import { o as p } from "../../outlinedInputClasses-Cor6Mcxo.js";
|
|
5
|
+
import { g as d } from "../../generateUtilityClasses-D-O3RBPF.js";
|
|
6
|
+
import { s } from "../../svgIconClasses-BYFQaEQ7.js";
|
|
7
|
+
import { a as t } from "../../colorManipulator-CPZHCebU.js";
|
|
8
|
+
const u = l(/* @__PURE__ */ a.jsx("path", {
|
|
8
9
|
d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
|
|
9
|
-
}), "CheckBoxOutlineBlankRounded"),
|
|
10
|
+
}), "CheckBoxOutlineBlankRounded"), c = l(/* @__PURE__ */ a.jsx("path", {
|
|
10
11
|
d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
|
|
11
|
-
}), "CheckRounded"), b =
|
|
12
|
+
}), "CheckRounded"), b = l(/* @__PURE__ */ a.jsx("path", {
|
|
12
13
|
d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
|
|
13
|
-
}), "RemoveRounded"), g =
|
|
14
|
+
}), "RemoveRounded"), g = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), n = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
|
|
14
15
|
MuiButtonBase: {
|
|
15
16
|
defaultProps: {
|
|
16
17
|
disableTouchRipple: !0,
|
|
@@ -31,216 +32,14 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
34
|
},
|
|
34
|
-
MuiButton: {
|
|
35
|
-
styleOverrides: {
|
|
36
|
-
root: ({ theme: o }) => ({
|
|
37
|
-
boxShadow: "none",
|
|
38
|
-
borderRadius: (o.vars || o).shape.borderRadius,
|
|
39
|
-
textTransform: "none",
|
|
40
|
-
variants: [
|
|
41
|
-
{
|
|
42
|
-
props: {
|
|
43
|
-
size: "small"
|
|
44
|
-
},
|
|
45
|
-
style: {
|
|
46
|
-
height: "2.25rem",
|
|
47
|
-
padding: "8px 12px"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
props: {
|
|
52
|
-
size: "medium"
|
|
53
|
-
},
|
|
54
|
-
style: {
|
|
55
|
-
height: "2.5rem"
|
|
56
|
-
// 40px
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
props: {
|
|
61
|
-
color: "primary",
|
|
62
|
-
variant: "contained"
|
|
63
|
-
},
|
|
64
|
-
style: {
|
|
65
|
-
...o.applyStyles("dark", {
|
|
66
|
-
color: "white",
|
|
67
|
-
backgroundImage: "linear-gradient(to right, #2b5876 0%, #004e92 51%, #2b5876 100%)",
|
|
68
|
-
boxShadow: "0px 0px 0px 1px #004e92",
|
|
69
|
-
transition: "0.5s",
|
|
70
|
-
backgroundSize: "200% auto",
|
|
71
|
-
"&:hover": {
|
|
72
|
-
backgroundPosition: "right center",
|
|
73
|
-
textDecoration: "none"
|
|
74
|
-
},
|
|
75
|
-
"&:active": {
|
|
76
|
-
filter: "brightness(1.1)"
|
|
77
|
-
},
|
|
78
|
-
"&.MuiButton-loading": {
|
|
79
|
-
"& .MuiButton-loadingIndicator": {
|
|
80
|
-
color: "white"
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
"&.Mui-disabled": {
|
|
84
|
-
color: e[400]
|
|
85
|
-
}
|
|
86
|
-
})
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
props: {
|
|
91
|
-
color: "secondary",
|
|
92
|
-
variant: "contained"
|
|
93
|
-
},
|
|
94
|
-
style: {
|
|
95
|
-
color: "white",
|
|
96
|
-
backgroundColor: r[300],
|
|
97
|
-
backgroundImage: `linear-gradient(to bottom, ${t(r[400], 0.8)}, ${r[500]})`,
|
|
98
|
-
boxShadow: `inset 0 2px 0 ${t(r[200], 0.2)}, inset 0 -2px 0 ${t(r[700], 0.4)}`,
|
|
99
|
-
border: `1px solid ${r[500]}`,
|
|
100
|
-
"&:hover": {
|
|
101
|
-
backgroundColor: r[700],
|
|
102
|
-
boxShadow: "none"
|
|
103
|
-
},
|
|
104
|
-
"&:active": {
|
|
105
|
-
backgroundColor: r[700],
|
|
106
|
-
backgroundImage: "none"
|
|
107
|
-
},
|
|
108
|
-
"&.MuiButton-loading": {
|
|
109
|
-
"& .MuiButton-loadingIndicator": {
|
|
110
|
-
color: "white"
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
props: {
|
|
117
|
-
variant: "outlined"
|
|
118
|
-
},
|
|
119
|
-
style: {
|
|
120
|
-
color: (o.vars || o).palette.text.primary,
|
|
121
|
-
border: "1px solid",
|
|
122
|
-
borderColor: e[200],
|
|
123
|
-
backgroundColor: t(e[50], 0.3),
|
|
124
|
-
"&:hover": {
|
|
125
|
-
backgroundColor: e[100],
|
|
126
|
-
borderColor: e[300]
|
|
127
|
-
},
|
|
128
|
-
"&:active": {
|
|
129
|
-
backgroundColor: e[200]
|
|
130
|
-
},
|
|
131
|
-
"&.MuiButton-loading": {
|
|
132
|
-
"& .MuiButton-loadingIndicator": {
|
|
133
|
-
color: (o.vars || o).palette.text.primary
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
...o.applyStyles("dark", {
|
|
137
|
-
backgroundColor: e[800],
|
|
138
|
-
borderColor: e[700],
|
|
139
|
-
"&:hover": {
|
|
140
|
-
backgroundColor: e[900],
|
|
141
|
-
borderColor: e[600]
|
|
142
|
-
},
|
|
143
|
-
"&:active": {
|
|
144
|
-
backgroundColor: e[900]
|
|
145
|
-
}
|
|
146
|
-
})
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
props: {
|
|
151
|
-
color: "secondary",
|
|
152
|
-
variant: "outlined"
|
|
153
|
-
},
|
|
154
|
-
style: {
|
|
155
|
-
color: r[700],
|
|
156
|
-
border: "1px solid",
|
|
157
|
-
borderColor: r[200],
|
|
158
|
-
backgroundColor: r[50],
|
|
159
|
-
"&:hover": {
|
|
160
|
-
backgroundColor: r[100],
|
|
161
|
-
borderColor: r[400]
|
|
162
|
-
},
|
|
163
|
-
"&:active": {
|
|
164
|
-
backgroundColor: t(r[200], 0.7)
|
|
165
|
-
},
|
|
166
|
-
...o.applyStyles("dark", {
|
|
167
|
-
color: r[50],
|
|
168
|
-
border: "1px solid",
|
|
169
|
-
borderColor: r[900],
|
|
170
|
-
backgroundColor: t(r[900], 0.3),
|
|
171
|
-
"&:hover": {
|
|
172
|
-
borderColor: r[700],
|
|
173
|
-
backgroundColor: t(r[900], 0.6)
|
|
174
|
-
},
|
|
175
|
-
"&:active": {
|
|
176
|
-
backgroundColor: t(r[900], 0.5)
|
|
177
|
-
}
|
|
178
|
-
})
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
{
|
|
182
|
-
props: {
|
|
183
|
-
variant: "text"
|
|
184
|
-
},
|
|
185
|
-
style: {
|
|
186
|
-
color: e[600],
|
|
187
|
-
"&:hover": {
|
|
188
|
-
backgroundColor: e[100]
|
|
189
|
-
},
|
|
190
|
-
"&:active": {
|
|
191
|
-
backgroundColor: e[200]
|
|
192
|
-
},
|
|
193
|
-
...o.applyStyles("dark", {
|
|
194
|
-
color: e[50],
|
|
195
|
-
"&:hover": {
|
|
196
|
-
backgroundColor: e[700]
|
|
197
|
-
},
|
|
198
|
-
"&:active": {
|
|
199
|
-
backgroundColor: t(e[700], 0.7)
|
|
200
|
-
}
|
|
201
|
-
})
|
|
202
|
-
}
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
props: {
|
|
206
|
-
color: "secondary",
|
|
207
|
-
variant: "text"
|
|
208
|
-
},
|
|
209
|
-
style: {
|
|
210
|
-
color: r[700],
|
|
211
|
-
"&:hover": {
|
|
212
|
-
backgroundColor: t(r[100], 0.5)
|
|
213
|
-
},
|
|
214
|
-
"&:active": {
|
|
215
|
-
backgroundColor: t(r[200], 0.7)
|
|
216
|
-
},
|
|
217
|
-
...o.applyStyles("dark", {
|
|
218
|
-
color: r[100],
|
|
219
|
-
"&:hover": {
|
|
220
|
-
backgroundColor: t(r[900], 0.5)
|
|
221
|
-
},
|
|
222
|
-
"&:active": {
|
|
223
|
-
backgroundColor: t(r[900], 0.3)
|
|
224
|
-
}
|
|
225
|
-
})
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
]
|
|
229
|
-
})
|
|
230
|
-
}
|
|
231
|
-
},
|
|
232
35
|
MuiIconButton: {
|
|
233
36
|
styleOverrides: {
|
|
234
37
|
root: ({ theme: o }) => ({
|
|
235
38
|
boxShadow: "none",
|
|
236
|
-
// borderRadius: (theme.vars || theme).shape.borderRadius,
|
|
237
39
|
textTransform: "none",
|
|
238
40
|
fontWeight: o.typography.fontWeightMedium,
|
|
239
41
|
letterSpacing: 0,
|
|
240
|
-
color: (o.vars || o).palette.text.primary,
|
|
241
|
-
// border: '1px solid ',
|
|
242
42
|
borderColor: e[200],
|
|
243
|
-
// backgroundColor: alpha(gray[50], 0.3),
|
|
244
43
|
"&:hover": {
|
|
245
44
|
backgroundColor: (o.vars || o).palette.action.hover,
|
|
246
45
|
borderColor: e[300]
|
|
@@ -249,7 +48,6 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
249
48
|
backgroundColor: (o.vars || o).palette.action.selected
|
|
250
49
|
},
|
|
251
50
|
...o.applyStyles("dark", {
|
|
252
|
-
// backgroundColor: gray[800],
|
|
253
51
|
borderColor: e[700],
|
|
254
52
|
"&:hover": {
|
|
255
53
|
backgroundColor: (o.vars || o).palette.action.hover,
|
|
@@ -265,9 +63,6 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
265
63
|
size: "small"
|
|
266
64
|
},
|
|
267
65
|
style: {
|
|
268
|
-
width: "2.25rem",
|
|
269
|
-
height: "2.25rem",
|
|
270
|
-
padding: "0.25rem",
|
|
271
66
|
[`& .${s.root}`]: { fontSize: "1rem" }
|
|
272
67
|
}
|
|
273
68
|
},
|
|
@@ -276,8 +71,15 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
276
71
|
size: "medium"
|
|
277
72
|
},
|
|
278
73
|
style: {
|
|
279
|
-
|
|
280
|
-
|
|
74
|
+
[`& .${s.root}`]: { fontSize: "1.25rem" }
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
props: {
|
|
79
|
+
size: "large"
|
|
80
|
+
},
|
|
81
|
+
style: {
|
|
82
|
+
[`& .${s.root}`]: { fontSize: "1.5rem" }
|
|
281
83
|
}
|
|
282
84
|
}
|
|
283
85
|
]
|
|
@@ -289,11 +91,11 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
289
91
|
root: ({ theme: o }) => ({
|
|
290
92
|
borderRadius: "10px",
|
|
291
93
|
boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
|
|
292
|
-
[`& .${
|
|
94
|
+
[`& .${n.selected}`]: {
|
|
293
95
|
color: r[500]
|
|
294
96
|
},
|
|
295
97
|
...o.applyStyles("dark", {
|
|
296
|
-
[`& .${
|
|
98
|
+
[`& .${n.selected}`]: {
|
|
297
99
|
color: "#fff"
|
|
298
100
|
},
|
|
299
101
|
boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
|
|
@@ -321,17 +123,18 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
321
123
|
MuiCheckbox: {
|
|
322
124
|
defaultProps: {
|
|
323
125
|
disableRipple: !0,
|
|
324
|
-
icon: /* @__PURE__ */ a.jsx(
|
|
325
|
-
checkedIcon: /* @__PURE__ */ a.jsx(
|
|
126
|
+
icon: /* @__PURE__ */ a.jsx(u, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
|
|
127
|
+
checkedIcon: /* @__PURE__ */ a.jsx(c, { sx: { height: 14, width: 14 } }),
|
|
326
128
|
indeterminateIcon: /* @__PURE__ */ a.jsx(b, { sx: { height: 14, width: 14 } })
|
|
327
129
|
},
|
|
328
130
|
styleOverrides: {
|
|
329
131
|
root: ({ theme: o }) => ({
|
|
330
|
-
margin:
|
|
132
|
+
margin: 8,
|
|
133
|
+
marginLeft: 0,
|
|
331
134
|
height: 16,
|
|
332
135
|
width: 16,
|
|
333
136
|
borderRadius: 5,
|
|
334
|
-
border: "1px solid
|
|
137
|
+
border: "1px solid",
|
|
335
138
|
borderColor: t(e[300], 0.8),
|
|
336
139
|
boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
|
|
337
140
|
backgroundColor: t(e[100], 0.4),
|
|
@@ -410,7 +213,7 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
410
213
|
},
|
|
411
214
|
MuiOutlinedInput: {
|
|
412
215
|
styleOverrides: {
|
|
413
|
-
input: ({ ownerState: o, theme:
|
|
216
|
+
input: ({ ownerState: o, theme: i }) => ({
|
|
414
217
|
padding: 0,
|
|
415
218
|
...o.type === "number" && {
|
|
416
219
|
// Remove spinner buttons (cross-browser)
|
|
@@ -422,10 +225,10 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
422
225
|
// Firefox
|
|
423
226
|
},
|
|
424
227
|
"&:-webkit-autofill": {
|
|
425
|
-
boxShadow: `${(
|
|
228
|
+
boxShadow: `${(i.vars || i).palette.background.default} 0px 0px 0px 100px inset !important`
|
|
426
229
|
},
|
|
427
230
|
"&:-moz-autofill": {
|
|
428
|
-
boxShadow: `${(
|
|
231
|
+
boxShadow: `${(i.vars || i).palette.background.default} 0px 0px 0px 100px inset !important`
|
|
429
232
|
}
|
|
430
233
|
}),
|
|
431
234
|
root: ({ theme: o }) => ({
|
|
@@ -491,5 +294,5 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
|
|
|
491
294
|
}
|
|
492
295
|
};
|
|
493
296
|
export {
|
|
494
|
-
|
|
297
|
+
m as inputsCustomizations
|
|
495
298
|
};
|
|
@@ -1,12 +1,26 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "../../jsx-runtime-DywqP_6a.js";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import { c as
|
|
4
|
-
import { gray as o, brand as
|
|
5
|
-
import { t } from "../../tabClasses-
|
|
6
|
-
import { a as
|
|
7
|
-
const
|
|
3
|
+
import { c as l } from "../../createSvgIcon-9XY7lJan.js";
|
|
4
|
+
import { gray as o, brand as s } from "../theme-primitives.js";
|
|
5
|
+
import { t as a } from "../../tabClasses-CXQXD3XZ.js";
|
|
6
|
+
import { a as d } from "../../colorManipulator-CPZHCebU.js";
|
|
7
|
+
const n = l(/* @__PURE__ */ t.jsx("path", {
|
|
8
8
|
d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
|
|
9
|
-
}), "UnfoldMoreRounded"),
|
|
9
|
+
}), "UnfoldMoreRounded"), g = {
|
|
10
|
+
MuiAppBar: {
|
|
11
|
+
styleOverrides: {
|
|
12
|
+
root: ({ theme: r }) => ({
|
|
13
|
+
backgroundColor: (r.vars || r).palette.background.default,
|
|
14
|
+
"&.MuiAppBar-colorPrimary": {
|
|
15
|
+
backgroundColor: (r.vars || r).palette.background.default
|
|
16
|
+
},
|
|
17
|
+
boxShadow: "none",
|
|
18
|
+
backgroundImage: "none",
|
|
19
|
+
borderBottom: "1px solid",
|
|
20
|
+
borderColor: (r.vars || r).palette.divider
|
|
21
|
+
})
|
|
22
|
+
}
|
|
23
|
+
},
|
|
10
24
|
MuiMenu: {
|
|
11
25
|
styleOverrides: {
|
|
12
26
|
list: {
|
|
@@ -34,7 +48,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
|
|
|
34
48
|
},
|
|
35
49
|
MuiSelect: {
|
|
36
50
|
defaultProps: {
|
|
37
|
-
IconComponent: i.forwardRef((r, e) => /* @__PURE__ */
|
|
51
|
+
IconComponent: i.forwardRef((r, e) => /* @__PURE__ */ t.jsx(n, { fontSize: "small", ...r, ref: e }))
|
|
38
52
|
}
|
|
39
53
|
},
|
|
40
54
|
MuiLink: {
|
|
@@ -63,7 +77,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
|
|
|
63
77
|
width: 0
|
|
64
78
|
},
|
|
65
79
|
"&:focus-visible": {
|
|
66
|
-
outline: `3px solid ${
|
|
80
|
+
outline: `3px solid ${d(s[500], 0.5)}`,
|
|
67
81
|
outlineOffset: "4px",
|
|
68
82
|
borderRadius: "2px"
|
|
69
83
|
}
|
|
@@ -122,7 +136,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
|
|
|
122
136
|
color: (r.vars || r).palette.text.primary,
|
|
123
137
|
backgroundColor: (r.vars || r).palette.action.hover
|
|
124
138
|
},
|
|
125
|
-
[`&.${
|
|
139
|
+
[`&.${a.selected}`]: {
|
|
126
140
|
color: (r.vars || r).palette.text.primary,
|
|
127
141
|
backgroundColor: (r.vars || r).palette.action.selected
|
|
128
142
|
},
|
|
@@ -131,7 +145,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
|
|
|
131
145
|
color: (r.vars || r).palette.text.primary,
|
|
132
146
|
backgroundColor: (r.vars || r).palette.action.hover
|
|
133
147
|
},
|
|
134
|
-
[`&.${
|
|
148
|
+
[`&.${a.selected}`]: {
|
|
135
149
|
color: (r.vars || r).palette.text.primary,
|
|
136
150
|
backgroundColor: (r.vars || r).palette.action.selected
|
|
137
151
|
}
|
|
@@ -203,5 +217,5 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
|
|
|
203
217
|
}
|
|
204
218
|
};
|
|
205
219
|
export {
|
|
206
|
-
|
|
220
|
+
g as navigationCustomizations
|
|
207
221
|
};
|