@solostylist/ui-kit 1.0.50 → 1.0.51

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.
Files changed (3) hide show
  1. package/dist/s-file-dropzone/s-file-dropzone.js +49 -45
  2. package/dist/theme/customizations/inputs.js +92 -114
  3. package/package.json +1 -1
package/dist/s-file-dropzone/s-file-dropzone.js CHANGED
@@ -1,30 +1,34 @@
1
1
  import { j as e } from "../jsx-runtime-C5mzlN2N.js";
2
- import { Avatar as v, Tooltip as y, IconButton as b, Button as I } from "@mui/material";
3
- import { IconCloudUp as S, IconX as z } from "@tabler/icons-react";
4
- import { useDropzone as C } from "react-dropzone";
5
- import k from "../s-file-icon/s-file-icon.js";
6
- import w from "../s-form/s-form.js";
7
- import { bytesToSize as B } from "../utils/bytes-to-size.js";
8
- import { S as r } from "../Stack-CHCAZYKm.js";
9
- import { B as p } from "../Box-BOnkyXg-.js";
2
+ import { c as p } from "../createSvgIcon-FIMSBrG5.js";
3
+ import { Avatar as y, Tooltip as b, IconButton as C, Button as I } from "@mui/material";
4
+ import { useDropzone as z } from "react-dropzone";
5
+ import S from "../s-file-icon/s-file-icon.js";
6
+ import k from "../s-form/s-form.js";
7
+ import { bytesToSize as w } from "../utils/bytes-to-size.js";
8
+ import { S as t } from "../Stack-CHCAZYKm.js";
9
+ import { B as d } from "../Box-BOnkyXg-.js";
10
10
  import { T as o } from "../Typography-8CUP66S2.js";
