vrembem 4.0.0-next.3 → 4.0.0-next.31

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 +1 -1
  2. package/README.md +5 -7
  3. package/base.scss +20 -0
  4. package/dev/base.css +6883 -0
  5. package/dev/base.css.map +1 -0
  6. package/dev/index.css +4640 -3287
  7. package/dev/index.css.map +1 -1
  8. package/dev/index.js +3333 -1982
  9. package/dev/index.js.map +1 -1
  10. package/dev/index.umd.cjs +3334 -1983
  11. package/dev/index.umd.cjs.map +1 -1
  12. package/dev/root.css +464 -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 +2272 -1896
  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 +5 -10
  25. package/index.scss +2 -3
  26. package/package.json +34 -35
  27. package/root.scss +19 -0
package/dev/root.css ADDED
@@ -0,0 +1,464 @@
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-width: 1px;
89
+ --vb-border-style: solid;
90
+ --vb-border: var(--vb-border-width) var(--vb-border-style) var(--vb-border-color);
91
+ --vb-border-dark: var(--vb-border-width) var(--vb-border-style) var(--vb-border-color-dark);
92
+ --vb-border-darker: var(--vb-border-width) var(--vb-border-style) 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-form-control-font-size: var(--vb-font-size);
127
+ --vb-form-control-font-size-sm: var(--vb-font-size-sm);
128
+ --vb-form-control-font-size-lg: var(--vb-font-size-lg);
129
+ --vb-form-control-line-height: var(--vb-line-height);
130
+ --vb-form-control-border-width: var(--vb-border-width);
131
+ --vb-form-control-border-radius: var(--vb-border-radius);
132
+ --vb-form-control-padding-x: 1em;
133
+ --vb-form-control-padding-y: 0.5em;
134
+ --vb-form-control-padding: 0.5em 1em;
135
+ --vb-form-control-accent: var(--vb-primary-50);
136
+ --vb-form-control-background: var(--vb-background);
137
+ --vb-form-control-background-border-radius: var(--vb-border-radius-circle);
138
+ --vb-form-control-background-opacity: 0%;
139
+ --vb-form-control-background-opacity-hover: 20%;
140
+ --vb-form-control-background-opacity-focus: 20%;
141
+ --vb-form-control-background-opacity-active: 30%;
142
+ --vb-form-control-transition-property: box-shadow, outline;
143
+ --vb-form-control-transition-duration: var(--vb-transition-duration-short);
144
+ --vb-form-control-transition-timing-function: var(--vb-transition-timing-function);
145
+ --vb-screen-color: var(--vb-neutral-10);
146
+ --vb-screen-opacity: 0.8;
147
+ --vb-screen-padding: 1em;
148
+ }
149
+
150
+ :root,
151
+ .vb-theme-root {
152
+ --vb-background: var(--vb-neutral-100);
153
+ --vb-background-dark: var(--vb-neutral-98);
154
+ --vb-background-darker: var(--vb-neutral-95);
155
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 60% / 10%);
156
+ --vb-background-hover: rgba(0, 0, 0, 0.05);
157
+ --vb-background-focus: rgba(0, 0, 0, 0.05);
158
+ --vb-background-active: rgba(0, 0, 0, 0.1);
159
+ --vb-foreground: var(--vb-neutral-20);
160
+ --vb-foreground-light: var(--vb-neutral-40);
161
+ --vb-foreground-lighter: var(--vb-neutral-60);
162
+ --vb-foreground-alt: var(--vb-secondary-50);
163
+ --vb-border-color: rgba(0, 0, 0, 0.1);
164
+ --vb-border-color-dark: rgba(0, 0, 0, 0.2);
165
+ --vb-border-color-darker: rgba(0, 0, 0, 0.3);
166
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 20% / 20%);
167
+ --vb-form-control-foreground: var(--vb-neutral-50);
168
+ color-scheme: light;
169
+ }
170
+ @media (prefers-color-scheme: dark) {
171
+ :root,
172
+ .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,
250
+ .vb-theme-root {
251
+ --vb-card-background: var(--vb-background);
252
+ --vb-card-foreground: var(--vb-foreground-light);
253
+ --vb-card-border: 1px solid var(--vb-border-color);
254
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
255
+ --vb-card-title-color: var(--vb-foreground);
256
+ --vb-card-screen-background: var(--vb-background);
257
+ --vb-card-screen-opacity: 0.9;
258
+ }
259
+ @media (prefers-color-scheme: dark) {
260
+ :root,
261
+ .vb-theme-root {
262
+ --vb-card-background: var(--vb-background-darker);
263
+ --vb-card-foreground: var(--vb-foreground-light);
264
+ --vb-card-border: 1px solid var(--vb-border-color);
265
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
266
+ --vb-card-title-color: var(--vb-foreground);
267
+ --vb-card-screen-background: var(--vb-background-darker);
268
+ --vb-card-screen-opacity: 0.8;
269
+ }
270
+ }
271
+
272
+ .vb-theme-light {
273
+ --vb-card-background: var(--vb-background);
274
+ --vb-card-foreground: var(--vb-foreground-light);
275
+ --vb-card-border: 1px solid var(--vb-border-color);
276
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
277
+ --vb-card-title-color: var(--vb-foreground);
278
+ --vb-card-screen-background: var(--vb-background);
279
+ --vb-card-screen-opacity: 0.9;
280
+ }
281
+
282
+ .vb-theme-dark {
283
+ --vb-card-background: var(--vb-background-darker);
284
+ --vb-card-foreground: var(--vb-foreground-light);
285
+ --vb-card-border: 1px solid var(--vb-border-color);
286
+ --vb-card-sep-border: 1px solid var(--vb-border-color);
287
+ --vb-card-title-color: var(--vb-foreground);
288
+ --vb-card-screen-background: var(--vb-background-darker);
289
+ --vb-card-screen-opacity: 0.8;
290
+ }
291
+
292
+ :root {
293
+ --vb-dialog-transition-duration: var(--vb-transition-duration);
294
+ --vb-dialog-transition-timing-function: var(--vb-transition-timing-function);
295
+ }
296
+
297
+ :root {
298
+ --vb-drawer-transition-duration: var(--vb-dialog-transition-duration, var(--vb-transition-duration));
299
+ --vb-drawer-transition-timing-function: var(--vb-dialog-transition-timing-function, var(--vb-transition-timing-function));
300
+ }
301
+
302
+ :root {
303
+ --vb-flex-gap: 1em;
304
+ --vb-flex-wrap: wrap;
305
+ }
306
+
307
+ :root {
308
+ --vb-grid-cols: 1;
309
+ --vb-grid-rows: 1;
310
+ --vb-grid-flow: dense;
311
+ --vb-grid-gap: 2em;
312
+ }
313
+
314
+ :root {
315
+ --vb-icon-size: 1.5em;
316
+ --vb-icon-stroke-width: 2;
317
+ --vb-icon-color: currentcolor;
318
+ }
319
+
320
+ :root,
321
+ .vb-theme-root {
322
+ --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>');
323
+ }
324
+ @media (prefers-color-scheme: dark) {
325
+ :root,
326
+ .vb-theme-root {
327
+ --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>');
328
+ }
329
+ }
330
+
331
+ .vb-theme-light {
332
+ --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>');
333
+ }
334
+
335
+ .vb-theme-dark {
336
+ --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>');
337
+ }
338
+
339
+ :root {
340
+ --vb-modal-transition-duration: var(--vb-dialog-transition-duration, var(--vb-transition-duration));
341
+ --vb-modal-transition-timing-function: var(--vb-dialog-transition-timing-function, var(--vb-transition-timing-function));
342
+ }
343
+
344
+ :root {
345
+ --vb-notice-gap: 0.5em;
346
+ --vb-notice-padding: 1em;
347
+ --vb-notice-border-radius: var(--vb-border-radius);
348
+ --vb-notice-title-font-size: var(--vb-font-size-lg);
349
+ --vb-notice-title-font-weight: var(--vb-font-weight-semi-bold);
350
+ }
351
+
352
+ :root,
353
+ .vb-theme-root {
354
+ --vb-notice-background: var(--vb-neutral-95);
355
+ --vb-notice-foreground: var(--vb-neutral-20);
356
+ }
357
+ @media (prefers-color-scheme: dark) {
358
+ :root,
359
+ .vb-theme-root {
360
+ --vb-notice-background: var(--vb-neutral-20);
361
+ --vb-notice-foreground: var(--vb-neutral-95);
362
+ }
363
+ }
364
+
365
+ .vb-theme-light {
366
+ --vb-notice-background: var(--vb-neutral-95);
367
+ --vb-notice-foreground: var(--vb-neutral-20);
368
+ }
369
+
370
+ .vb-theme-dark {
371
+ --vb-notice-background: var(--vb-neutral-20);
372
+ --vb-notice-foreground: var(--vb-neutral-95);
373
+ }
374
+
375
+ :root {
376
+ --vb-popover-offset: 8;
377
+ --vb-popover-flip-padding: 10;
378
+ --vb-popover-shift-padding: 10;
379
+ --vb-popover-arrow-padding: 10;
380
+ }
381
+
382
+ :root {
383
+ --vb-section-max-width: 70rem;
384
+ --vb-section-padding: 1.5em;
385
+ --vb-section-image-opacity: 1;
386
+ }
387
+
388
+ :root,
389
+ .vb-theme-root {
390
+ --vb-section-background: transparent;
391
+ --vb-section-foreground: var(--vb-foreground);
392
+ --vb-section-screen-background: var(--vb-background);
393
+ --vb-section-screen-opacity: 0.8;
394
+ }
395
+ @media (prefers-color-scheme: dark) {
396
+ :root,
397
+ .vb-theme-root {
398
+ --vb-section-background: transparent;
399
+ --vb-section-foreground: var(--vb-foreground);
400
+ --vb-section-screen-background: var(--vb-background);
401
+ --vb-section-screen-opacity: 0.7;
402
+ }
403
+ }
404
+
405
+ .vb-theme-light {
406
+ --vb-section-background: transparent;
407
+ --vb-section-foreground: var(--vb-foreground);
408
+ --vb-section-screen-background: var(--vb-background);
409
+ --vb-section-screen-opacity: 0.8;
410
+ }
411
+
412
+ .vb-theme-dark {
413
+ --vb-section-background: transparent;
414
+ --vb-section-foreground: var(--vb-foreground);
415
+ --vb-section-screen-background: var(--vb-background);
416
+ --vb-section-screen-opacity: 0.7;
417
+ }
418
+
419
+ :root {
420
+ --vb-table-padding: 0.5em 0.75em;
421
+ --vb-table-mobile-label-width: 8em;
422
+ --vb-table-mobile-label-spacing: 0.75em;
423
+ }
424
+
425
+ :root,
426
+ .vb-theme-root {
427
+ --vb-table-background: var(--vb-background);
428
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 6%);
429
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
430
+ --vb-table-border: 1px solid var(--vb-border-color);
431
+ --vb-table-border-alt: 1px dotted var(--vb-border-color);
432
+ --vb-table-foreground: var(--vb-foreground);
433
+ }
434
+ @media (prefers-color-scheme: dark) {
435
+ :root,
436
+ .vb-theme-root {
437
+ --vb-table-background: var(--vb-background);
438
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);
439
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
440
+ --vb-table-border: 1px solid var(--vb-border-color-dark);
441
+ --vb-table-border-alt: 1px dotted var(--vb-border-color-dark);
442
+ --vb-table-foreground: var(--vb-foreground);
443
+ }
444
+ }
445
+
446
+ .vb-theme-light {
447
+ --vb-table-background: var(--vb-background);
448
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 6%);
449
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
450
+ --vb-table-border: 1px solid var(--vb-border-color);
451
+ --vb-table-border-alt: 1px dotted var(--vb-border-color);
452
+ --vb-table-foreground: var(--vb-foreground);
453
+ }
454
+
455
+ .vb-theme-dark {
456
+ --vb-table-background: var(--vb-background);
457
+ --vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);
458
+ --vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);
459
+ --vb-table-border: 1px solid var(--vb-border-color-dark);
460
+ --vb-table-border-alt: 1px dotted var(--vb-border-color-dark);
461
+ --vb-table-foreground: var(--vb-foreground);
462
+ }
463
+
464
+ /*# 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;EC+IM;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;;;ACoHJ;AAAA;EDpHI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EC8FE;;AAoCF;EAdJ;AAAA;IDpHI;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IC8FE;;;;AA4CJ;ED1IE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EC8FE;;;AA4CJ;ED1IE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EC8FE;;;AC5OR;EF8IM;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACoHJ;AAAA;EDpHI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ACkIA;EAdJ;AAAA;IDpHI;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AC0IF;ED1IE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC0IF;ED1IE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AG/IN;EH+IM;EAAA;;;AI/IN;EJ+IM;EAAA;;;AK/IN;EL+IM;EAAA;;;AM/IN;EN+IM;EAAA;EAAA;EAAA;;;AO/IN;EP+IM;EAAA;EAAA;;;ACoHJ;AAAA;EDpHI;;ACkIA;EAdJ;AAAA;IDpHI;;;;AC0IF;ED1IE;;;AC0IF;ED1IE;;;AQ/IN;ER+IM;EAAA;;;AS9IN;ET8IM;EAAA;EAAA;EAAA;EAAA;;;ACoHJ;AAAA;EDpHI;EAAA;;ACkIA;EAdJ;AAAA;IDpHI;IAAA;;;;AC0IF;ED1IE;EAAA;;;AC0IF;ED1IE;EAAA;;;AU/IN;EV+IM;EAAA;EAAA;EAAA;;;AW5IN;EX4IM;EAAA;EAAA;;;ACoHJ;AAAA;EDpHI;EAAA;EAAA;EAAA;;ACkIA;EAdJ;AAAA;IDpHI;IAAA;IAAA;IAAA;;;;AC0IF;ED1IE;EAAA;EAAA;EAAA;;;AC0IF;ED1IE;EAAA;EAAA;EAAA;;;AY9IN;EZ8IM;EAAA;EAAA;;;ACoHJ;AAAA;EDpHI;EAAA;EAAA;EAAA;EAAA;EAAA;;ACkIA;EAdJ;AAAA;IDpHI;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AC0IF;ED1IE;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC0IF;ED1IE;EAAA;EAAA;EAAA;EAAA;EAAA","file":"root.css"}