vrembem 4.0.0-next.2 → 4.0.0-next.20

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 (27) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +3 -7
  3. package/base.scss +20 -0
  4. package/dev/base.css +7036 -0
  5. package/dev/base.css.map +1 -0
  6. package/dev/index.css +4283 -2819
  7. package/dev/index.css.map +1 -1
  8. package/dev/index.js +2380 -1637
  9. package/dev/index.js.map +1 -1
  10. package/dev/index.umd.cjs +2382 -1639
  11. package/dev/index.umd.cjs.map +1 -1
  12. package/dev/root.css +487 -0
  13. package/dev/root.css.map +1 -0
  14. package/dist/base.css +1 -0
  15. package/dist/base.css.map +1 -0
  16. package/dist/index.css +1 -1
  17. package/dist/index.css.map +1 -1
  18. package/dist/index.js +1173 -1443
  19. package/dist/index.js.map +1 -1
  20. package/dist/index.umd.cjs +6 -2
  21. package/dist/index.umd.cjs.map +1 -1
  22. package/dist/root.css +1 -0
  23. package/dist/root.css.map +1 -0
  24. package/index.js +4 -6
  25. package/index.scss +2 -4
  26. package/package.json +36 -38
  27. package/root.scss +21 -0
package/dev/root.css ADDED
@@ -0,0 +1,487 @@
1
+ :root {
2
+ --vb-primary-hs: 152deg 60%;
3
+ --vb-primary: var(--vb-primary-50);
4
+ --vb-primary-0: hsl(var(--vb-primary-hs) 0%);
5
+ --vb-primary-5: hsl(var(--vb-primary-hs) 5%);
6
+ --vb-primary-10: hsl(var(--vb-primary-hs) 10%);
7
+ --vb-primary-12: hsl(var(--vb-primary-hs) 12%);
8
+ --vb-primary-15: hsl(var(--vb-primary-hs) 15%);
9
+ --vb-primary-20: hsl(var(--vb-primary-hs) 20%);
10
+ --vb-primary-30: hsl(var(--vb-primary-hs) 30%);
11
+ --vb-primary-40: hsl(var(--vb-primary-hs) 40%);
12
+ --vb-primary-50: hsl(var(--vb-primary-hs) 50%);
13
+ --vb-primary-60: hsl(var(--vb-primary-hs) 60%);
14
+ --vb-primary-70: hsl(var(--vb-primary-hs) 70%);
15
+ --vb-primary-80: hsl(var(--vb-primary-hs) 80%);
16
+ --vb-primary-90: hsl(var(--vb-primary-hs) 90%);
17
+ --vb-primary-95: hsl(var(--vb-primary-hs) 95%);
18
+ --vb-primary-98: hsl(var(--vb-primary-hs) 98%);
19
+ --vb-primary-100: hsl(var(--vb-primary-hs) 100%);
20
+ --vb-secondary-hs: 214deg 50%;
21
+ --vb-secondary: var(--vb-secondary-50);
22
+ --vb-secondary-0: hsl(var(--vb-secondary-hs) 0%);
23
+ --vb-secondary-5: hsl(var(--vb-secondary-hs) 5%);
24
+ --vb-secondary-10: hsl(var(--vb-secondary-hs) 10%);
25
+ --vb-secondary-12: hsl(var(--vb-secondary-hs) 12%);
26
+ --vb-secondary-15: hsl(var(--vb-secondary-hs) 15%);
27
+ --vb-secondary-20: hsl(var(--vb-secondary-hs) 20%);
28
+ --vb-secondary-30: hsl(var(--vb-secondary-hs) 30%);
29
+ --vb-secondary-40: hsl(var(--vb-secondary-hs) 40%);
30
+ --vb-secondary-50: hsl(var(--vb-secondary-hs) 50%);
31
+ --vb-secondary-60: hsl(var(--vb-secondary-hs) 60%);
32
+ --vb-secondary-70: hsl(var(--vb-secondary-hs) 70%);
33
+ --vb-secondary-80: hsl(var(--vb-secondary-hs) 80%);
34
+ --vb-secondary-90: hsl(var(--vb-secondary-hs) 90%);
35
+ --vb-secondary-95: hsl(var(--vb-secondary-hs) 95%);
36
+ --vb-secondary-98: hsl(var(--vb-secondary-hs) 98%);
37
+ --vb-secondary-100: hsl(var(--vb-secondary-hs) 100%);
38
+ --vb-neutral-hs: 214deg 20%;
39
+ --vb-neutral: var(--vb-neutral-50);
40
+ --vb-neutral-0: hsl(var(--vb-neutral-hs) 0%);
41
+ --vb-neutral-5: hsl(var(--vb-neutral-hs) 5%);
42
+ --vb-neutral-10: hsl(var(--vb-neutral-hs) 10%);
43
+ --vb-neutral-12: hsl(var(--vb-neutral-hs) 12%);
44
+ --vb-neutral-15: hsl(var(--vb-neutral-hs) 15%);
45
+ --vb-neutral-20: hsl(var(--vb-neutral-hs) 20%);
46
+ --vb-neutral-30: hsl(var(--vb-neutral-hs) 30%);
47
+ --vb-neutral-40: hsl(var(--vb-neutral-hs) 40%);
48
+ --vb-neutral-50: hsl(var(--vb-neutral-hs) 50%);
49
+ --vb-neutral-60: hsl(var(--vb-neutral-hs) 60%);
50
+ --vb-neutral-70: hsl(var(--vb-neutral-hs) 70%);
51
+ --vb-neutral-80: hsl(var(--vb-neutral-hs) 80%);
52
+ --vb-neutral-90: hsl(var(--vb-neutral-hs) 90%);
53
+ --vb-neutral-95: hsl(var(--vb-neutral-hs) 95%);
54
+ --vb-neutral-98: hsl(var(--vb-neutral-hs) 98%);
55
+ --vb-neutral-100: hsl(var(--vb-neutral-hs) 100%);
56
+ --vb-important-hs: 0deg 80%;
57
+ --vb-important: var(--vb-important-50);
58
+ --vb-important-0: hsl(var(--vb-important-hs) 0%);
59
+ --vb-important-5: hsl(var(--vb-important-hs) 5%);
60
+ --vb-important-10: hsl(var(--vb-important-hs) 10%);
61
+ --vb-important-12: hsl(var(--vb-important-hs) 12%);
62
+ --vb-important-15: hsl(var(--vb-important-hs) 15%);
63
+ --vb-important-20: hsl(var(--vb-important-hs) 20%);
64
+ --vb-important-30: hsl(var(--vb-important-hs) 30%);
65
+ --vb-important-40: hsl(var(--vb-important-hs) 40%);
66
+ --vb-important-50: hsl(var(--vb-important-hs) 50%);
67
+ --vb-important-60: hsl(var(--vb-important-hs) 60%);
68
+ --vb-important-70: hsl(var(--vb-important-hs) 70%);
69
+ --vb-important-80: hsl(var(--vb-important-hs) 80%);
70
+ --vb-important-90: hsl(var(--vb-important-hs) 90%);
71
+ --vb-important-95: hsl(var(--vb-important-hs) 95%);
72
+ --vb-important-98: hsl(var(--vb-important-hs) 98%);
73
+ --vb-important-100: hsl(var(--vb-important-hs) 100%);
74
+ --vb-prefix: vb-;
75
+ --vb-prefix-themes: vb-theme-;
76
+ --vb-breakpoint-xs: 480px;
77
+ --vb-breakpoint-sm: 620px;
78
+ --vb-breakpoint-md: 760px;
79
+ --vb-breakpoint-lg: 990px;
80
+ --vb-breakpoint-xl: 1380px;
81
+ --vb-gap: 1em;
82
+ --vb-gap-none: 0;
83
+ --vb-gap-xs: 0.25em;
84
+ --vb-gap-sm: 0.5em;
85
+ --vb-gap-md: 1em;
86
+ --vb-gap-lg: 1.5em;
87
+ --vb-gap-xl: 2em;
88
+ --vb-border: 1px solid var(--vb-border-color);
89
+ --vb-border-width: 1px;
90
+ --vb-border-style: solid;
91
+ --vb-border-dark: 1px solid var(--vb-border-color-dark);
92
+ --vb-border-darker: 1px solid var(--vb-border-color-darker);
93
+ --vb-border-radius: 0.25rem;
94
+ --vb-border-radius-lg: 0.5rem;
95
+ --vb-border-radius-circle: 9999px;
96
+ --vb-box-shadow: 0 2px 6px var(--vb-shadow-color);
97
+ --vb-box-shadow-1: 0 1px 3px var(--vb-shadow-color);
98
+ --vb-box-shadow-2: 0 2px 6px var(--vb-shadow-color);
99
+ --vb-box-shadow-3: 0 4px 12px var(--vb-shadow-color);
100
+ --vb-box-shadow-4: 0 8px 18px var(--vb-shadow-color);
101
+ --vb-box-shadow-5: 0 12px 24px var(--vb-shadow-color);
102
+ --vb-font-family: blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;
103
+ --vb-font-family-sans: blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;
104
+ --vb-font-family-serif: constantia, Lucida Bright, lucidabright, Lucida Serif, lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, georgia, serif;
105
+ --vb-font-family-mono: sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, monospace;
106
+ --vb-font-size: 16px;
107
+ --vb-font-size-sm: 0.875rem;
108
+ --vb-font-size-lg: 1.125rem;
109
+ --vb-line-height: 1.5;
110
+ --vb-font-weight-thin: 100;
111
+ --vb-font-weight-extra-light: 200;
112
+ --vb-font-weight-light: 300;
113
+ --vb-font-weight-regular: 400;
114
+ --vb-font-weight-medium: 500;
115
+ --vb-font-weight-semi-bold: 600;
116
+ --vb-font-weight-bold: 700;
117
+ --vb-font-weight-extra-bold: 800;
118
+ --vb-font-weight-black: 900;
119
+ --vb-transition-duration: 0.3s;
120
+ --vb-transition-duration-short: 0.15s;
121
+ --vb-transition-duration-long: 0.6s;
122
+ --vb-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
123
+ --vb-focus-ring-width: 3px;
124
+ --vb-focus-ring-style: solid;
125
+ --vb-focus-ring-offset: 0;
126
+ --vb-focus-ring-opacity: 40%;
127
+ --vb-form-control-font-size: var(--vb-font-size);
128
+ --vb-form-control-font-size-sm: var(--vb-font-size-sm);
129
+ --vb-form-control-font-size-lg: var(--vb-font-size-lg);
130
+ --vb-form-control-line-height: var(--vb-line-height);
131
+ --vb-form-control-border-width: var(--vb-border-width);
132
+ --vb-form-control-border-radius: var(--vb-border-radius);
133
+ --vb-form-control-padding-x: 1em;
134
+ --vb-form-control-padding-y: 0.5em;
135
+ --vb-form-control-padding: 0.5em 1em;
136
+ --vb-form-control-accent: var(--vb-primary-50);
137
+ --vb-form-control-background: var(--vb-background);
138
+ --vb-form-control-background-border-radius: var(--vb-border-radius-circle);
139
+ --vb-form-control-background-opacity: 0%;
140
+ --vb-form-control-background-opacity-hover: 20%;
141
+ --vb-form-control-background-opacity-focus: 20%;
142
+ --vb-form-control-background-opacity-active: 30%;
143
+ --vb-form-control-transition-property: box-shadow, outline;
144
+ --vb-form-control-transition-duration: var(--vb-transition-duration-short);
145
+ --vb-form-control-transition-timing-function: var(--vb-transition-timing-function);
146
+ --vb-loading-size: 1em;
147
+ --vb-loading-border: 2px solid;
148
+ --vb-loading-color: currentcolor;
149
+ --vb-loading-duration: 0.6s;
150
+ }
151
+
152
+ :root, .vb-theme-root {
153
+ --vb-background: var(--vb-neutral-100);
154
+ --vb-background-dark: var(--vb-neutral-98);
155
+ --vb-background-darker: var(--vb-neutral-95);
156
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 60% / 10%);
157
+ --vb-background-hover: rgba(0, 0, 0, 0.05);
158
+ --vb-background-focus: rgba(0, 0, 0, 0.05);
159
+ --vb-background-active: rgba(0, 0, 0, 0.1);
160
+ --vb-foreground: var(--vb-neutral-20);
161
+ --vb-foreground-light: var(--vb-neutral-40);
162
+ --vb-foreground-lighter: var(--vb-neutral-60);
163
+ --vb-foreground-alt: var(--vb-secondary-50);
164
+ --vb-border-color: rgba(0, 0, 0, 0.1);
165
+ --vb-border-color-dark: rgba(0, 0, 0, 0.2);
166
+ --vb-border-color-darker: rgba(0, 0, 0, 0.3);
167
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 20% / 20%);
168
+ --vb-form-control-foreground: var(--vb-neutral-50);
169
+ color-scheme: light;
170
+ }
171
+ @media (prefers-color-scheme: dark) {
172
+ :root, .vb-theme-root {
173
+ --vb-background: var(--vb-neutral-10);
174
+ --vb-background-dark: var(--vb-neutral-12);
175
+ --vb-background-darker: var(--vb-neutral-15);
176
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);
177
+ --vb-background-hover: rgba(255, 255, 255, 0.05);
178
+ --vb-background-focus: rgba(255, 255, 255, 0.05);
179
+ --vb-background-active: rgba(255, 255, 255, 0.01);
180
+ --vb-foreground: var(--vb-neutral-90);
181
+ --vb-foreground-light: var(--vb-neutral-70);
182
+ --vb-foreground-lighter: var(--vb-neutral-50);
183
+ --vb-foreground-alt: var(--vb-secondary-60);
184
+ --vb-border-color: rgba(255, 255, 255, 0.1);
185
+ --vb-border-color-dark: rgba(255, 255, 255, 0.2);
186
+ --vb-border-color-darker: rgba(255, 255, 255, 0.3);
187
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);
188
+ --vb-color-scheme: light;
189
+ --vb-form-control-foreground: var(--vb-neutral-80);
190
+ color-scheme: dark;
191
+ }
192
+ }
193
+
194
+ .vb-theme-light {
195
+ --vb-background: var(--vb-neutral-100);
196
+ --vb-background-dark: var(--vb-neutral-98);
197
+ --vb-background-darker: var(--vb-neutral-95);
198
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 60% / 10%);
199
+ --vb-background-hover: rgba(0, 0, 0, 0.05);
200
+ --vb-background-focus: rgba(0, 0, 0, 0.05);
201
+ --vb-background-active: rgba(0, 0, 0, 0.1);
202
+ --vb-foreground: var(--vb-neutral-20);
203
+ --vb-foreground-light: var(--vb-neutral-40);
204
+ --vb-foreground-lighter: var(--vb-neutral-60);
205
+ --vb-foreground-alt: var(--vb-secondary-50);
206
+ --vb-border-color: rgba(0, 0, 0, 0.1);
207
+ --vb-border-color-dark: rgba(0, 0, 0, 0.2);
208
+ --vb-border-color-darker: rgba(0, 0, 0, 0.3);
209
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 20% / 20%);
210
+ --vb-form-control-foreground: var(--vb-neutral-50);
211
+ color-scheme: light;
212
+ }
213
+
214
+ .vb-theme-dark {
215
+ --vb-background: var(--vb-neutral-10);
216
+ --vb-background-dark: var(--vb-neutral-12);
217
+ --vb-background-darker: var(--vb-neutral-15);
218
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);
219
+ --vb-background-hover: rgba(255, 255, 255, 0.05);
220
+ --vb-background-focus: rgba(255, 255, 255, 0.05);
221
+ --vb-background-active: rgba(255, 255, 255, 0.01);
222
+ --vb-foreground: var(--vb-neutral-90);
223
+ --vb-foreground-light: var(--vb-neutral-70);
224
+ --vb-foreground-lighter: var(--vb-neutral-50);
225
+ --vb-foreground-alt: var(--vb-secondary-60);
226
+ --vb-border-color: rgba(255, 255, 255, 0.1);
227
+ --vb-border-color-dark: rgba(255, 255, 255, 0.2);
228
+ --vb-border-color-darker: rgba(255, 255, 255, 0.3);
229
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);
230
+ --vb-color-scheme: light;
231
+ --vb-form-control-foreground: var(--vb-neutral-80);
232
+ color-scheme: dark;
233
+ }
234
+
235
+ :root {
236
+ --vb-card-padding: 1.25em;
237
+ --vb-card-border-radius: var(--vb-border-radius);
238
+ --vb-card-box-shadow: var(--vb-box-shadow-1);
239
+ --vb-card-link-box-shadow: var(--vb-box-shadow-2);
240
+ --vb-card-link-box-shadow-hover: var(--vb-box-shadow-3);
241
+ --vb-card-link-offset: -0.25em;
242
+ --vb-card-title-font-size: var(--vb-font-size-lg);
243
+ --vb-card-title-font-weight: var(--vb-font-weight-semi-bold);
244
+ --vb-card-transition-property: background-color, border-color, box-shadow, transform;
245
+ --vb-card-transition-duration: var(--vb-transition-duration);
246
+ --vb-card-transition-timing-function: var(--vb-transition-timing-function);
247
+ }
248
+
249
+ :root, .vb-theme-root {
250
+ --vb-card-background: var(--vb-background);
251
+ --vb-card-foreground: var(--vb-foreground-light);
252
+ --vb-card-border: 1px solid var(--vb-border-color);
253
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
254
+ --vb-card-title-color: var(--vb-foreground);
255
+ --vb-card-screen-background: var(--vb-background);
256
+ --vb-card-screen-opacity: 0.9;
257
+ }
258
+ @media (prefers-color-scheme: dark) {
259
+ :root, .vb-theme-root {
260
+ --vb-card-background: var(--vb-background-darker);
261
+ --vb-card-foreground: var(--vb-foreground-light);
262
+ --vb-card-border: 1px solid var(--vb-border-color);
263
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
264
+ --vb-card-title-color: var(--vb-foreground);
265
+ --vb-card-screen-background: var(--vb-background-darker);
266
+ --vb-card-screen-opacity: 0.8;
267
+ }
268
+ }
269
+
270
+ .vb-theme-light {
271
+ --vb-card-background: var(--vb-background);
272
+ --vb-card-foreground: var(--vb-foreground-light);
273
+ --vb-card-border: 1px solid var(--vb-border-color);
274
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
275
+ --vb-card-title-color: var(--vb-foreground);
276
+ --vb-card-screen-background: var(--vb-background);
277
+ --vb-card-screen-opacity: 0.9;
278
+ }
279
+
280
+ .vb-theme-dark {
281
+ --vb-card-background: var(--vb-background-darker);
282
+ --vb-card-foreground: var(--vb-foreground-light);
283
+ --vb-card-border: 1px solid var(--vb-border-color);
284
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
285
+ --vb-card-title-color: var(--vb-foreground);
286
+ --vb-card-screen-background: var(--vb-background-darker);
287
+ --vb-card-screen-opacity: 0.8;
288
+ }
289
+
290
+ :root {
291
+ --vb-dialog-padding: 1em;
292
+ --vb-dialog-gap: 0.5em;
293
+ --vb-dialog-border-radius: var(--vb-border-radius);
294
+ --vb-dialog-box-shadow: var(--vb-box-shadow-4);
295
+ --vb-dialog-title-font-size: var(--vb-font-size-lg);
296
+ --vb-dialog-title-font-weight: var(--vb-font-weight-semi-bold);
297
+ }
298
+
299
+ :root, .vb-theme-root {
300
+ --vb-dialog-background: var(--vb-background);
301
+ --vb-dialog-foreground: var(--vb-foreground);
302
+ --vb-dialog-border: 1px solid var(--vb-border-color);
303
+ --vb-dialog-sep-border: 1px solid var(--vb-border-color);
304
+ }
305
+ @media (prefers-color-scheme: dark) {
306
+ :root, .vb-theme-root {
307
+ --vb-dialog-background: var(--vb-background);
308
+ --vb-dialog-foreground: var(--vb-foreground);
309
+ --vb-dialog-border: 1px solid var(--vb-border-color);
310
+ --vb-dialog-sep-border: 1px solid var(--vb-border-color);
311
+ }
312
+ }
313
+
314
+ .vb-theme-light {
315
+ --vb-dialog-background: var(--vb-background);
316
+ --vb-dialog-foreground: var(--vb-foreground);
317
+ --vb-dialog-border: 1px solid var(--vb-border-color);
318
+ --vb-dialog-sep-border: 1px solid var(--vb-border-color);
319
+ }
320
+
321
+ .vb-theme-dark {
322
+ --vb-dialog-background: var(--vb-background);
323
+ --vb-dialog-foreground: var(--vb-foreground);
324
+ --vb-dialog-border: 1px solid var(--vb-border-color);
325
+ --vb-dialog-sep-border: 1px solid var(--vb-border-color);
326
+ }
327
+
328
+ :root {
329
+ --vb-drawer-transition-duration: var(--vb-transition-duration);
330
+ --vb-drawer-transition-timing-function: var(--vb-transition-timing-function);
331
+ }
332
+
333
+ :root {
334
+ --vb-flex-gap: 1em;
335
+ --vb-flex-wrap: wrap;
336
+ }
337
+
338
+ :root {
339
+ --vb-grid-cols: 1;
340
+ --vb-grid-rows: 1;
341
+ --vb-grid-flow: dense;
342
+ --vb-grid-gap: 2em;
343
+ }
344
+
345
+ :root {
346
+ --vb-icon-size: 1.5em;
347
+ --vb-icon-stroke-width: 2;
348
+ --vb-icon-color: currentcolor;
349
+ }
350
+
351
+ :root, .vb-theme-root {
352
+ --vb-input-select-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" fill="black"><polyline points="0 8 3.5 12 7 8"></polyline><polyline points="0 4 3.5 0 7 4"></polyline></svg>');
353
+ }
354
+ @media (prefers-color-scheme: dark) {
355
+ :root, .vb-theme-root {
356
+ --vb-input-select-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" fill="white"><polyline points="0 8 3.5 12 7 8"></polyline><polyline points="0 4 3.5 0 7 4"></polyline></svg>');
357
+ }
358
+ }
359
+
360
+ .vb-theme-light {
361
+ --vb-input-select-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" fill="black"><polyline points="0 8 3.5 12 7 8"></polyline><polyline points="0 4 3.5 0 7 4"></polyline></svg>');
362
+ }
363
+
364
+ .vb-theme-dark {
365
+ --vb-input-select-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" fill="white"><polyline points="0 8 3.5 12 7 8"></polyline><polyline points="0 4 3.5 0 7 4"></polyline></svg>');
366
+ }
367
+
368
+ :root {
369
+ --vb-modal-transition-duration: var(--vb-transition-duration);
370
+ --vb-modal-transition-timing-function: var(--vb-transition-timing-function);
371
+ }
372
+
373
+ :root {
374
+ --vb-notice-gap: 0.5em;
375
+ --vb-notice-padding: 1em;
376
+ --vb-notice-border-radius: var(--vb-border-radius);
377
+ --vb-notice-title-font-size: var(--vb-font-size-lg);
378
+ --vb-notice-title-font-weight: var(--vb-font-weight-semi-bold);
379
+ }
380
+
381
+ :root, .vb-theme-root {
382
+ --vb-notice-background: var(--vb-neutral-95);
383
+ --vb-notice-foreground: var(--vb-neutral-20);
384
+ }
385
+ @media (prefers-color-scheme: dark) {
386
+ :root, .vb-theme-root {
387
+ --vb-notice-background: var(--vb-neutral-20);
388
+ --vb-notice-foreground: var(--vb-neutral-95);
389
+ }
390
+ }
391
+
392
+ .vb-theme-light {
393
+ --vb-notice-background: var(--vb-neutral-95);
394
+ --vb-notice-foreground: var(--vb-neutral-20);
395
+ }
396
+
397
+ .vb-theme-dark {
398
+ --vb-notice-background: var(--vb-neutral-20);
399
+ --vb-notice-foreground: var(--vb-neutral-95);
400
+ }
401
+
402
+ :root {
403
+ --vb-popover-offset: 8;
404
+ --vb-popover-overflow-padding: 10;
405
+ --vb-popover-flip-padding: 10;
406
+ --vb-popover-arrow-padding: 10;
407
+ }
408
+
409
+ :root {
410
+ --vb-section-max-width: 70rem;
411
+ --vb-section-padding: 1.5em;
412
+ --vb-section-image-opacity: 1;
413
+ }
414
+
415
+ :root, .vb-theme-root {
416
+ --vb-section-background: transparent;
417
+ --vb-section-foreground: var(--vb-foreground);
418
+ --vb-section-screen-background: var(--vb-background);
419
+ --vb-section-screen-opacity: 0.8;
420
+ }
421
+ @media (prefers-color-scheme: dark) {
422
+ :root, .vb-theme-root {
423
+ --vb-section-background: transparent;
424
+ --vb-section-foreground: var(--vb-foreground);
425
+ --vb-section-screen-background: var(--vb-background);
426
+ --vb-section-screen-opacity: 0.7;
427
+ }
428
+ }
429
+
430
+ .vb-theme-light {
431
+ --vb-section-background: transparent;
432
+ --vb-section-foreground: var(--vb-foreground);
433
+ --vb-section-screen-background: var(--vb-background);
434
+ --vb-section-screen-opacity: 0.8;
435
+ }
436
+
437
+ .vb-theme-dark {
438
+ --vb-section-background: transparent;
439
+ --vb-section-foreground: var(--vb-foreground);
440
+ --vb-section-screen-background: var(--vb-background);
441
+ --vb-section-screen-opacity: 0.7;
442
+ }
443
+
444
+ :root {
445
+ --vb-table-padding: 0.5em 0.75em;
446
+ --vb-table-mobile-label-width: 8em;
447
+ --vb-table-mobile-label-spacing: 0.75em;
448
+ }
449
+
450
+ :root, .vb-theme-root {
451
+ --vb-table-background: var(--vb-background);
452
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 6%);
453
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
454
+ --vb-table-border: 1px solid var(--vb-border-color);
455
+ --vb-table-border-alt: 1px dotted var(--vb-border-color);
456
+ --vb-table-foreground: var(--vb-foreground);
457
+ }
458
+ @media (prefers-color-scheme: dark) {
459
+ :root, .vb-theme-root {
460
+ --vb-table-background: var(--vb-background);
461
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);
462
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
463
+ --vb-table-border: 1px solid var(--vb-border-color-dark);
464
+ --vb-table-border-alt: 1px dotted var(--vb-border-color-dark);
465
+ --vb-table-foreground: var(--vb-foreground);
466
+ }
467
+ }
468
+
469
+ .vb-theme-light {
470
+ --vb-table-background: var(--vb-background);
471
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 6%);
472
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
473
+ --vb-table-border: 1px solid var(--vb-border-color);
474
+ --vb-table-border-alt: 1px dotted var(--vb-border-color);
475
+ --vb-table-foreground: var(--vb-foreground);
476
+ }
477
+
478
+ .vb-theme-dark {
479
+ --vb-table-background: var(--vb-background);
480
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);
481
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
482
+ --vb-table-border: 1px solid var(--vb-border-color-dark);
483
+ --vb-table-border-alt: 1px dotted var(--vb-border-color-dark);
484
+ --vb-table-foreground: var(--vb-foreground);
485
+ }
486
+
487
+ /*# sourceMappingURL=root.css.map */
package/dev/root.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../node_modules/@vrembem/core/root.scss","../../../node_modules/@vrembem/core/src/scss/modules/_css.scss","../../../node_modules/@vrembem/core/src/scss/modules/_theme.scss","../../../node_modules/@vrembem/card/src/_root.scss","../../../node_modules/@vrembem/dialog/src/_root.scss","../../../node_modules/@vrembem/drawer/src/scss/_root.scss","../../../node_modules/@vrembem/flex/src/_root.scss","../../../node_modules/@vrembem/grid/src/_root.scss","../../../node_modules/@vrembem/icon/src/_root.scss","../../../node_modules/@vrembem/modal/src/scss/_root.scss","../../../node_modules/@vrembem/notice/src/_root.scss","../../../node_modules/@vrembem/popover/src/scss/_root.scss","../../../node_modules/@vrembem/section/src/_root.scss","../../../node_modules/@vrembem/table/src/_root.scss"],"names":[],"mappings":"AAEA;ECkIM;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC2HJ;ED3HI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECqGE;;AAmCF;EAbJ;ID3HI;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;ICqGE;;;;AA2CJ;EDhJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECqGE;;;AA2CJ;EDhJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECqGE;;;ACtOR;EFiIM;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC2HJ;ED3HI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ACwIA;EAbJ;ID3HI;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AGjIN;EHiIM;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC2HJ;ED3HI;EAAA;EAAA;EAAA;;ACwIA;EAbJ;ID3HI;IAAA;IAAA;IAAA;;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;;;AIlIN;EJkIM;EAAA;;;AKlIN;ELkIM;EAAA;;;AMlIN;ENkIM;EAAA;EAAA;EAAA;;;AOlIN;EPkIM;EAAA;EAAA;;;AC2HJ;ED3HI;;ACwIA;EAbJ;ID3HI;;;;ACgJF;EDhJE;;;ACgJF;EDhJE;;;AQlIN;ERkIM;EAAA;;;ASjIN;ETiIM;EAAA;EAAA;EAAA;EAAA;;;AC2HJ;ED3HI;EAAA;;ACwIA;EAbJ;ID3HI;IAAA;;;;ACgJF;EDhJE;EAAA;;;ACgJF;EDhJE;EAAA;;;AUlIN;EVkIM;EAAA;EAAA;EAAA;;;AW/HN;EX+HM;EAAA;EAAA;;;AC2HJ;ED3HI;EAAA;EAAA;EAAA;;ACwIA;EAbJ;ID3HI;IAAA;IAAA;IAAA;;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;;;AYjIN;EZiIM;EAAA;EAAA;;;AC2HJ;ED3HI;EAAA;EAAA;EAAA;EAAA;EAAA;;ACwIA;EAbJ;ID3HI;IAAA;IAAA;IAAA;IAAA;IAAA;;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACgJF;EDhJE;EAAA;EAAA;EAAA;EAAA;EAAA","file":"root.css"}