@solostylist/ui-kit 1.0.50 → 1.0.52

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 +93 -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 p = 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"), c = 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,26 @@ 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
+ boxShadow: "0px 0px 0px 1px #004e92",
70
+ transition: "0.5s",
71
+ backgroundSize: "200% auto",
90
72
  "&:hover": {
91
- backgroundImage: "none",
92
- backgroundColor: r[300],
93
- boxShadow: "none"
73
+ backgroundPosition: "right center",
74
+ textDecoration: "none"
94
75
  },
95
76
  "&:active": {
96
- backgroundColor: r[400]
77
+ filter: "brightness(1.1)"
97
78
  },
98
79
  "&.MuiButton-loading": {
99
80
  "& .MuiButton-loadingIndicator": {
100
- color: "black"
81
+ color: "white"
101
82
  }
102
83
  },
103
84
  "&.Mui-disabled": {
104
- color: r[400],
105
- backgroundColor: r[300],
106
- backgroundImage: "none"
85
+ color: e[400]
107
86
  }
108
87
  })
109
88
  }
@@ -115,16 +94,16 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
115
94
  },
116
95
  style: {
117
96
  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]}`,
97
+ backgroundColor: r[300],
98
+ backgroundImage: `linear-gradient(to bottom, ${t(r[400], 0.8)}, ${r[500]})`,
99
+ boxShadow: `inset 0 2px 0 ${t(r[200], 0.2)}, inset 0 -2px 0 ${t(r[700], 0.4)}`,
100
+ border: `1px solid ${r[500]}`,
122
101
  "&:hover": {
123
- backgroundColor: e[700],
102
+ backgroundColor: r[700],
124
103
  boxShadow: "none"
125
104
  },
126
105
  "&:active": {
127
- backgroundColor: e[700],
106
+ backgroundColor: r[700],
128
107
  backgroundImage: "none"
129
108
  },
130
109
  "&.MuiButton-loading": {
@@ -141,14 +120,14 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
141
120
  style: {
142
121
  color: (o.vars || o).palette.text.primary,
143
122
  border: "1px solid",
144
- borderColor: r[200],
145
- backgroundColor: a(r[50], 0.3),
123
+ borderColor: e[200],
124
+ backgroundColor: t(e[50], 0.3),
146
125
  "&:hover": {
147
- backgroundColor: r[100],
148
- borderColor: r[300]
126
+ backgroundColor: e[100],
127
+ borderColor: e[300]
149
128
  },
150
129
  "&:active": {
151
- backgroundColor: r[200]
130
+ backgroundColor: e[200]
152
131
  },
153
132
  "&.MuiButton-loading": {
154
133
  "& .MuiButton-loadingIndicator": {
@@ -156,14 +135,14 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
156
135
  }
157
136
  },
158
137
  ...o.applyStyles("dark", {
159
- backgroundColor: r[800],
160
- borderColor: r[700],
138
+ backgroundColor: e[800],
139
+ borderColor: e[700],
161
140
  "&:hover": {
162
- backgroundColor: r[900],
163
- borderColor: r[600]
141
+ backgroundColor: e[900],
142
+ borderColor: e[600]
164
143
  },
165
144
  "&:active": {
166
- backgroundColor: r[900]
145
+ backgroundColor: e[900]
167
146
  }
168
147
  })
169
148
  }
@@ -174,28 +153,28 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
174
153
  variant: "outlined"
175
154
  },
176
155
  style: {
177
- color: e[700],
156
+ color: r[700],
178
157
  border: "1px solid",
179
- borderColor: e[200],
180
- backgroundColor: e[50],
158
+ borderColor: r[200],
159
+ backgroundColor: r[50],
181
160
  "&:hover": {
182
- backgroundColor: e[100],
183
- borderColor: e[400]
161
+ backgroundColor: r[100],
162
+ borderColor: r[400]
184
163
  },
185
164
  "&:active": {
186
- backgroundColor: a(e[200], 0.7)
165
+ backgroundColor: t(r[200], 0.7)
187
166
  },
188
167
  ...o.applyStyles("dark", {
189
- color: e[50],
168
+ color: r[50],
190
169
  border: "1px solid",
191
- borderColor: e[900],
192
- backgroundColor: a(e[900], 0.3),
170
+ borderColor: r[900],
171
+ backgroundColor: t(r[900], 0.3),
193
172
  "&:hover": {
194
- borderColor: e[700],
195
- backgroundColor: a(e[900], 0.6)
173
+ borderColor: r[700],
174
+ backgroundColor: t(r[900], 0.6)
196
175
  },
197
176
  "&:active": {
198
- backgroundColor: a(e[900], 0.5)
177
+ backgroundColor: t(r[900], 0.5)
199
178
  }
200
179
  })
201
180
  }
@@ -205,20 +184,20 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
205
184
  variant: "text"
206
185
  },
207
186
  style: {
208
- color: r[600],
187
+ color: e[600],
209
188
  "&:hover": {
210
- backgroundColor: r[100]
189
+ backgroundColor: e[100]
211
190
  },
212
191
  "&:active": {
213
- backgroundColor: r[200]
192
+ backgroundColor: e[200]
214
193
  },
215
194
  ...o.applyStyles("dark", {
216
- color: r[50],
195
+ color: e[50],
217
196
  "&:hover": {
218
- backgroundColor: r[700]
197
+ backgroundColor: e[700]
219
198
  },
220
199
  "&:active": {
221
- backgroundColor: a(r[700], 0.7)
200
+ backgroundColor: t(e[700], 0.7)
222
201
  }
223
202
  })
224
203
  }
@@ -229,20 +208,20 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
229
208
  variant: "text"
230
209
  },
231
210
  style: {
232
- color: e[700],
211
+ color: r[700],
233
212
  "&:hover": {
234
- backgroundColor: a(e[100], 0.5)
213
+ backgroundColor: t(r[100], 0.5)
235
214
  },
236
215
  "&:active": {
237
- backgroundColor: a(e[200], 0.7)
216
+ backgroundColor: t(r[200], 0.7)
238
217
  },
239
218
  ...o.applyStyles("dark", {
240
- color: e[100],
219
+ color: r[100],
241
220
  "&:hover": {
242
- backgroundColor: a(e[900], 0.5)
221
+ backgroundColor: t(r[900], 0.5)
243
222
  },
244
223
  "&:active": {
245
- backgroundColor: a(e[900], 0.3)
224
+ backgroundColor: t(r[900], 0.3)
246
225
  }
247
226
  })
248
227
  }
@@ -261,24 +240,24 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
261
240
  letterSpacing: 0,
262
241
  color: (o.vars || o).palette.text.primary,
263
242
  // border: '1px solid ',
264
- borderColor: r[200],
243
+ borderColor: e[200],
265
244
  // backgroundColor: alpha(gray[50], 0.3),
266
245
  "&:hover": {
267
246
  backgroundColor: (o.vars || o).palette.action.hover,
268
- borderColor: r[300]
247
+ borderColor: e[300]
269
248
  },
270
249
  "&:active": {
271
- backgroundColor: r[200]
250
+ backgroundColor: e[200]
272
251
  },
273
252
  ...o.applyStyles("dark", {
274
253
  // backgroundColor: gray[800],
275
- borderColor: r[700],
254
+ borderColor: e[700],
276
255
  "&:hover": {
277
256
  backgroundColor: (o.vars || o).palette.action.hover,
278
- borderColor: r[600]
257
+ borderColor: e[600]
279
258
  },
280
259
  "&:active": {
281
- backgroundColor: r[900]
260
+ backgroundColor: e[900]
282
261
  }
283
262
  }),
284
263
  variants: [
@@ -310,15 +289,15 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
310
289
  styleOverrides: {
311
290
  root: ({ theme: o }) => ({
312
291
  borderRadius: "10px",
313
- boxShadow: `0 4px 16px ${a(r[400], 0.2)}`,
292
+ boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
314
293
  [`& .${l.selected}`]: {
315
- color: e[500]
294
+ color: r[500]
316
295
  },
317
296
  ...o.applyStyles("dark", {
318
297
  [`& .${l.selected}`]: {
319
298
  color: "#fff"
320
299
  },
321
- boxShadow: `0 4px 16px ${a(e[700], 0.5)}`
300
+ boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
322
301
  })
323
302
  })
324
303
  }
@@ -331,10 +310,10 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
331
310
  borderRadius: "10px",
332
311
  fontWeight: 500,
333
312
  ...o.applyStyles("dark", {
334
- color: r[400],
313
+ color: e[400],
335
314
  boxShadow: "0 4px 16px rgba(0, 0, 0, 0.5)",
336
315
  [`&.${b.selected}`]: {
337
- color: e[300]
316
+ color: r[300]
338
317
  }
339
318
  })
340
319
  })
@@ -343,9 +322,9 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
343
322
  MuiCheckbox: {
344
323
  defaultProps: {
345
324
  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 } })
325
+ icon: /* @__PURE__ */ a.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
326
+ checkedIcon: /* @__PURE__ */ a.jsx(c, { sx: { height: 14, width: 14 } }),
327
+ indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
349
328
  },
350
329
  styleOverrides: {
351
330
  root: ({ theme: o }) => ({
@@ -354,37 +333,37 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
354
333
  width: 16,
355
334
  borderRadius: 5,
356
335
  border: "1px solid ",
357
- borderColor: a(r[300], 0.8),
336
+ borderColor: t(e[300], 0.8),
358
337
  boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
359
- backgroundColor: a(r[100], 0.4),
338
+ backgroundColor: t(e[100], 0.4),
360
339
  transition: "border-color, background-color, 120ms ease-in",
361
340
  "&:hover": {
362
- borderColor: e[300]
341
+ borderColor: r[300]
363
342
  },
364
343
  "&.Mui-focusVisible": {
365
- outline: `3px solid ${a(e[500], 0.5)}`,
344
+ outline: `3px solid ${t(r[500], 0.5)}`,
366
345
  outlineOffset: "2px",
367
- borderColor: e[400]
346
+ borderColor: r[400]
368
347
  },
369
348
  "&.Mui-checked": {
370
349
  color: "white",
371
- backgroundColor: e[500],
372
- borderColor: e[500],
350
+ backgroundColor: r[500],
351
+ borderColor: r[500],
373
352
  boxShadow: "none",
374
353
  "&:hover": {
375
- backgroundColor: e[600]
354
+ backgroundColor: r[600]
376
355
  }
377
356
  },
378
357
  ...o.applyStyles("dark", {
379
- borderColor: a(r[700], 0.8),
358
+ borderColor: t(e[700], 0.8),
380
359
  boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
381
- backgroundColor: a(r[900], 0.8),
360
+ backgroundColor: t(e[900], 0.8),
382
361
  "&:hover": {
383
- borderColor: e[300]
362
+ borderColor: r[300]
384
363
  },
385
364
  "&.Mui-focusVisible": {
386
- borderColor: e[400],
387
- outline: `3px solid ${a(e[500], 0.5)}`,
365
+ borderColor: r[400],
366
+ outline: `3px solid ${t(r[500], 0.5)}`,
388
367
  outlineOffset: "2px"
389
368
  }
390
369
  })
@@ -399,7 +378,7 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
399
378
  input: {
400
379
  "&::placeholder": {
401
380
  opacity: 0.7,
402
- color: r[500]
381
+ color: e[500]
403
382
  }
404
383
  }
405
384
  }
@@ -451,15 +430,15 @@ const c = n(/* @__PURE__ */ t.jsx("path", {
451
430
  backgroundColor: (o.vars || o).palette.background.default,
452
431
  transition: "border 120ms ease-in",
453
432
  "&:hover": {
454
- borderColor: r[400]
455
- },
456
- [`&.${i.focused}`]: {
457
- outline: `3px solid ${a(e[500], 0.5)}`,
458
433
  borderColor: e[400]
459
434
  },
435
+ [`&.${d.focused}`]: {
436
+ outline: `3px solid ${t(r[500], 0.5)}`,
437
+ borderColor: r[400]
438
+ },
460
439
  ...o.applyStyles("dark", {
461
440
  "&:hover": {
462
- borderColor: r[500]
441
+ borderColor: e[500]
463
442
  }
464
443
  }),
465
444
  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.52",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",