@solostylist/ui-kit 1.0.140 → 1.0.142

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 (6) hide show
  1. package/dist/s-smart-text-field/s-smart-text-field.js +1797 -1809
  2. package/dist/theme/components/alert.d.ts +4 -4
  3. package/dist/theme/components/alert.js +15 -17
  4. package/dist/theme/components/button.d.ts +30 -0
  5. package/dist/theme/components/button.js +38 -33
  6. package/package.json +1 -1
package/dist/theme/components/alert.d.ts CHANGED
@@ -392,7 +392,7 @@ export declare const MuiAlert: {
392
392
  animationRange?: import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
393
393
  background?: import("csstype").Property.Background<string | number> | readonly NonNullable<import("csstype").Property.Background<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
394
394
  backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
395
- border: string | number | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[];
395
+ border?: import("csstype").Property.Border<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[] | undefined;
396
396
  borderBlock?: import("csstype").Property.BorderBlock<string | number> | readonly NonNullable<import("csstype").Property.BorderBlock<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
397
397
  borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockEnd<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
398
398
  borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStart<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -1365,7 +1365,7 @@ export declare const MuiAlert: {
1365
1365
  animationRange?: import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
1366
1366
  background?: import("csstype").Property.Background<string | number> | readonly NonNullable<import("csstype").Property.Background<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
1367
1367
  backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
1368
- border: string | number | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[];
1368
+ border?: import("csstype").Property.Border<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[] | undefined;
1369
1369
  borderBlock?: import("csstype").Property.BorderBlock<string | number> | readonly NonNullable<import("csstype").Property.BorderBlock<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
1370
1370
  borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockEnd<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
1371
1371
  borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStart<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -2338,7 +2338,7 @@ export declare const MuiAlert: {
2338
2338
  animationRange?: import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
2339
2339
  background?: import("csstype").Property.Background<string | number> | readonly NonNullable<import("csstype").Property.Background<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
2340
2340
  backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
2341
- border: string | number | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[];
2341
+ border?: import("csstype").Property.Border<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[] | undefined;
2342
2342
  borderBlock?: import("csstype").Property.BorderBlock<string | number> | readonly NonNullable<import("csstype").Property.BorderBlock<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
2343
2343
  borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockEnd<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
2344
2344
  borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStart<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -3311,7 +3311,7 @@ export declare const MuiAlert: {
3311
3311
  animationRange?: import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
3312
3312
  background?: import("csstype").Property.Background<string | number> | readonly NonNullable<import("csstype").Property.Background<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
3313
3313
  backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
3314
- border: string | number | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[];
3314
+ border?: import("csstype").Property.Border<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.Border<string | number> | undefined>[] | undefined;
3315
3315
  borderBlock?: import("csstype").Property.BorderBlock<string | number> | readonly NonNullable<import("csstype").Property.BorderBlock<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
3316
3316
  borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockEnd<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
3317
3317
  borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStart<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
package/dist/theme/components/alert.js CHANGED
@@ -1,34 +1,32 @@
1
- import { green as s, lightGreen as l, red as n, lightRed as o, orange as c, lightOrange as a, blue as p, lightBlue as u } from "../theme-primitives.js";
2
- const t = (e, r, i) => ({
3
- color: e[500],
1
+ import { green as i, lightGreen as s, red as n, lightRed as o, orange as c, lightOrange as a, blue as u, lightBlue as g } from "../theme-primitives.js";
2
+ const t = (e, r, l) => ({
3
+ color: e[50],
4
4
  "& .MuiAlert-icon": {
5
- color: e[500],
5
+ color: e[50],
6
6
  alignSelf: "center"
7
7
  },
8
8
  "& .MuiAlert-message": {
9
9
  alignSelf: "center"
10
10
  },
11
11
  "& .MuiAlert-action": {
12
- color: e[500]
12
+ color: e[50]
13
13
  },
14
- backgroundColor: e[50],
15
- border: `1px solid ${e[100]}`,
16
- ...i.applyStyles("dark", {
17
- color: r[400],
14
+ backgroundColor: e[700],
15
+ ...l.applyStyles("dark", {
16
+ color: r[50],
18
17
  "& .MuiAlert-icon": {
19
- color: r[400],
18
+ color: r[50],
20
19
  alignSelf: "center"
21
20
  },
22
21
  "& .MuiAlert-message": {
23
22
  alignSelf: "center"
24
23
  },
25
24
  "& .MuiAlert-action": {
26
- color: r[400]
25
+ color: r[50]
27
26
  },
28
- backgroundColor: r[900],
29
- border: `1px solid ${r[800]}`
27
+ backgroundColor: r[700]
30
28
  })
31
- }), g = {
29
+ }), p = {
32
30
  styleOverrides: {
33
31
  root: ({ theme: e }) => ({
34
32
  borderRadius: 10,
@@ -38,7 +36,7 @@ const t = (e, r, i) => ({
38
36
  severity: "success"
39
37
  },
40
38
  style: {
41
- ...t(l, s, e)
39
+ ...t(s, i, e)
42
40
  }
43
41
  },
44
42
  {
@@ -62,7 +60,7 @@ const t = (e, r, i) => ({
62
60
  severity: "info"
63
61
  },
64
62
  style: {
65
- ...t(u, p, e)
63
+ ...t(g, u, e)
66
64
  }
67
65
  }
68
66
  ]
@@ -70,5 +68,5 @@ const t = (e, r, i) => ({
70
68
  }
71
69
  };
72
70
  export {
73
- g as MuiAlert
71
+ p as MuiAlert
74
72
  };
package/dist/theme/components/button.d.ts CHANGED
@@ -1017,6 +1017,11 @@ export declare const MuiButton: {
1017
1017
  color: string;
1018
1018
  borderColor: string;
1019
1019
  };
1020
+ '&.MuiButton-loading': {
1021
+ '& .MuiButton-loadingIndicator': {
1022
+ color: string;
1023
+ };
1024
+ };
1020
1025
  };
1021
1026
  } | {
1022
1027
  props: {
@@ -1994,6 +1999,11 @@ export declare const MuiButton: {
1994
1999
  color: string;
1995
2000
  borderColor: string;
1996
2001
  };
2002
+ '&.MuiButton-loading': {
2003
+ '& .MuiButton-loadingIndicator': {
2004
+ color: string;
2005
+ };
2006
+ };
1997
2007
  };
1998
2008
  } | {
1999
2009
  props: {
@@ -2971,6 +2981,11 @@ export declare const MuiButton: {
2971
2981
  color: string;
2972
2982
  borderColor: string;
2973
2983
  };
2984
+ '&.MuiButton-loading': {
2985
+ '& .MuiButton-loadingIndicator': {
2986
+ color: string;
2987
+ };
2988
+ };
2974
2989
  };
2975
2990
  } | {
2976
2991
  props: {
@@ -3948,6 +3963,11 @@ export declare const MuiButton: {
3948
3963
  color: string;
3949
3964
  borderColor: string;
3950
3965
  };
3966
+ '&.MuiButton-loading': {
3967
+ '& .MuiButton-loadingIndicator': {
3968
+ color: string;
3969
+ };
3970
+ };
3951
3971
  };
3952
3972
  } | {
3953
3973
  props: {
@@ -4925,6 +4945,11 @@ export declare const MuiButton: {
4925
4945
  color: string;
4926
4946
  borderColor: string;
4927
4947
  };
4948
+ '&.MuiButton-loading': {
4949
+ '& .MuiButton-loadingIndicator': {
4950
+ color: string;
4951
+ };
4952
+ };
4928
4953
  };
4929
4954
  } | {
4930
4955
  props: {
@@ -5902,6 +5927,11 @@ export declare const MuiButton: {
5902
5927
  color: string;
5903
5928
  borderColor: string;
5904
5929
  };
5930
+ '&.MuiButton-loading': {
5931
+ '& .MuiButton-loadingIndicator': {
5932
+ color: string;
5933
+ };
5934
+ };
5905
5935
  };
5906
5936
  })[];
5907
5937
  };
package/dist/theme/components/button.js CHANGED
@@ -1,41 +1,46 @@
1
- import { brand as e, lightBrand as u, purple as l, lightPurple as p, green as c, lightGreen as d, red as v, lightRed as b, blue as g, lightBlue as y, orange as f, lightOrange as B } from "../theme-primitives.js";
2
- const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n, r, s) => n === "text" || n === "outlined" ? s : r, o = (n, r, s, a) => ({
3
- backgroundColor: i(r.variant, s[800]),
4
- color: t(r.variant, s[50], s[500]),
5
- borderColor: r.variant === "outlined" ? s[900] : "transparent",
1
+ import { brand as u, lightBrand as e, purple as l, lightPurple as p, green as d, lightGreen as c, red as v, lightRed as b, blue as g, lightBlue as y, orange as f, lightOrange as B } from "../theme-primitives.js";
2
+ const a = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n, r, i) => n === "text" || n === "outlined" ? i : r, s = (n, r, i, o) => ({
3
+ backgroundColor: a(r.variant, i[700]),
4
+ color: t(r.variant, i[50], i[500]),
5
+ borderColor: r.variant === "outlined" ? i[300] : "transparent",
6
6
  "&:hover": {
7
- backgroundColor: i(r.variant, s[900]),
8
- color: t(r.variant, s[100], s[400]),
9
- borderColor: r.variant === "outlined" ? s[800] : "transparent"
7
+ backgroundColor: a(r.variant, i[800]),
8
+ color: t(r.variant, i[100], i[600]),
9
+ borderColor: r.variant === "outlined" ? i[400] : "transparent"
10
10
  },
11
11
  "&:active": { filter: "brightness(1.1)" },
12
12
  "&.Mui-disabled": {
13
- backgroundColor: i(r.variant, s[800]),
14
- color: s[500],
15
- borderColor: r.variant === "outlined" ? s[900] : "transparent"
13
+ backgroundColor: a(r.variant, i[700]),
14
+ color: i[900],
15
+ borderColor: r.variant === "outlined" ? i[900] : "transparent"
16
+ },
17
+ "&.MuiButton-loading": {
18
+ "& .MuiButton-loadingIndicator": {
19
+ color: i[900]
20
+ }
16
21
  },
17
22
  ...n.applyStyles("dark", {
18
- backgroundColor: i(r.variant, a[800]),
19
- color: t(r.variant, a[50], a[500]),
20
- borderColor: r.variant === "outlined" ? a[900] : "transparent",
23
+ backgroundColor: a(r.variant, o[800]),
24
+ color: t(r.variant, o[100], o[500]),
25
+ borderColor: r.variant === "outlined" ? o[800] : "transparent",
21
26
  "&:hover": {
22
- backgroundColor: i(r.variant, a[900]),
23
- color: t(r.variant, a[100], a[400]),
24
- borderColor: r.variant === "outlined" ? a[800] : "transparent"
27
+ backgroundColor: a(r.variant, o[900]),
28
+ color: t(r.variant, o[50], o[600]),
29
+ borderColor: r.variant === "outlined" ? o[900] : "transparent"
25
30
  },
26
31
  "&:active": { filter: "brightness(1.1)" },
27
32
  "&.Mui-disabled": {
28
- backgroundColor: i(r.variant, a[800]),
29
- color: a[700],
30
- borderColor: r.variant === "outlined" ? a[900] : "transparent"
33
+ backgroundColor: a(r.variant, o[800]),
34
+ color: o[900],
35
+ borderColor: r.variant === "outlined" ? o[900] : "transparent"
36
+ },
37
+ "&.MuiButton-loading": {
38
+ "& .MuiButton-loadingIndicator": {
39
+ color: o[900]
40
+ }
31
41
  }
32
- // '&.MuiButton-loading': {
33
- // '& .MuiButton-loadingIndicator': {
34
- // color: colorPalette[900],
35
- // },
36
- // },
37
42
  })
38
- }), m = {
43
+ }), x = {
39
44
  defaultProps: {
40
45
  variant: "contained"
41
46
  },
@@ -78,7 +83,7 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
78
83
  color: "primary"
79
84
  },
80
85
  style: {
81
- ...o(n, r, u, e)
86
+ ...s(n, r, e, u)
82
87
  }
83
88
  },
84
89
  {
@@ -86,7 +91,7 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
86
91
  color: "secondary"
87
92
  },
88
93
  style: {
89
- ...o(n, r, p, l)
94
+ ...s(n, r, p, l)
90
95
  }
91
96
  },
92
97
  {
@@ -94,7 +99,7 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
94
99
  color: "success"
95
100
  },
96
101
  style: {
97
- ...o(n, r, d, c)
102
+ ...s(n, r, c, d)
98
103
  }
99
104
  },
100
105
  {
@@ -102,7 +107,7 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
102
107
  color: "error"
103
108
  },
104
109
  style: {
105
- ...o(n, r, b, v)
110
+ ...s(n, r, b, v)
106
111
  }
107
112
  },
108
113
  {
@@ -110,7 +115,7 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
110
115
  color: "info"
111
116
  },
112
117
  style: {
113
- ...o(n, r, y, g)
118
+ ...s(n, r, y, g)
114
119
  }
115
120
  },
116
121
  {
@@ -118,7 +123,7 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
118
123
  color: "warning"
119
124
  },
120
125
  style: {
121
- ...o(n, r, B, f)
126
+ ...s(n, r, B, f)
122
127
  }
123
128
  }
124
129
  ]
@@ -126,5 +131,5 @@ const i = (n, r) => n === "text" || n === "outlined" ? "transparent" : r, t = (n
126
131
  }
127
132
  };
128
133
  export {
129
- m as MuiButton
134
+ x as MuiButton
130
135
  };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.140",
6
+ "version": "1.0.142",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",