@solostylist/ui-kit 1.0.36 → 1.0.37

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 (2) hide show
  1. package/dist/theme/customizations/inputs.js +80 -80
  2. package/package.json +1 -1
package/dist/theme/customizations/inputs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { j as a } from "../../jsx-runtime-C5mzlN2N.js";
2
2
  import { c as l } from "../../createSvgIcon-FIMSBrG5.js";
3
- import { brand as e, gray as o } from "../theme-primitives.js";
3
+ import { brand as e, gray as r } from "../theme-primitives.js";
4
4
  import { o as n } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
5
5
  import { g as i } from "../../generateUtilityClasses-CvAVhM6T.js";
6
6
  import { s } from "../../svgIconClasses-SRBiyaM8.js";
@@ -18,11 +18,11 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
18
18
  disableRipple: !0
19
19
  },
20
20
  styleOverrides: {
21
- root: ({ theme: r }) => ({
21
+ root: ({ theme: o }) => ({
22
22
  boxSizing: "border-box",
23
23
  transition: "all 100ms ease-in",
24
24
  "&:focus-visible": {
25
- outline: `3px solid ${t(r.palette.primary.main, 0.5)}`,
25
+ outline: `3px solid ${t(o.palette.primary.main, 0.5)}`,
26
26
  outlineOffset: "2px"
27
27
  }
28
28
  })
@@ -30,9 +30,9 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
30
30
  },
31
31
  MuiButton: {
32
32
  styleOverrides: {
33
- root: ({ theme: r }) => ({
33
+ root: ({ theme: o }) => ({
34
34
  boxShadow: "none",
35
- borderRadius: (r.vars || r).shape.borderRadius,
35
+ borderRadius: (o.vars || o).shape.borderRadius,
36
36
  textTransform: "none",
37
37
  variants: [
38
38
  {
@@ -60,36 +60,36 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
60
60
  },
61
61
  style: {
62
62
  color: "white",
63
- backgroundColor: o[900],
64
- backgroundImage: `linear-gradient(to bottom, ${o[700]}, ${o[800]})`,
65
- boxShadow: `inset 0 1px 0 ${o[600]}, inset 0 -1px 0 1px hsl(220, 0%, 0%)`,
66
- border: `1px solid ${o[700]}`,
63
+ backgroundColor: r[900],
64
+ backgroundImage: `linear-gradient(to bottom, ${r[700]}, ${r[800]})`,
65
+ boxShadow: `inset 0 1px 0 ${r[600]}, inset 0 -1px 0 1px hsl(220, 0%, 0%)`,
66
+ border: `1px solid ${r[700]}`,
67
67
  "&:hover": {
68
68
  backgroundImage: "none",
69
- backgroundColor: o[700],
69
+ backgroundColor: r[700],
70
70
  boxShadow: "none"
71
71
  },
72
72
  "&:active": {
73
- backgroundColor: o[800]
73
+ backgroundColor: r[800]
74
74
  },
75
75
  "&.MuiButton-loading": {
76
76
  "& .MuiButton-loadingIndicator": {
77
77
  color: "white"
78
78
  }
79
79
  },
80
- ...r.applyStyles("dark", {
80
+ ...o.applyStyles("dark", {
81
81
  color: "black",
82
- backgroundColor: o[50],
83
- backgroundImage: `linear-gradient(to bottom, ${o[100]}, ${o[50]})`,
82
+ backgroundColor: r[50],
83
+ backgroundImage: `linear-gradient(to bottom, ${r[100]}, ${r[50]})`,
84
84
  boxShadow: "inset 0 -1px 0 hsl(220, 30%, 80%)",
85
- border: `1px solid ${o[50]}`,
85
+ border: `1px solid ${r[50]}`,
86
86
  "&:hover": {
87
87
  backgroundImage: "none",
88
- backgroundColor: o[300],
88
+ backgroundColor: r[300],
89
89
  boxShadow: "none"
90
90
  },
91
91
  "&:active": {
92
- backgroundColor: o[400]
92
+ backgroundColor: r[400]
93
93
  },
94
94
  "&.MuiButton-loading": {
95
95
  "& .MuiButton-loadingIndicator": {
@@ -130,31 +130,31 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
130
130
  variant: "outlined"
131
131
  },
132
132
  style: {
133
- color: (r.vars || r).palette.text.primary,
133
+ color: (o.vars || o).palette.text.primary,
134
134
  border: "1px solid",
135
- borderColor: o[200],
136
- backgroundColor: t(o[50], 0.3),
135
+ borderColor: r[200],
136
+ backgroundColor: t(r[50], 0.3),
137
137
  "&:hover": {
138
- backgroundColor: o[100],
139
- borderColor: o[300]
138
+ backgroundColor: r[100],
139
+ borderColor: r[300]
140
140
  },
141
141
  "&:active": {
142
- backgroundColor: o[200]
142
+ backgroundColor: r[200]
143
143
  },
144
144
  "&.MuiButton-loading": {
145
145
  "& .MuiButton-loadingIndicator": {
146
- color: (r.vars || r).palette.text.primary
146
+ color: (o.vars || o).palette.text.primary
147
147
  }
148
148
  },
149
- ...r.applyStyles("dark", {
150
- backgroundColor: o[800],
151
- borderColor: o[700],
149
+ ...o.applyStyles("dark", {
150
+ backgroundColor: r[800],
151
+ borderColor: r[700],
152
152
  "&:hover": {
153
- backgroundColor: o[900],
154
- borderColor: o[600]
153
+ backgroundColor: r[900],
154
+ borderColor: r[600]
155
155
  },
156
156
  "&:active": {
157
- backgroundColor: o[900]
157
+ backgroundColor: r[900]
158
158
  }
159
159
  })
160
160
  }
@@ -176,7 +176,7 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
176
176
  "&:active": {
177
177
  backgroundColor: t(e[200], 0.7)
178
178
  },
179
- ...r.applyStyles("dark", {
179
+ ...o.applyStyles("dark", {
180
180
  color: e[50],
181
181
  border: "1px solid",
182
182
  borderColor: e[900],
@@ -196,20 +196,20 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
196
196
  variant: "text"
197
197
  },
198
198
  style: {
199
- color: o[600],
199
+ color: r[600],
200
200
  "&:hover": {
201
- backgroundColor: o[100]
201
+ backgroundColor: r[100]
202
202
  },
203
203
  "&:active": {
204
- backgroundColor: o[200]
204
+ backgroundColor: r[200]
205
205
  },
206
- ...r.applyStyles("dark", {
207
- color: o[50],
206
+ ...o.applyStyles("dark", {
207
+ color: r[50],
208
208
  "&:hover": {
209
- backgroundColor: o[700]
209
+ backgroundColor: r[700]
210
210
  },
211
211
  "&:active": {
212
- backgroundColor: t(o[700], 0.7)
212
+ backgroundColor: t(r[700], 0.7)
213
213
  }
214
214
  })
215
215
  }
@@ -227,7 +227,7 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
227
227
  "&:active": {
228
228
  backgroundColor: t(e[200], 0.7)
229
229
  },
230
- ...r.applyStyles("dark", {
230
+ ...o.applyStyles("dark", {
231
231
  color: e[100],
232
232
  "&:hover": {
233
233
  backgroundColor: t(e[900], 0.5)
@@ -244,32 +244,32 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
244
244
  },
245
245
  MuiIconButton: {
246
246
  styleOverrides: {
247
- root: ({ theme: r }) => ({
247
+ root: ({ theme: o }) => ({
248
248
  boxShadow: "none",
249
249
  // borderRadius: (theme.vars || theme).shape.borderRadius,
250
250
  textTransform: "none",
251
- fontWeight: r.typography.fontWeightMedium,
251
+ fontWeight: o.typography.fontWeightMedium,
252
252
  letterSpacing: 0,
253
- color: (r.vars || r).palette.text.primary,
253
+ color: (o.vars || o).palette.text.primary,
254
254
  // border: '1px solid ',
255
- borderColor: o[200],
255
+ borderColor: r[200],
256
256
  // backgroundColor: alpha(gray[50], 0.3),
257
257
  "&:hover": {
258
- backgroundColor: o[100],
259
- borderColor: o[300]
258
+ backgroundColor: (o.vars || o).palette.action.hover,
259
+ borderColor: r[300]
260
260
  },
261
261
  "&:active": {
262
- backgroundColor: o[200]
262
+ backgroundColor: r[200]
263
263
  },
264
- ...r.applyStyles("dark", {
264
+ ...o.applyStyles("dark", {
265
265
  // backgroundColor: gray[800],
266
- borderColor: o[700],
266
+ borderColor: r[700],
267
267
  "&:hover": {
268
- backgroundColor: o[900],
269
- borderColor: o[600]
268
+ backgroundColor: (o.vars || o).palette.action.hover,
269
+ borderColor: r[600]
270
270
  },
271
271
  "&:active": {
272
- backgroundColor: o[900]
272
+ backgroundColor: r[900]
273
273
  }
274
274
  }),
275
275
  variants: [
@@ -299,13 +299,13 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
299
299
  },
300
300
  MuiToggleButtonGroup: {
301
301
  styleOverrides: {
302
- root: ({ theme: r }) => ({
302
+ root: ({ theme: o }) => ({
303
303
  borderRadius: "10px",
304
- boxShadow: `0 4px 16px ${t(o[400], 0.2)}`,
304
+ boxShadow: `0 4px 16px ${t(r[400], 0.2)}`,
305
305
  [`& .${d.selected}`]: {
306
306
  color: e[500]
307
307
  },
308
- ...r.applyStyles("dark", {
308
+ ...o.applyStyles("dark", {
309
309
  [`& .${d.selected}`]: {
310
310
  color: "#fff"
311
311
  },
@@ -316,13 +316,13 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
316
316
  },
317
317
  MuiToggleButton: {
318
318
  styleOverrides: {
319
- root: ({ theme: r }) => ({
319
+ root: ({ theme: o }) => ({
320
320
  padding: "12px 16px",
321
321
  textTransform: "none",
322
322
  borderRadius: "10px",
323
323
  fontWeight: 500,
324
- ...r.applyStyles("dark", {
325
- color: o[400],
324
+ ...o.applyStyles("dark", {
325
+ color: r[400],
326
326
  boxShadow: "0 4px 16px rgba(0, 0, 0, 0.5)",
327
327
  [`&.${b.selected}`]: {
328
328
  color: e[300]
@@ -339,15 +339,15 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
339
339
  indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
340
340
  },
341
341
  styleOverrides: {
342
- root: ({ theme: r }) => ({
342
+ root: ({ theme: o }) => ({
343
343
  margin: 10,
344
344
  height: 16,
345
345
  width: 16,
346
346
  borderRadius: 5,
347
347
  border: "1px solid ",
348
- borderColor: t(o[300], 0.8),
348
+ borderColor: t(r[300], 0.8),
349
349
  boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
350
- backgroundColor: t(o[100], 0.4),
350
+ backgroundColor: t(r[100], 0.4),
351
351
  transition: "border-color, background-color, 120ms ease-in",
352
352
  "&:hover": {
353
353
  borderColor: e[300]
@@ -366,10 +366,10 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
366
366
  backgroundColor: e[600]
367
367
  }
368
368
  },
369
- ...r.applyStyles("dark", {
370
- borderColor: t(o[700], 0.8),
369
+ ...o.applyStyles("dark", {
370
+ borderColor: t(r[700], 0.8),
371
371
  boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
372
- backgroundColor: t(o[900], 0.8),
372
+ backgroundColor: t(r[900], 0.8),
373
373
  "&:hover": {
374
374
  borderColor: e[300]
375
375
  },
@@ -390,16 +390,16 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
390
390
  input: {
391
391
  "&::placeholder": {
392
392
  opacity: 0.7,
393
- color: o[500]
393
+ color: r[500]
394
394
  }
395
395
  }
396
396
  }
397
397
  },
398
398
  MuiOutlinedInput: {
399
399
  styleOverrides: {
400
- input: ({ ownerState: r }) => ({
400
+ input: ({ ownerState: o }) => ({
401
401
  padding: 0,
402
- ...r.type === "number" && {
402
+ ...o.type === "number" && {
403
403
  // Remove spinner buttons (cross-browser)
404
404
  "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
405
405
  WebkitAppearance: "none",
@@ -409,23 +409,23 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
409
409
  // Firefox
410
410
  }
411
411
  }),
412
- root: ({ theme: r }) => ({
412
+ root: ({ theme: o }) => ({
413
413
  padding: "8px 12px",
414
- color: (r.vars || r).palette.text.primary,
415
- borderRadius: (r.vars || r).shape.borderRadius,
416
- border: `1px solid ${(r.vars || r).palette.divider}`,
417
- backgroundColor: (r.vars || r).palette.background.default,
414
+ color: (o.vars || o).palette.text.primary,
415
+ borderRadius: (o.vars || o).shape.borderRadius,
416
+ border: `1px solid ${(o.vars || o).palette.divider}`,
417
+ backgroundColor: (o.vars || o).palette.background.default,
418
418
  transition: "border 120ms ease-in",
419
419
  "&:hover": {
420
- borderColor: o[400]
420
+ borderColor: r[400]
421
421
  },
422
422
  [`&.${n.focused}`]: {
423
423
  outline: `3px solid ${t(e[500], 0.5)}`,
424
424
  borderColor: e[400]
425
425
  },
426
- ...r.applyStyles("dark", {
426
+ ...o.applyStyles("dark", {
427
427
  "&:hover": {
428
- borderColor: o[500]
428
+ borderColor: r[500]
429
429
  }
430
430
  }),
431
431
  variants: [
@@ -454,18 +454,18 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
454
454
  },
455
455
  MuiInputAdornment: {
456
456
  styleOverrides: {
457
- root: ({ theme: r }) => ({
458
- color: (r.vars || r).palette.grey[500],
459
- ...r.applyStyles("dark", {
460
- color: (r.vars || r).palette.grey[400]
457
+ root: ({ theme: o }) => ({
458
+ color: (o.vars || o).palette.grey[500],
459
+ ...o.applyStyles("dark", {
460
+ color: (o.vars || o).palette.grey[400]
461
461
  })
462
462
  })
463
463
  }
464
464
  },
465
465
  MuiFormLabel: {
466
466
  styleOverrides: {
467
- root: ({ theme: r }) => ({
468
- typography: r.typography.caption,
467
+ root: ({ theme: o }) => ({
468
+ typography: o.typography.caption,
469
469
  marginBottom: 8
470
470
  })
471
471
  }
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.36",
6
+ "version": "1.0.37",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",