@solostylist/ui-kit 1.0.65 → 1.0.67
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { gray as
|
|
1
|
+
import { gray as i, orange as o } from "../theme-primitives.js";
|
|
2
2
|
import { a } from "../../createTheme-BlQh0eyI.js";
|
|
3
3
|
const l = {
|
|
4
4
|
MuiAlert: {
|
|
@@ -32,14 +32,21 @@ const l = {
|
|
|
32
32
|
})
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
|
+
MuiDialogActions: {
|
|
36
|
+
styleOverrides: {
|
|
37
|
+
root: ({ theme: r }) => ({
|
|
38
|
+
padding: `${r.spacing(2)} ${r.spacing(3)}`
|
|
39
|
+
})
|
|
40
|
+
}
|
|
41
|
+
},
|
|
35
42
|
MuiLinearProgress: {
|
|
36
43
|
styleOverrides: {
|
|
37
44
|
root: ({ theme: r }) => ({
|
|
38
45
|
height: 8,
|
|
39
46
|
borderRadius: 8,
|
|
40
|
-
backgroundColor:
|
|
47
|
+
backgroundColor: i[200],
|
|
41
48
|
...r.applyStyles("dark", {
|
|
42
|
-
backgroundColor:
|
|
49
|
+
backgroundColor: i[800]
|
|
43
50
|
})
|
|
44
51
|
})
|
|
45
52
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as
|
|
2
|
-
const
|
|
1
|
+
import { b as l, a as s } from "../createTheme-BlQh0eyI.js";
|
|
2
|
+
const e = l(), t = {
|
|
3
3
|
50: "hsl(210, 100%, 95%)",
|
|
4
4
|
100: "hsl(210, 100%, 92%)",
|
|
5
5
|
200: "hsl(210, 100%, 80%)",
|
|
@@ -10,7 +10,7 @@ const t = r(), h = {
|
|
|
10
10
|
700: "hsl(210, 100%, 35%)",
|
|
11
11
|
800: "hsl(210, 100%, 16%)",
|
|
12
12
|
900: "hsl(210, 100%, 21%)"
|
|
13
|
-
},
|
|
13
|
+
}, h = {
|
|
14
14
|
50: "rgb(243, 246, 250)",
|
|
15
15
|
// hsl(220, 35%, 97%)
|
|
16
16
|
100: "rgb(235, 238, 244)",
|
|
@@ -53,7 +53,7 @@ const t = r(), h = {
|
|
|
53
53
|
700: "hsl(45, 94%, 20%)",
|
|
54
54
|
800: "hsl(45, 95%, 16%)",
|
|
55
55
|
900: "hsl(45, 93%, 12%)"
|
|
56
|
-
},
|
|
56
|
+
}, r = {
|
|
57
57
|
50: "hsl(0, 100%, 97%)",
|
|
58
58
|
100: "hsl(0, 92%, 90%)",
|
|
59
59
|
200: "hsl(0, 94%, 80%)",
|
|
@@ -68,19 +68,20 @@ const t = r(), h = {
|
|
|
68
68
|
dark: {
|
|
69
69
|
palette: {
|
|
70
70
|
gradient: {
|
|
71
|
-
primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%);"
|
|
71
|
+
primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%);",
|
|
72
|
+
secondary: "linear-gradient(90deg, #0088F6 0%, #1DDD83 77.25%)"
|
|
72
73
|
},
|
|
73
74
|
primary: {
|
|
74
|
-
contrastText:
|
|
75
|
-
light:
|
|
76
|
-
main:
|
|
77
|
-
dark:
|
|
75
|
+
contrastText: t[50],
|
|
76
|
+
light: t[300],
|
|
77
|
+
main: t[400],
|
|
78
|
+
dark: t[700]
|
|
78
79
|
},
|
|
79
80
|
info: {
|
|
80
|
-
contrastText:
|
|
81
|
-
light:
|
|
82
|
-
main:
|
|
83
|
-
dark:
|
|
81
|
+
contrastText: t[300],
|
|
82
|
+
light: t[500],
|
|
83
|
+
main: t[700],
|
|
84
|
+
dark: t[900]
|
|
84
85
|
},
|
|
85
86
|
warning: {
|
|
86
87
|
light: a[400],
|
|
@@ -88,9 +89,9 @@ const t = r(), h = {
|
|
|
88
89
|
dark: a[700]
|
|
89
90
|
},
|
|
90
91
|
error: {
|
|
91
|
-
light:
|
|
92
|
-
main:
|
|
93
|
-
dark:
|
|
92
|
+
light: r[400],
|
|
93
|
+
main: r[500],
|
|
94
|
+
dark: r[700]
|
|
94
95
|
},
|
|
95
96
|
success: {
|
|
96
97
|
light: o[400],
|
|
@@ -98,20 +99,20 @@ const t = r(), h = {
|
|
|
98
99
|
dark: o[700]
|
|
99
100
|
},
|
|
100
101
|
grey: {
|
|
101
|
-
...
|
|
102
|
+
...h
|
|
102
103
|
},
|
|
103
|
-
divider: s(
|
|
104
|
+
divider: s(h[700], 0.6),
|
|
104
105
|
background: {
|
|
105
|
-
default:
|
|
106
|
+
default: h[900],
|
|
106
107
|
paper: "hsl(220, 30%, 7%)"
|
|
107
108
|
},
|
|
108
109
|
text: {
|
|
109
110
|
primary: "rgb(255, 255, 255)",
|
|
110
|
-
secondary:
|
|
111
|
+
secondary: h[400]
|
|
111
112
|
},
|
|
112
113
|
action: {
|
|
113
|
-
hover: s(
|
|
114
|
-
selected: s(
|
|
114
|
+
hover: s(h[600], 0.2),
|
|
115
|
+
selected: s(h[600], 0.3)
|
|
115
116
|
},
|
|
116
117
|
baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
|
|
117
118
|
}
|
|
@@ -119,62 +120,62 @@ const t = r(), h = {
|
|
|
119
120
|
}, g = {
|
|
120
121
|
fontFamily: "Outfit, sans-serif",
|
|
121
122
|
h1: {
|
|
122
|
-
fontSize:
|
|
123
|
+
fontSize: e.typography.pxToRem(48),
|
|
123
124
|
fontWeight: 600,
|
|
124
125
|
lineHeight: 1.2,
|
|
125
126
|
letterSpacing: -0.5
|
|
126
127
|
},
|
|
127
128
|
h2: {
|
|
128
|
-
fontSize:
|
|
129
|
+
fontSize: e.typography.pxToRem(36),
|
|
129
130
|
fontWeight: 600,
|
|
130
131
|
lineHeight: 1.2
|
|
131
132
|
},
|
|
132
133
|
h3: {
|
|
133
|
-
fontSize:
|
|
134
|
+
fontSize: e.typography.pxToRem(30),
|
|
134
135
|
lineHeight: 1.2
|
|
135
136
|
},
|
|
136
137
|
h4: {
|
|
137
|
-
fontSize:
|
|
138
|
+
fontSize: e.typography.pxToRem(24),
|
|
138
139
|
fontWeight: 600,
|
|
139
140
|
lineHeight: 1.5
|
|
140
141
|
},
|
|
141
142
|
h5: {
|
|
142
|
-
fontSize:
|
|
143
|
+
fontSize: e.typography.pxToRem(20),
|
|
143
144
|
fontWeight: 600
|
|
144
145
|
},
|
|
145
146
|
h6: {
|
|
146
|
-
fontSize:
|
|
147
|
+
fontSize: e.typography.pxToRem(18),
|
|
147
148
|
fontWeight: 600
|
|
148
149
|
},
|
|
149
150
|
subtitle1: {
|
|
150
|
-
fontSize:
|
|
151
|
+
fontSize: e.typography.pxToRem(18)
|
|
151
152
|
},
|
|
152
153
|
subtitle2: {
|
|
153
|
-
fontSize:
|
|
154
|
+
fontSize: e.typography.pxToRem(14),
|
|
154
155
|
fontWeight: 500
|
|
155
156
|
},
|
|
156
157
|
body1: {
|
|
157
|
-
fontSize:
|
|
158
|
+
fontSize: e.typography.pxToRem(14)
|
|
158
159
|
},
|
|
159
160
|
body2: {
|
|
160
|
-
fontSize:
|
|
161
|
+
fontSize: e.typography.pxToRem(14),
|
|
161
162
|
fontWeight: 400
|
|
162
163
|
},
|
|
163
164
|
caption: {
|
|
164
|
-
fontSize:
|
|
165
|
+
fontSize: e.typography.pxToRem(12),
|
|
165
166
|
fontWeight: 400
|
|
166
167
|
}
|
|
167
168
|
}, y = {
|
|
168
169
|
borderRadius: 8
|
|
169
|
-
}, n = ["none", "var(--s-palette-baseShadow)", ...
|
|
170
|
+
}, n = ["none", "var(--s-palette-baseShadow)", ...e.shadows.slice(2)], d = n;
|
|
170
171
|
export {
|
|
171
|
-
|
|
172
|
+
t as brand,
|
|
172
173
|
p as colorSchemes,
|
|
173
|
-
|
|
174
|
+
h as gray,
|
|
174
175
|
o as green,
|
|
175
176
|
a as orange,
|
|
176
|
-
|
|
177
|
-
|
|
177
|
+
r as red,
|
|
178
|
+
d as shadows,
|
|
178
179
|
y as shape,
|
|
179
180
|
g as typography
|
|
180
181
|
};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.67",
|
|
7
7
|
"description": "advanced ui kit for solostylist",
|
|
8
8
|
"private": false,
|
|
9
9
|
"type": "module",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
20
20
|
"lint:fix": "eslint --fix . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
21
21
|
"preview": "vite preview",
|
|
22
|
-
"
|
|
22
|
+
"publish": "npm run build && npm publish --access public",
|
|
23
23
|
"format:write": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
|
|
24
24
|
"format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
|
|
25
25
|
"prepare": "husky"
|