@wikex/admin-kit 0.6.0 → 0.7.0
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.
- package/CHANGELOG.md +10 -0
- package/README.md +6 -7
- package/dist/admin/before-login.js +8 -7
- package/dist/admin/header.js +107 -65
- package/dist/admin/logout-button.js +3 -3
- package/dist/admin/nav-client.js +204 -140
- package/dist/admin/theme-toggle.js +3 -3
- package/dist/admin/view-site.js +6 -9
- package/dist/{chunk-GZ2B5BTH.js → chunk-B6FIGT4Q.js} +9 -6
- package/dist/chunk-BKR24U6B.js +25 -0
- package/dist/chunk-N7CP6ZLG.js +26 -0
- package/dist/{chunk-AEUBQWCG.js → chunk-PPWCNGRB.js} +120 -3
- package/dist/minimal/index.js +1 -1
- package/dist/minimal/provider.js +1 -1
- package/package.json +1 -1
- package/src/styles/admin.scss +353 -64
- package/dist/chunk-SAI5SWZA.js +0 -29
|
@@ -88,10 +88,21 @@ var createMinimalAdminTheme = (mode = "light") => {
|
|
|
88
88
|
caption: { fontSize: "0.75rem", lineHeight: 1.5 }
|
|
89
89
|
},
|
|
90
90
|
components: {
|
|
91
|
+
MuiAppBar: {
|
|
92
|
+
styleOverrides: {
|
|
93
|
+
root: {
|
|
94
|
+
backgroundImage: "none",
|
|
95
|
+
boxShadow: "none"
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
},
|
|
91
99
|
MuiButton: {
|
|
92
100
|
defaultProps: { disableElevation: true },
|
|
93
101
|
styleOverrides: {
|
|
94
|
-
root: { borderRadius: 8, minHeight: 36 }
|
|
102
|
+
root: { borderRadius: 8, minHeight: 36, paddingInline: 12 },
|
|
103
|
+
containedPrimary: {
|
|
104
|
+
boxShadow: `0 8px 16px 0 ${alpha(minimalPalette.primary.dark, 0.24)}`
|
|
105
|
+
}
|
|
95
106
|
}
|
|
96
107
|
},
|
|
97
108
|
MuiCard: {
|
|
@@ -99,7 +110,6 @@ var createMinimalAdminTheme = (mode = "light") => {
|
|
|
99
110
|
styleOverrides: {
|
|
100
111
|
root: {
|
|
101
112
|
backgroundImage: "none",
|
|
102
|
-
border: `1px solid ${alpha(grey[500], isDark ? 0.2 : 0.12)}`,
|
|
103
113
|
borderRadius: 16,
|
|
104
114
|
boxShadow: `0 0 2px 0 ${alpha(grey[500], 0.2)}, 0 12px 24px -4px ${alpha(
|
|
105
115
|
grey[500],
|
|
@@ -118,6 +128,78 @@ var createMinimalAdminTheme = (mode = "light") => {
|
|
|
118
128
|
MuiCardContent: {
|
|
119
129
|
styleOverrides: { root: { padding: 24 } }
|
|
120
130
|
},
|
|
131
|
+
MuiChip: {
|
|
132
|
+
styleOverrides: {
|
|
133
|
+
root: { borderRadius: 8, fontWeight: 600 }
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
MuiDialog: {
|
|
137
|
+
styleOverrides: {
|
|
138
|
+
paper: { borderRadius: 16 }
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
MuiDivider: {
|
|
142
|
+
styleOverrides: {
|
|
143
|
+
root: { borderColor: alpha(grey[500], 0.2), borderStyle: "dashed" }
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
MuiIconButton: {
|
|
147
|
+
styleOverrides: {
|
|
148
|
+
root: {
|
|
149
|
+
"&:hover": { backgroundColor: alpha(grey[500], 0.08) }
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
MuiListItemButton: {
|
|
154
|
+
styleOverrides: {
|
|
155
|
+
root: {
|
|
156
|
+
borderRadius: 8,
|
|
157
|
+
color: isDark ? grey[500] : grey[600],
|
|
158
|
+
marginBottom: 4,
|
|
159
|
+
"&:hover": {
|
|
160
|
+
backgroundColor: alpha(grey[500], 0.08),
|
|
161
|
+
color: isDark ? "#FFFFFF" : grey[800]
|
|
162
|
+
},
|
|
163
|
+
"&.Mui-selected": {
|
|
164
|
+
backgroundColor: alpha(minimalPalette.primary.main, 0.08),
|
|
165
|
+
color: isDark ? minimalPalette.primary.light : minimalPalette.primary.dark,
|
|
166
|
+
"&:hover": { backgroundColor: alpha(minimalPalette.primary.main, 0.16) }
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
MuiListSubheader: {
|
|
172
|
+
styleOverrides: {
|
|
173
|
+
root: {
|
|
174
|
+
backgroundColor: "transparent",
|
|
175
|
+
color: grey[500],
|
|
176
|
+
fontSize: 11,
|
|
177
|
+
fontWeight: 700,
|
|
178
|
+
letterSpacing: "0.06em",
|
|
179
|
+
lineHeight: "36px",
|
|
180
|
+
textTransform: "uppercase"
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
MuiMenu: {
|
|
185
|
+
styleOverrides: {
|
|
186
|
+
paper: {
|
|
187
|
+
borderRadius: 12,
|
|
188
|
+
boxShadow: `0 0 2px 0 ${alpha(grey[500], 0.2)}, 0 20px 40px -4px ${alpha(
|
|
189
|
+
grey[500],
|
|
190
|
+
0.24
|
|
191
|
+
)}`,
|
|
192
|
+
minWidth: 200,
|
|
193
|
+
padding: 8
|
|
194
|
+
},
|
|
195
|
+
list: { padding: 0 }
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
MuiMenuItem: {
|
|
199
|
+
styleOverrides: {
|
|
200
|
+
root: { borderRadius: 8, fontSize: 14, minHeight: 40 }
|
|
201
|
+
}
|
|
202
|
+
},
|
|
121
203
|
MuiOutlinedInput: {
|
|
122
204
|
styleOverrides: {
|
|
123
205
|
root: {
|
|
@@ -126,11 +208,36 @@ var createMinimalAdminTheme = (mode = "light") => {
|
|
|
126
208
|
borderColor: alpha(grey[500], 0.32)
|
|
127
209
|
},
|
|
128
210
|
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
129
|
-
borderColor: grey[800]
|
|
211
|
+
borderColor: isDark ? grey[400] : grey[800]
|
|
130
212
|
}
|
|
131
213
|
}
|
|
132
214
|
}
|
|
133
215
|
},
|
|
216
|
+
MuiPaper: {
|
|
217
|
+
styleOverrides: {
|
|
218
|
+
root: { backgroundImage: "none" }
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
MuiSwitch: {
|
|
222
|
+
styleOverrides: {
|
|
223
|
+
root: { height: 40, padding: 8, width: 54 },
|
|
224
|
+
switchBase: {
|
|
225
|
+
"&.Mui-checked": {
|
|
226
|
+
color: "#FFFFFF",
|
|
227
|
+
"& + .MuiSwitch-track": {
|
|
228
|
+
backgroundColor: minimalPalette.primary.main,
|
|
229
|
+
opacity: 1
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
thumb: { boxShadow: `0 1px 4px ${alpha(grey[900], 0.24)}` },
|
|
234
|
+
track: {
|
|
235
|
+
backgroundColor: isDark ? grey[700] : grey[300],
|
|
236
|
+
borderRadius: 12,
|
|
237
|
+
opacity: 1
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
},
|
|
134
241
|
MuiTableContainer: {
|
|
135
242
|
styleOverrides: {
|
|
136
243
|
root: {
|
|
@@ -160,6 +267,16 @@ var createMinimalAdminTheme = (mode = "light") => {
|
|
|
160
267
|
"&:hover": { backgroundColor: alpha(grey[500], 0.06) }
|
|
161
268
|
}
|
|
162
269
|
}
|
|
270
|
+
},
|
|
271
|
+
MuiTooltip: {
|
|
272
|
+
styleOverrides: {
|
|
273
|
+
tooltip: {
|
|
274
|
+
backgroundColor: grey[800],
|
|
275
|
+
borderRadius: 8,
|
|
276
|
+
fontSize: 12
|
|
277
|
+
},
|
|
278
|
+
arrow: { color: grey[800] }
|
|
279
|
+
}
|
|
163
280
|
}
|
|
164
281
|
}
|
|
165
282
|
});
|
package/dist/minimal/index.js
CHANGED
package/dist/minimal/provider.js
CHANGED