11
- const H = ({
11
+ const B = p(/* @__PURE__ */ e.jsx("path", {
12
+ d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
13
+ }), "CloseOutlined"), D = p(/* @__PURE__ */ e.jsx("path", {
14
+ d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3M8 13h2.55v3h2.9v-3H16l-4-4z"
15
+ }), "CloudUploadOutlined"), G = ({
12
16
  caption: i,
13
- label: d = "",
14
- error: x,
15
- onRemoveAll: m,
16
- onUpload: D,
17
+ label: x = "",
18
+ error: m,
19
+ onRemoveAll: u,
20
+ onUpload: M,
17
21
  onRemove: s,
18
22
  required: h = !1,
19
- disabledUpload: T = !1,
23
+ disabledUpload: O = !1,
20
24
  isShowBtnRemoveAll: j = !1,
21
25
  ...n
22
26
  }) => {
23
- var l, c;
24
- const { getRootProps: u, getInputProps: g, isDragActive: a } = C(n);
25
- return /* @__PURE__ */ e.jsxs(w, { error: x, label: d, required: h, children: [
26
- /* @__PURE__ */ e.jsx(r, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
27
- p,
27
+ var a, c;
28
+ const { getRootProps: g, getInputProps: f, isDragActive: l } = z(n);
29
+ return /* @__PURE__ */ e.jsxs(k, { error: m, label: x, required: h, children: [
30
+ /* @__PURE__ */ e.jsx(t, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
31
+ d,
28
32
  {
29
33
  sx: {
30
34
  alignItems: "center",
@@ -35,33 +39,33 @@ const H = ({
35
39
  flexWrap: "wrap",
36
40
  justifyContent: "center",
37
41
  outline: "none",
38
- p: 6,
39
- ...a && {
42
+ p: 4,
43
+ ...l && {
40
44
  bgcolor: "var(--s-palette-action-selected)",
41
45
  opacity: 0.5
42
46
  },
43
47
  "&:hover": {
44
- ...!a && {
48
+ ...!l && {
45
49
  bgcolor: "var(--s-palette-action-hover)"
46
50
  }
47
51
  }
48
52
  },
49
- ...u(),
53
+ ...g(),
50
54
  children: [
51
- /* @__PURE__ */ e.jsx("input", { ...g() }),
52
- /* @__PURE__ */ e.jsxs(r, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
55
+ /* @__PURE__ */ e.jsx("input", { ...f() }),
56
+ /* @__PURE__ */ e.jsxs(t, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
53
57
  /* @__PURE__ */ e.jsx(
54
- v,
58
+ y,
55
59
  {
56
60
  sx: {
57
61
  bgcolor: "var(--s-palette-background-paper)",
58
- color: "var(--s-palette-text-primary)"
62
+ color: "var(--s-palette-text-secondary)"
59
63
  },
60
- children: /* @__PURE__ */ e.jsx(S, {})
64
+ children: /* @__PURE__ */ e.jsx(D, {})
61
65
  }
62
66
  ),
63
- /* @__PURE__ */ e.jsxs(r, { spacing: 1, children: [
64
- /* @__PURE__ */ e.jsxs(o, { variant: "h6", children: [
67
+ /* @__PURE__ */ e.jsxs(t, { spacing: 1, children: [
68
+ /* @__PURE__ */ e.jsxs(o, { color: "text.secondary", variant: "body2", children: [
65
69
  /* @__PURE__ */ e.jsx(o, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
66
70
  " ",
67
71
  "or drag and drop your files here"
@@ -72,11 +76,11 @@ const H = ({
72
76
  ]
73
77
  }
74
78
  ) }),
75
- (l = n.files) != null && l.length ? /* @__PURE__ */ e.jsxs(r, { mt: 2, spacing: 2, children: [
76
- /* @__PURE__ */ e.jsx(r, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (c = n.files) == null ? void 0 : c.map((t) => {
77
- const f = t.name.split(".").pop();
79
+ (a = n.files) != null && a.length ? /* @__PURE__ */ e.jsxs(t, { mt: 2, spacing: 2, children: [
80
+ /* @__PURE__ */ e.jsx(t, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (c = n.files) == null ? void 0 : c.map((r) => {
81
+ const v = r.name.split(".").pop();
78
82
  return /* @__PURE__ */ e.jsxs(
79
- r,
83
+ t,
80
84
  {
81
85
  component: "li",
82
86
  direction: "row",
@@ -89,29 +93,29 @@ const H = ({
89
93
  p: 1
90
94
  },
91
95
  children: [
92
- /* @__PURE__ */ e.jsx(k, { extension: f }),
93
- /* @__PURE__ */ e.jsxs(p, { sx: { flex: "1 1 auto" }, children: [
94
- /* @__PURE__ */ e.jsx(o, { variant: "subtitle2", children: t.name }),
95
- /* @__PURE__ */ e.jsx(o, { color: "text.secondary", variant: "body2", children: B(t.size) })
96
+ /* @__PURE__ */ e.jsx(S, { extension: v }),
97
+ /* @__PURE__ */ e.jsxs(d, { sx: { flex: "1 1 auto" }, children: [
98
+ /* @__PURE__ */ e.jsx(o, { variant: "subtitle2", children: r.name }),
99
+ /* @__PURE__ */ e.jsx(o, { color: "text.secondary", variant: "body2", children: w(r.size) })
96
100
  ] }),
97
- /* @__PURE__ */ e.jsx(y, { title: "Remove", children: /* @__PURE__ */ e.jsx(
98
- b,
101
+ /* @__PURE__ */ e.jsx(b, { title: "Remove", children: /* @__PURE__ */ e.jsx(
102
+ C,
99
103
  {
100
104
  onClick: () => {
101
- s == null || s(t);
105
+ s == null || s(r);
102
106
  },
103
- children: /* @__PURE__ */ e.jsx(z, {})
107
+ children: /* @__PURE__ */ e.jsx(B, {})
104
108
  }
105
109
  ) })
106
110
  ]
107
111
  },
108
- t.size
112
+ r.size
109
113
  );
110
114
  }) }),
111
- /* @__PURE__ */ e.jsx(r, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: j && /* @__PURE__ */ e.jsx(I, { onClick: m, size: "small", type: "button", variant: "text", children: "Remove all" }) })
115
+ /* @__PURE__ */ e.jsx(t, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: j && /* @__PURE__ */ e.jsx(I, { onClick: u, size: "small", type: "button", variant: "text", children: "Remove all" }) })
112
116
  ] }) : null
113
117
  ] });
114
118
  };
115
119
  export {
116
- H as default
120
+ G as default
117
121
  };
package/dist/theme/customizations/inputs.js CHANGED
@@ -1,17 +1,17 @@
1
- import { j as t } from "../../jsx-runtime-C5mzlN2N.js";
2
- import { c as n } from "../../createSvgIcon-FIMSBrG5.js";
3
- import { brand as e, gray as r } from "../theme-primitives.js";
4
- import { o as i } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
5
- import { g as d } from "../../generateUtilityClasses-CvAVhM6T.js";
1
+ import { j as a } from "../../jsx-runtime-C5mzlN2N.js";
2
+ import { c as i } from "../../createSvgIcon-FIMSBrG5.js";
3
+ import { brand as r, gray as e } from "../theme-primitives.js";
4
+ import { o as d } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
5
+ import { g as n } from "../../generateUtilityClasses-CvAVhM6T.js";
6
6
  import { s } from "../../svgIconClasses-SRBiyaM8.js";
7
- import { a } from "../../createTheme-CyFSna1a.js";
8
- const c = n(/* @__PURE__ */ t.jsx("path", {
7
+ import { a as t } from "../../createTheme-CyFSna1a.js";
8
+ const c = i(/* @__PURE__ */ a.jsx("path", {
9
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"
10
- }), "CheckBoxOutlineBlankRounded"), p = n(/* @__PURE__ */ t.jsx("path", {
10
+ }), "CheckBoxOutlineBlankRounded"), p = i(/* @__PURE__ */ a.jsx("path", {
11
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"
12
- }), "CheckRounded"), u = n(/* @__PURE__ */ t.jsx("path", {
12
+ }), "CheckRounded"), u = i(/* @__PURE__ */ a.jsx("path", {
13
13
  d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
14
- }), "RemoveRounded"), b = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), l = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
14
+ }), "RemoveRounded"), b = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), l = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
15
15
  MuiButtonBase: {
16
16
  defaultProps: {
17
17
  disableTouchRipple: !0,
@@ -63,47 +63,25 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
63
63
  variant: "contained"
64
64
  },
65
65
  style: {
66
- color: "white",
67
- backgroundColor: r[900],
68
- backgroundImage: `linear-gradient(to bottom, ${r[700]}, ${r[800]})`,
69
- boxShadow: `inset 0 1px 0 ${r[600]}, inset 0 -1px 0 1px hsl(220, 0%, 0%)`,
70
- border: `1px solid ${r[700]}`,
71
- "&:hover": {
72
- backgroundImage: "none",
73
- backgroundColor: r[700],
74
- boxShadow: "none"
75
- },
76
- "&:active": {
77
- backgroundColor: r[800]
78
- },
79
- "&.MuiButton-loading": {
80
- "& .MuiButton-loadingIndicator": {
81
- color: "white"
82
- }
83
- },
84
66
  ...o.applyStyles("dark", {
85
- color: "black",
86
- backgroundColor: r[50],
87
- backgroundImage: `linear-gradient(to bottom, ${r[100]}, ${r[50]})`,
88
- boxShadow: "inset 0 -1px 0 hsl(220, 30%, 80%)",
89
- border: `1px solid ${r[50]}`,
67
+ color: "white",
68
+ backgroundImage: "linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%)",
69
+ transition: "0.5s",
70
+ backgroundSize: "200% auto",
90
71
  "&:hover": {
91
- backgroundImage: "none",
92
- backgroundColor: r[300],
93
- boxShadow: "none"
72
+ backgroundPosition: "right center",
73
+ textDecoration: "none"
94
74
  },
95
75
  "&:active": {
96
- backgroundColor: r[400]
76
+ filter: "brightness(1.1)"
97
77
  },
98
78
  "&.MuiButton-loading": {
99
79
  "& .MuiButton-loadingIndicator": {
100
- color: "black"
80
+ color: "white"
101
81
  }
102
82
  },
103
83
  "&.Mui-disabled": {
104
- color: r[400],
105
- backgroundColor: r[300],
106
- backgroundImage: "none"
84
+ color: e[400]
107
85
  }
108
86
  })
109
87
  }
@@ -115,16 +93,16 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
115
93
  },
116
94
  style: {
117
95
  color: "white",
118
- backgroundColor: e[300],
119
- backgroundImage: `linear-gradient(to bottom, ${a(e[400], 0.8)}, ${e[500]})`,
120
- boxShadow: `inset 0 2px 0 ${a(e[200], 0.2)}, inset 0 -2px 0 ${a(e[700], 0.4)}`,
121
- border: `1px solid ${e[500]}`,
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]}`,
122
100
  "&:hover": {
123
- backgroundColor: e[700],
101
+ backgroundColor: r[700],
124
102
  boxShadow: "none"
125
103
  },
126
104
  "&:active": {
127
- backgroundColor: e[700],
105
+ backgroundColor: r[700],
128
106
  backgroundImage: "none"
129
107
  },
130
108
  "&.MuiButton-loading": {
@@ -141,14 +119,14 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
141
119
  style: {
142
120
  color: (o.vars || o).palette.text.primary,
143
121
  border: "1px solid",
144
- borderColor: r[200],
145
- backgroundColor: a(r[50], 0.3),
122
+ borderColor: e[200],
123
+ backgroundColor: t(e[50], 0.3),
146
124
  "&:hover": {
147
- backgroundColor: r[100],
148
- borderColor: r[300]
125
+ backgroundColor: e[100],
126
+ borderColor: e[300]
149
127
  },
150
128
  "&:active": {
151
- backgroundColor: r[200]
129
+ backgroundColor: e[200]
152
130
  },
153
131
  "&.MuiButton-loading": {
154
132
  "& .MuiButton-loadingIndicator": {
@@ -156,14 +134,14 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
156
134
  }
157
135
  },
158
136
  ...o.applyStyles("dark", {
159
- backgroundColor: r[800],
160
- borderColor: r[700],
137
+ backgroundColor: e[800],
138
+ borderColor: e[700],
161
139
  "&:hover": {
162
- backgroundColor: r[900],
163
- borderColor: r[600]
140
+ backgroundColor: e[900],
141
+ borderColor: e[600]
164
142
  },
165
143
  "&:active": {
166
- backgroundColor: r[900]
144
+ backgroundColor: e[900]
167
145
  }
168
146
  })
169
147
  }
@@ -174,28 +152,28 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
174
152
  variant: "outlined"
175
153
  },
176
154
  style: {
177
- color: e[700],
155
+ color: r[700],
178
156
  border: "1px solid",
179
- borderColor: e[200],
180
- backgroundColor: e[50],
157
+ borderColor: r[200],
158
+ backgroundColor: r[50],
181
159
  "&:hover": {
182
- backgroundColor: e[100],
183
- borderColor: e[400]
160
+ backgroundColor: r[100],
161
+ borderColor: r[400]
184
162
  },
185
163
  "&:active": {
186
- backgroundColor: a(e[200], 0.7)
164
+ backgroundColor: t(r[200], 0.7)
187
165
  },
188
166
  ...o.applyStyles("dark", {
189
- color: e[50],
167
+ color: r[50],
190
168
  border: "1px solid",
191
- borderColor: e[900],
192
- backgroundColor: a(e[900], 0.3),
169
+ borderColor: r[900],
170
+ backgroundColor: t(r[900], 0.3),
193
171
  "&:hover": {
194
- borderColor: e[700],
195
- backgroundColor: a(e[900], 0.6)
172
+ borderColor: r[700],
173
+ backgroundColor: t(r[900], 0.6)
196
174
  },
197
175
  "&:active": {
198
- backgroundColor: a(e[900], 0.5)
176
+ backgroundColor: t(r[900], 0.5)
199
177
  }
200
178
  })
201
179
  }
@@ -205,20 +183,20 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
205
183
  variant: "text"
206
184
  },
207
185
  style: {
208
- color: r[600],
186
+ color: e[600],
209
187
  "&:hover": {
210
- backgroundColor: r[100]
188
+ backgroundColor: e[100]
211
189
  },
212
190
  "&:active": {
213
- backgroundColor: r[200]
191
+ backgroundColor: e[200]
214
192
  },
215
193
  ...o.applyStyles("dark", {
216
- color: r[50],
194
+ color: e[50],
217
195
  "&:hover": {
218
- backgroundColor: r[700]
196
+ backgroundColor: e[700]
219
197
  },
220
198
  "&:active": {
221
- backgroundColor: a(r[700], 0.7)
199
+ backgroundColor: t(e[700], 0.7)
222
200
  }
223
201
  })
224
202
  }
@@ -229,20 +207,20 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
229
207
  variant: "text"
230
208
  },
231
209
  style: {
232
- color: e[700],
210
+ color: r[700],
233
211
  "&:hover": {
234
- backgroundColor: a(e[100], 0.5)
212
+ backgroundColor: t(r[100], 0.5)
235
213
  },
236
214
  "&:active": {
237
- backgroundColor: a(e[200], 0.7)
215
+ backgroundColor: t(r[200], 0.7)
238
216
  },
239
217
  ...o.applyStyles("dark", {
240
- color: e[100],
218
+ color: r[100],
241
219
  "&:hover": {
242
- backgroundColor: a(e[900], 0.5)
220
+ backgroundColor: t(r[900], 0.5)
243
221
  },
244
222
  "&:active": {
245
- backgroundColor: a(e[900], 0.3)
223
+ backgroundColor: t(r[900], 0.3)
246
224
  }
247
225
  })
248
226
  }
@@ -261,24 +239,24 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
261
239
  letterSpacing: 0,
262
240
  color: (o.vars || o).palette.text.primary,
263
241
  // border: '1px solid ',
264
- borderColor: r[200],
242
+ borderColor: e[200],
265
243
  // backgroundColor: alpha(gray[50], 0.3),
266
244
  "&:hover": {
267
245
  backgroundColor: (o.vars || o).palette.action.hover,
268
- borderColor: r[300]
246
+ borderColor: e[300]
269
247
  },
270
248
  "&:active": {
271
- backgroundColor: r[200]
249
+ backgroundColor: e[200]
272
250
  },
273
251
  ...o.applyStyles("dark", {
274
252
  // backgroundColor: gray[800],
275
- borderColor: r[700],
253
+ borderColor: e[700],
276
254
  "&:hover": {
277
255
  backgroundColor: (o.vars || o).palette.action.hover,
278
- borderColor: r[600]
256
+ borderColor: e[600]
279
257
  },
280
258
  "&:active": {
281
- backgroundColor: r[900]
259
+ backgroundColor: e[900]
282
260
  }
283
261
  }),
284
262
  variants: [
@@ -310,15 +288,15 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
310
288
  styleOverrides: {
311
289
  root: ({ theme: o }) => ({
312
290
  borderRadius: "10px",
313
- boxShadow: `0 4px 16px ${a(r[400], 0.2)}`,
291
+ boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
314
292
  [`& .${l.selected}`]: {
315
- color: e[500]
293
+ color: r[500]
316
294
  },
317
295
  ...o.applyStyles("dark", {
318
296
  [`& .${l.selected}`]: {
319
297
  color: "#fff"
320
298
  },
321
- boxShadow: `0 4px 16px ${a(e[700], 0.5)}`
299
+ boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
322
300
  })
323
301
  })
324
302
  }
@@ -331,10 +309,10 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
331
309
  borderRadius: "10px",
332
310
  fontWeight: 500,
333
311
  ...o.applyStyles("dark", {
334
- color: r[400],
312
+ color: e[400],
335
313
  boxShadow: "0 4px 16px rgba(0, 0, 0, 0.5)",
336
314
  [`&.${b.selected}`]: {
337
- color: e[300]
315
+ color: r[300]
338
316
  }
339
317
  })
340
318
  })
@@ -343,9 +321,9 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
343
321
  MuiCheckbox: {
344
322
  defaultProps: {
345
323
  disableRipple: !0,
346
- icon: /* @__PURE__ */ t.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
347
- checkedIcon: /* @__PURE__ */ t.jsx(p, { sx: { height: 14, width: 14 } }),
348
- indeterminateIcon: /* @__PURE__ */ t.jsx(u, { sx: { height: 14, width: 14 } })
324
+ icon: /* @__PURE__ */ a.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
325
+ checkedIcon: /* @__PURE__ */ a.jsx(p, { sx: { height: 14, width: 14 } }),
326
+ indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
349
327
  },
350
328
  styleOverrides: {
351
329
  root: ({ theme: o }) => ({
@@ -354,37 +332,37 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
354
332
  width: 16,
355
333
  borderRadius: 5,
356
334
  border: "1px solid ",
357
- borderColor: a(r[300], 0.8),
335
+ borderColor: t(e[300], 0.8),
358
336
  boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
359
- backgroundColor: a(r[100], 0.4),
337
+ backgroundColor: t(e[100], 0.4),
360
338
  transition: "border-color, background-color, 120ms ease-in",
361
339
  "&:hover": {
362
- borderColor: e[300]
340
+ borderColor: r[300]
363
341
  },
364
342
  "&.Mui-focusVisible": {
365
- outline: `3px solid ${a(e[500], 0.5)}`,
343
+ outline: `3px solid ${t(r[500], 0.5)}`,
366
344
  outlineOffset: "2px",
367
- borderColor: e[400]
345
+ borderColor: r[400]
368
346
  },
369
347
  "&.Mui-checked": {
370
348
  color: "white",
371
- backgroundColor: e[500],
372
- borderColor: e[500],
349
+ backgroundColor: r[500],
350
+ borderColor: r[500],
373
351
  boxShadow: "none",
374
352
  "&:hover": {
375
- backgroundColor: e[600]
353
+ backgroundColor: r[600]
376
354
  }
377
355
  },
378
356
  ...o.applyStyles("dark", {
379
- borderColor: a(r[700], 0.8),
357
+ borderColor: t(e[700], 0.8),
380
358
  boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
381
- backgroundColor: a(r[900], 0.8),
359
+ backgroundColor: t(e[900], 0.8),
382
360
  "&:hover": {
383
- borderColor: e[300]
361
+ borderColor: r[300]
384
362
  },
385
363
  "&.Mui-focusVisible": {
386
- borderColor: e[400],
387
- outline: `3px solid ${a(e[500], 0.5)}`,
364
+ borderColor: r[400],
365
+ outline: `3px solid ${t(r[500], 0.5)}`,
388
366
  outlineOffset: "2px"
389
367
  }
390
368
  })
@@ -399,7 +377,7 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
399
377
  input: {
400
378
  "&::placeholder": {
401
379
  opacity: 0.7,
402
- color: r[500]
380
+ color: e[500]
403
381
  }
404
382
  }
405
383
  }
@@ -451,15 +429,15 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
451
429
  backgroundColor: (o.vars || o).palette.background.default,
452
430
  transition: "border 120ms ease-in",
453
431
  "&:hover": {
454
- borderColor: r[400]
455
- },
456
- [`&.${i.focused}`]: {
457
- outline: `3px solid ${a(e[500], 0.5)}`,
458
432
  borderColor: e[400]
459
433
  },
434
+ [`&.${d.focused}`]: {
435
+ outline: `3px solid ${t(r[500], 0.5)}`,
436
+ borderColor: r[400]
437
+ },
460
438
  ...o.applyStyles("dark", {
461
439
  "&:hover": {
462
- borderColor: r[500]
440
+ borderColor: e[500]
463
441
  }
464
442
  }),
465
443
  variants: [
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.50",
6
+ "version": "1.0.51",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",