mamba-layout 0.50.0 → 0.51.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/dist/index.css +1 -1
- package/dist/index.js +487 -478
- package/dist/layout.css +1 -1
- package/dist/layout.global.js +21 -21
- package/dist/vars.css +266 -0
- package/package.json +1 -1
package/dist/vars.css
ADDED
|
@@ -0,0 +1,266 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
color-scheme: light;
|
|
3
|
+
|
|
4
|
+
--ui-color-primary: #7c66f7;
|
|
5
|
+
--ui-color-success: #22c55e;
|
|
6
|
+
--ui-color-warning: #f59e0b;
|
|
7
|
+
--ui-color-destructive: #ef4444;
|
|
8
|
+
--ui-color-info: #4a6298;
|
|
9
|
+
|
|
10
|
+
--ui-color-background: #ffffff;
|
|
11
|
+
--ui-color-foreground: #09090b;
|
|
12
|
+
--ui-color-card: #ffffff;
|
|
13
|
+
--ui-color-card-foreground: #09090b;
|
|
14
|
+
--ui-color-muted: #f4f4f5;
|
|
15
|
+
--ui-color-muted-foreground: #71717a;
|
|
16
|
+
--ui-color-accent: #f4f4f5;
|
|
17
|
+
--ui-color-accent-foreground: #09090b;
|
|
18
|
+
--ui-color-border: #e4e4e7;
|
|
19
|
+
--ui-color-border-soft: #ececf1;
|
|
20
|
+
--ui-color-border-strong: #d4d4d8;
|
|
21
|
+
--ui-color-input: #ffffff;
|
|
22
|
+
--ui-color-overlay: rgba(9, 9, 11, 0.45);
|
|
23
|
+
--ui-color-inverse: #09090b;
|
|
24
|
+
--ui-color-ring: #18181b;
|
|
25
|
+
--ui-color-on-brand: #ffffff;
|
|
26
|
+
|
|
27
|
+
--ui-text-primary: var(--ui-color-foreground);
|
|
28
|
+
--ui-text-secondary: #3f3f46;
|
|
29
|
+
--ui-text-muted: #71717a;
|
|
30
|
+
--ui-text-placeholder: #a1a1aa;
|
|
31
|
+
--ui-text-disabled: #a1a1aa;
|
|
32
|
+
--ui-text-on-brand: var(--ui-color-on-brand);
|
|
33
|
+
|
|
34
|
+
--el-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
35
|
+
--el-font-size-base: 14px;
|
|
36
|
+
|
|
37
|
+
--el-border-radius-base: 8px;
|
|
38
|
+
--el-box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 5px 1px;
|
|
39
|
+
--el-menu-base-level-padding: 15px;
|
|
40
|
+
--el-popover-border-radius: 4px;
|
|
41
|
+
|
|
42
|
+
--el-color-primary: #5f4ecf;
|
|
43
|
+
--el-color-primary-rgb: 95, 78, 207;
|
|
44
|
+
--el-color-primary-light-3: #8f83dd;
|
|
45
|
+
--el-color-primary-light-5: #afa7e7;
|
|
46
|
+
--el-color-primary-light-7: #cfcaf1;
|
|
47
|
+
--el-color-primary-light-8: #dfdcf5;
|
|
48
|
+
--el-color-primary-light-9: #efedfa;
|
|
49
|
+
--el-color-primary-light-10: #f7f6fd;
|
|
50
|
+
--el-color-primary-dark-2: #4c3ea6;
|
|
51
|
+
|
|
52
|
+
--el-bg-color: #ffffff;
|
|
53
|
+
--el-bg-color-page: var(--ui-color-muted);
|
|
54
|
+
--el-bg-color-overlay: #ffffff;
|
|
55
|
+
--el-fill-color: #f8f8fa;
|
|
56
|
+
--el-fill-color-light: #f4f4f5;
|
|
57
|
+
--el-fill-color-lighter: #f7f7f8;
|
|
58
|
+
--el-fill-color-blank: #ffffff;
|
|
59
|
+
|
|
60
|
+
--el-text-color-primary: var(--ui-text-primary);
|
|
61
|
+
--el-text-color-regular: var(--ui-text-secondary);
|
|
62
|
+
--el-text-color-secondary: var(--ui-text-muted);
|
|
63
|
+
--el-text-color-placeholder: var(--ui-text-placeholder);
|
|
64
|
+
--el-text-color-disabled: var(--ui-text-disabled);
|
|
65
|
+
|
|
66
|
+
--el-border-color: #e4e4e7;
|
|
67
|
+
--el-border-color-light: #ececf1;
|
|
68
|
+
--el-border-color-lighter: #f1f1f4;
|
|
69
|
+
--el-border-color-extra-light: #f4f4f5;
|
|
70
|
+
|
|
71
|
+
--ui-font-heading: Manrope, var(--el-font-family);
|
|
72
|
+
--ui-font-body: var(--el-font-family);
|
|
73
|
+
--ui-font-mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;
|
|
74
|
+
|
|
75
|
+
--ui-radius-sm: 4px;
|
|
76
|
+
--ui-radius-control: 8px;
|
|
77
|
+
--ui-radius-card: 12px;
|
|
78
|
+
--ui-radius-modal: 24px;
|
|
79
|
+
--ui-radius-pill: 9999px;
|
|
80
|
+
--ui-body-radius: 16px 16px 0 0;
|
|
81
|
+
|
|
82
|
+
--ui-space-inline: 8px;
|
|
83
|
+
--ui-space-control: 12px;
|
|
84
|
+
--ui-space-card: 20px;
|
|
85
|
+
--ui-space-section: 24px;
|
|
86
|
+
|
|
87
|
+
--ui-shadow-card: 0 4px 10px rgba(9, 9, 11, 0.08);
|
|
88
|
+
--ui-shadow-pop: 0 8px 24px rgba(9, 9, 11, 0.12);
|
|
89
|
+
|
|
90
|
+
--ui-transition-fast: 150ms ease-out;
|
|
91
|
+
--ui-transition-base: 200ms ease-out;
|
|
92
|
+
|
|
93
|
+
--ui-layout-shell-bg: linear-gradient(133deg, #daeeff 0%, #f5faff 10%, #f9faff 58%, #fcfcff 100%);
|
|
94
|
+
|
|
95
|
+
--ui-bg-page: var(--ui-color-background);
|
|
96
|
+
--ui-bg-card: var(--ui-color-card);
|
|
97
|
+
--ui-bg-muted: var(--ui-color-muted);
|
|
98
|
+
--ui-bg-disabled: #fafafb;
|
|
99
|
+
--ui-bg-overlay: var(--ui-color-overlay);
|
|
100
|
+
--ui-bg-inverse: var(--ui-color-inverse);
|
|
101
|
+
|
|
102
|
+
--ui-border-default: var(--ui-color-border);
|
|
103
|
+
--ui-border-soft: var(--ui-color-border-soft);
|
|
104
|
+
--ui-border-strong: var(--ui-color-border-strong);
|
|
105
|
+
--ui-ring: var(--ui-color-ring);
|
|
106
|
+
|
|
107
|
+
--ui-topnav-bg: #1a1025;
|
|
108
|
+
--ui-topnav-accent: #2d2240;
|
|
109
|
+
--ui-topnav-foreground: #f0edf5;
|
|
110
|
+
--ui-topnav-muted: #8b7fa0;
|
|
111
|
+
--ui-topnav-border: rgba(240, 237, 245, 0.12);
|
|
112
|
+
--ui-topnav-hover: rgba(240, 237, 245, 0.08);
|
|
113
|
+
--ui-topnav-surface: rgba(240, 237, 245, 0.06);
|
|
114
|
+
--ui-topnav-shadow: 0 10px 30px rgba(16, 10, 28, 0.14);
|
|
115
|
+
--ui-avatar-bg: #7c3aed;
|
|
116
|
+
--ui-topnav-active-bg: #312870;
|
|
117
|
+
--ui-topnav-active-fg: #c4bdff;
|
|
118
|
+
|
|
119
|
+
--ui-sidebar-bg: #fafafa;
|
|
120
|
+
--ui-sidebar-accent: #f4f4f5;
|
|
121
|
+
--ui-sidebar-foreground: #09090b;
|
|
122
|
+
--ui-sidebar-border: #e4e4e7;
|
|
123
|
+
--ui-sidebar-active-bg: #e4e4e7;
|
|
124
|
+
--ui-sidebar-active-fg: #18181b;
|
|
125
|
+
--ui-sidebar-hover-bg: #f0f0f1;
|
|
126
|
+
|
|
127
|
+
--ui-badge-purple-bg: #f2eef8;
|
|
128
|
+
--ui-badge-purple-fg: #6a4e9a;
|
|
129
|
+
--ui-badge-blue-bg: #eef1f8;
|
|
130
|
+
--ui-badge-blue-fg: #4a6298;
|
|
131
|
+
--ui-badge-green-bg: #eef5f0;
|
|
132
|
+
--ui-badge-green-fg: #3a7252;
|
|
133
|
+
--ui-badge-orange-bg: #f8f1ec;
|
|
134
|
+
--ui-badge-orange-fg: #8a5e38;
|
|
135
|
+
--ui-badge-yellow-bg: #f7f4ea;
|
|
136
|
+
--ui-badge-yellow-fg: #7a6228;
|
|
137
|
+
|
|
138
|
+
--ui-table-header-bg: #f4f4f5;
|
|
139
|
+
--ui-table-row-bg: var(--ui-bg-card);
|
|
140
|
+
--ui-table-row-alt-bg: #fafafa;
|
|
141
|
+
|
|
142
|
+
--ui-login-page-bg: #f8f8fc;
|
|
143
|
+
--ui-login-panel-bg: rgba(255, 255, 255, 0.96);
|
|
144
|
+
--ui-login-panel-border: #ececf1;
|
|
145
|
+
--ui-login-hero-overlay: linear-gradient(180deg, rgba(5, 5, 15, 0.76) 0%, rgba(7, 7, 24, 0.82) 100%);
|
|
146
|
+
--ui-login-feature-bg: rgba(255, 255, 255, 0.14);
|
|
147
|
+
--ui-login-feature-border: rgba(255, 255, 255, 0.08);
|
|
148
|
+
--ui-login-feature-icon: #c7b8ff;
|
|
149
|
+
--ui-login-action-bg: rgba(255, 255, 255, 0.72);
|
|
150
|
+
--ui-login-action-border: #e4e4e7;
|
|
151
|
+
--ui-login-action-text: #09090b;
|
|
152
|
+
--ui-login-input-bg: #ffffff;
|
|
153
|
+
--ui-login-input-border: #d7dce5;
|
|
154
|
+
--ui-login-input-border-hover: #b9c2d2;
|
|
155
|
+
--ui-login-input-placeholder: #7c8497;
|
|
156
|
+
--ui-login-input-icon: #6b7280;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
html.dark {
|
|
160
|
+
color-scheme: dark;
|
|
161
|
+
|
|
162
|
+
--ui-color-primary: #a89eff;
|
|
163
|
+
--ui-color-success: #4ade80;
|
|
164
|
+
--ui-color-warning: #fbbf24;
|
|
165
|
+
--ui-color-destructive: #f87171;
|
|
166
|
+
--ui-color-info: #7a9ac8;
|
|
167
|
+
|
|
168
|
+
--ui-color-background: #09090b;
|
|
169
|
+
--ui-color-foreground: #fafafa;
|
|
170
|
+
--ui-color-card: #18181b;
|
|
171
|
+
--ui-color-card-foreground: #fafafa;
|
|
172
|
+
--ui-color-muted: #27272a;
|
|
173
|
+
--ui-color-muted-foreground: #8b93a5;
|
|
174
|
+
--ui-color-accent: #27272a;
|
|
175
|
+
--ui-color-accent-foreground: #fafafa;
|
|
176
|
+
--ui-color-border: #27272a;
|
|
177
|
+
--ui-color-border-soft: #323238;
|
|
178
|
+
--ui-color-border-strong: #52525b;
|
|
179
|
+
--ui-color-input: #18181b;
|
|
180
|
+
--ui-color-overlay: rgba(0, 0, 0, 0.5);
|
|
181
|
+
--ui-color-inverse: #fafafa;
|
|
182
|
+
--ui-color-ring: #d4d4d8;
|
|
183
|
+
--ui-color-on-brand: #f0edf5;
|
|
184
|
+
|
|
185
|
+
--ui-text-primary: var(--ui-color-foreground);
|
|
186
|
+
--ui-text-secondary: #d4d4d8;
|
|
187
|
+
--ui-text-muted: var(--ui-color-muted-foreground);
|
|
188
|
+
--ui-text-placeholder: #71717a;
|
|
189
|
+
--ui-text-disabled: #71717a;
|
|
190
|
+
--ui-text-on-brand: var(--ui-color-on-brand);
|
|
191
|
+
|
|
192
|
+
--el-color-primary: #7c6ff7;
|
|
193
|
+
--el-color-primary-rgb: 124, 111, 247;
|
|
194
|
+
--el-color-primary-light-3: rgba(124, 111, 247, 0.8);
|
|
195
|
+
--el-color-primary-light-5: rgba(124, 111, 247, 0.6);
|
|
196
|
+
--el-color-primary-light-7: rgba(124, 111, 247, 0.4);
|
|
197
|
+
--el-color-primary-light-8: rgba(124, 111, 247, 0.2);
|
|
198
|
+
--el-color-primary-light-9: rgba(124, 111, 247, 0.1);
|
|
199
|
+
--el-color-primary-light-10: rgba(124, 111, 247, 0.05);
|
|
200
|
+
--el-color-primary-dark-2: #6359c6;
|
|
201
|
+
|
|
202
|
+
--el-bg-color: #09090b;
|
|
203
|
+
--el-bg-color-page: var(--ui-color-muted);
|
|
204
|
+
--el-bg-color-overlay: #18181b;
|
|
205
|
+
--el-fill-color: #303030;
|
|
206
|
+
--el-fill-color-light: #27272a;
|
|
207
|
+
--el-fill-color-lighter: #323238;
|
|
208
|
+
--el-fill-color-blank: #18181b;
|
|
209
|
+
|
|
210
|
+
--el-text-color-primary: var(--ui-text-primary);
|
|
211
|
+
--el-text-color-regular: var(--ui-text-secondary);
|
|
212
|
+
--el-text-color-secondary: var(--ui-text-muted);
|
|
213
|
+
--el-text-color-placeholder: var(--ui-text-placeholder);
|
|
214
|
+
--el-text-color-disabled: var(--ui-text-disabled);
|
|
215
|
+
|
|
216
|
+
--el-border-color: #27272a;
|
|
217
|
+
--el-border-color-light: #323238;
|
|
218
|
+
--el-border-color-lighter: #3f3f46;
|
|
219
|
+
--el-border-color-extra-light: #323238;
|
|
220
|
+
|
|
221
|
+
--ui-layout-shell-bg: linear-gradient(180deg, #09090b 0%, #111114 18%, #09090b 100%);
|
|
222
|
+
|
|
223
|
+
--ui-bg-page: var(--ui-color-background);
|
|
224
|
+
--ui-bg-card: var(--ui-color-card);
|
|
225
|
+
--ui-bg-muted: var(--ui-color-muted);
|
|
226
|
+
--ui-bg-disabled: #202024;
|
|
227
|
+
--ui-bg-overlay: var(--ui-color-overlay);
|
|
228
|
+
--ui-bg-inverse: var(--ui-color-inverse);
|
|
229
|
+
|
|
230
|
+
--ui-border-default: var(--ui-color-border);
|
|
231
|
+
--ui-border-soft: var(--ui-color-border-soft);
|
|
232
|
+
--ui-border-strong: var(--ui-color-border-strong);
|
|
233
|
+
--ui-ring: var(--ui-color-ring);
|
|
234
|
+
|
|
235
|
+
--ui-topnav-bg: #2d2241;
|
|
236
|
+
--ui-topnav-accent: #2d2240;
|
|
237
|
+
--ui-topnav-foreground: #f0edf5;
|
|
238
|
+
--ui-topnav-muted: #e1daed;
|
|
239
|
+
--ui-topnav-border: rgba(240, 237, 245, 0.12);
|
|
240
|
+
--ui-topnav-hover: rgba(240, 237, 245, 0.12);
|
|
241
|
+
--ui-topnav-surface: rgba(240, 237, 245, 0.08);
|
|
242
|
+
--ui-topnav-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
|
|
243
|
+
|
|
244
|
+
--ui-sidebar-bg: #18181b;
|
|
245
|
+
--ui-sidebar-accent: #27272a;
|
|
246
|
+
--ui-sidebar-foreground: #fafafa;
|
|
247
|
+
--ui-sidebar-border: #27272a;
|
|
248
|
+
--ui-sidebar-active-bg: #27272a;
|
|
249
|
+
--ui-sidebar-active-fg: #fafafa;
|
|
250
|
+
--ui-sidebar-hover-bg: #27272a;
|
|
251
|
+
|
|
252
|
+
--ui-badge-purple-bg: #221838;
|
|
253
|
+
--ui-badge-purple-fg: #9878c8;
|
|
254
|
+
--ui-badge-blue-bg: #1c2438;
|
|
255
|
+
--ui-badge-blue-fg: #7a9ac8;
|
|
256
|
+
--ui-badge-green-bg: #1a2820;
|
|
257
|
+
--ui-badge-green-fg: #5a9272;
|
|
258
|
+
--ui-badge-orange-bg: #2a1c12;
|
|
259
|
+
--ui-badge-orange-fg: #b07848;
|
|
260
|
+
--ui-badge-yellow-bg: #261e0c;
|
|
261
|
+
--ui-badge-yellow-fg: #a08838;
|
|
262
|
+
|
|
263
|
+
--ui-table-header-bg: #1f1f22;
|
|
264
|
+
--ui-table-row-bg: var(--ui-bg-card);
|
|
265
|
+
--ui-table-row-alt-bg: #111114;
|
|
266
|
+
}
|