pixelplay 1.2.0 → 1.2.2

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 (15) hide show
  1. package/CHANGELOG.md +196 -1
  2. package/dist/index.d.mts +25 -11
  3. package/dist/index.d.ts +25 -11
  4. package/dist/index.js +8960 -5095
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +8974 -5103
  7. package/dist/index.mjs.map +1 -1
  8. package/dist/server.d.mts +9 -12
  9. package/dist/server.d.ts +9 -12
  10. package/dist/server.js +140 -120
  11. package/dist/server.js.map +1 -1
  12. package/dist/server.mjs +140 -120
  13. package/dist/server.mjs.map +1 -1
  14. package/dist/styles.css +260 -164
  15. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --primary: #7C3AED;
16
16
  --on-primary: #FFFFFF;
17
17
  --primary-container: #EDE9FE;
18
- --on-primary-container: #4C1D95;
18
+ --on-primary-container: #2D1159;
19
19
  --inverse-primary: #C4B5FD;
20
20
  --secondary: #414651;
21
21
  --on-secondary: #FFFFFF;
@@ -24,7 +24,7 @@
24
24
  --tertiary: #DC2626;
25
25
  --on-tertiary: #FFFFFF;
26
26
  --tertiary-container: #FEE2E2;
27
- --on-tertiary-container: #7F1D1D;
27
+ --on-tertiary-container: #4C1111;
28
28
  --outline: #D5D7DA;
29
29
  --outline-variant: #E9EAEB;
30
30
  --scrim: rgba(0,0,0,0.5);
@@ -32,19 +32,19 @@
32
32
  --error: #D92D20;
33
33
  --on-error: #FFFFFF;
34
34
  --error-container: #FEE4E2;
35
- --on-error-container: #912018;
35
+ --on-error-container: #7A271A;
36
36
  --success: #039855;
37
37
  --on-success: #FFFFFF;
38
38
  --success-container: #D1FADF;
39
- --on-success-container: #05603A;
39
+ --on-success-container: #054F31;
40
40
  --warning: #DC6803;
41
41
  --on-warning: #FFFFFF;
42
42
  --warning-container: #FEF0C7;
43
- --on-warning-container: #93370D;
43
+ --on-warning-container: #7A2E0E;
44
44
  --info: #1570EF;
45
45
  --on-info: #FFFFFF;
46
46
  --info-container: #D1E9FF;
47
- --on-info-container: #1849A9;
47
+ --on-info-container: #194185;
48
48
  --surface-tint: #7C3AED;
49
49
  --state-hover: rgba(0,0,0,0.06);
50
50
  --state-focus: rgba(0,0,0,0.10);
@@ -72,15 +72,15 @@
72
72
  --graphic-8-container: #F0FDFA;
73
73
  --graphic-9-container: #FFF6ED;
74
74
  --graphic-10-container: #F8F9FC;
75
- --on-graphic-1-container: #5B21B6;
76
- --on-graphic-2-container: #991B1B;
75
+ --on-graphic-1-container: #4C1D95;
76
+ --on-graphic-2-container: #7F1D1D;
77
77
  --on-graphic-3-container: #252B37;
78
- --on-graphic-4-container: #05603A;
79
- --on-graphic-5-container: #93370D;
80
- --on-graphic-6-container: #1849A9;
81
- --on-graphic-7-container: #4A1FB8;
82
- --on-graphic-8-container: #115E59;
83
- --on-graphic-9-container: #9C2A10;
78
+ --on-graphic-4-container: #054F31;
79
+ --on-graphic-5-container: #7A2E0E;
80
+ --on-graphic-6-container: #194185;
81
+ --on-graphic-7-container: #3E1C96;
82
+ --on-graphic-8-container: #134E4A;
83
+ --on-graphic-9-container: #7E2410;
84
84
  --on-graphic-10-container: #293056;
85
85
  --status-positive: #039855;
86
86
  --status-warning: #DC6803;
@@ -138,6 +138,18 @@
138
138
  --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
139
139
  --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
140
140
  --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
141
+ --spacing-page-x: 1rem;
142
+ --spacing-page-y: 1.5rem;
143
+ --spacing-card-x: 1.25rem;
144
+ --spacing-card-y: 1rem;
145
+ --spacing-section-gap: 1.5rem;
146
+ --spacing-row-gap: 1rem;
147
+ --spacing-col-gap: 1rem;
148
+ --spacing-header-h: 3.5rem;
149
+ --spacing-sidebar-w: 17.25rem;
150
+ --spacing-filter-bar-x: 1rem;
151
+ --spacing-filter-bar-y: 0.75rem;
152
+ --spacing-aside-w: 20rem;
141
153
  }
142
154
 
143
155
  .dark {
@@ -154,8 +166,8 @@
154
166
  --inverse-surface: #FAFAFA;
155
167
  --inverse-on-surface: #090E18;
156
168
  --primary: #C4B5FD;
157
- --on-primary: #2D1159;
158
- --primary-container: #5B21B6;
169
+ --on-primary: #190932;
170
+ --primary-container: #4C1D95;
159
171
  --on-primary-container: #EDE9FE;
160
172
  --inverse-primary: #7C3AED;
161
173
  --secondary: #A4A7AE;
@@ -163,28 +175,28 @@
163
175
  --secondary-container: #414651;
164
176
  --on-secondary-container: #F5F5F5;
165
177
  --tertiary: #F87171;
166
- --on-tertiary: #4C1111;
167
- --tertiary-container: #7F1D1D;
178
+ --on-tertiary: #2B0909;
179
+ --tertiary-container: #4C1111;
168
180
  --on-tertiary-container: #FEE2E2;
169
181
  --outline: #535862;
170
182
  --outline-variant: #414651;
171
183
  --scrim: rgba(255,255,255,0.1);
172
184
  --shadow: rgba(0,0,0,0.4);
173
185
  --error: #F97066;
174
- --on-error: #4C1108;
175
- --error-container: #7A271A;
186
+ --on-error: #2B0904;
187
+ --error-container: #4C1108;
176
188
  --on-error-container: #FEE4E2;
177
189
  --success: #32D583;
178
- --on-success: #03301E;
179
- --success-container: #054F31;
190
+ --on-success: #021C11;
191
+ --success-container: #03301E;
180
192
  --on-success-container: #D1FADF;
181
193
  --warning: #FDB022;
182
- --on-warning: #491A06;
183
- --warning-container: #7A2E0E;
194
+ --on-warning: #291003;
195
+ --warning-container: #491A06;
184
196
  --on-warning-container: #FEF0C7;
185
197
  --info: #53B1FD;
186
- --on-info: #0E2669;
187
- --info-container: #194185;
198
+ --on-info: #08153B;
199
+ --info-container: #0E2669;
188
200
  --on-info-container: #D1E9FF;
189
201
  --surface-tint: #C4B5FD;
190
202
  --state-hover: rgba(196,181,253,0.08);
@@ -203,15 +215,15 @@
203
215
  --graphic-9: #FD853A;
204
216
  --graphic-10: #717BBC;
205
217
  --on-graphic: #FFFFFF;
206
- --graphic-1-container: #2D1159;
207
- --graphic-2-container: #4C1111;
218
+ --graphic-1-container: #190932;
219
+ --graphic-2-container: #2B0909;
208
220
  --graphic-3-container: #101828;
209
- --graphic-4-container: #03301E;
210
- --graphic-5-container: #491A06;
211
- --graphic-6-container: #0E2669;
212
- --graphic-7-container: #25105A;
213
- --graphic-8-container: #0A302E;
214
- --graphic-9-container: #4C1509;
221
+ --graphic-4-container: #021C11;
222
+ --graphic-5-container: #291003;
223
+ --graphic-6-container: #08153B;
224
+ --graphic-7-container: #140932;
225
+ --graphic-8-container: #061C1A;
226
+ --graphic-9-container: #2B0C05;
215
227
  --graphic-10-container: #090B15;
216
228
  --on-graphic-1-container: #EDE9FE;
217
229
  --on-graphic-2-container: #FEE2E2;
@@ -237,7 +249,7 @@
237
249
  --graphic-divider: #414651;
238
250
  --graphic-label: #A4A7AE;
239
251
  --graphic-marker: #C4B5FD;
240
- --graphic-hover: #5B21B6;
252
+ --graphic-hover: #4C1D95;
241
253
  --graphic-muted: #414651;
242
254
  --annotation-line: #717680;
243
255
  --radius-xs: 0px;
@@ -279,6 +291,18 @@
279
291
  --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
280
292
  --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
281
293
  --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
294
+ --spacing-page-x: 1rem;
295
+ --spacing-page-y: 1.5rem;
296
+ --spacing-card-x: 1.25rem;
297
+ --spacing-card-y: 1rem;
298
+ --spacing-section-gap: 1.5rem;
299
+ --spacing-row-gap: 1rem;
300
+ --spacing-col-gap: 1rem;
301
+ --spacing-header-h: 3.5rem;
302
+ --spacing-sidebar-w: 17.25rem;
303
+ --spacing-filter-bar-x: 1rem;
304
+ --spacing-filter-bar-y: 0.75rem;
305
+ --spacing-aside-w: 20rem;
282
306
  }
283
307
 
284
308
  [data-design-theme="inkwell"] {
@@ -297,7 +321,7 @@
297
321
  --primary: #7C3AED;
298
322
  --on-primary: #FFFFFF;
299
323
  --primary-container: #EDE9FE;
300
- --on-primary-container: #4C1D95;
324
+ --on-primary-container: #2D1159;
301
325
  --inverse-primary: #C4B5FD;
302
326
  --secondary: #414651;
303
327
  --on-secondary: #FFFFFF;
@@ -306,7 +330,7 @@
306
330
  --tertiary: #DC2626;
307
331
  --on-tertiary: #FFFFFF;
308
332
  --tertiary-container: #FEE2E2;
309
- --on-tertiary-container: #7F1D1D;
333
+ --on-tertiary-container: #4C1111;
310
334
  --outline: #D5D7DA;
311
335
  --outline-variant: #E9EAEB;
312
336
  --scrim: rgba(0,0,0,0.5);
@@ -314,19 +338,19 @@
314
338
  --error: #D92D20;
315
339
  --on-error: #FFFFFF;
316
340
  --error-container: #FEE4E2;
317
- --on-error-container: #912018;
341
+ --on-error-container: #7A271A;
318
342
  --success: #039855;
319
343
  --on-success: #FFFFFF;
320
344
  --success-container: #D1FADF;
321
- --on-success-container: #05603A;
345
+ --on-success-container: #054F31;
322
346
  --warning: #DC6803;
323
347
  --on-warning: #FFFFFF;
324
348
  --warning-container: #FEF0C7;
325
- --on-warning-container: #93370D;
349
+ --on-warning-container: #7A2E0E;
326
350
  --info: #1570EF;
327
351
  --on-info: #FFFFFF;
328
352
  --info-container: #D1E9FF;
329
- --on-info-container: #1849A9;
353
+ --on-info-container: #194185;
330
354
  --surface-tint: #7C3AED;
331
355
  --state-hover: rgba(0,0,0,0.06);
332
356
  --state-focus: rgba(0,0,0,0.10);
@@ -354,15 +378,15 @@
354
378
  --graphic-8-container: #F0FDFA;
355
379
  --graphic-9-container: #FFF6ED;
356
380
  --graphic-10-container: #F8F9FC;
357
- --on-graphic-1-container: #5B21B6;
358
- --on-graphic-2-container: #991B1B;
381
+ --on-graphic-1-container: #4C1D95;
382
+ --on-graphic-2-container: #7F1D1D;
359
383
  --on-graphic-3-container: #252B37;
360
- --on-graphic-4-container: #05603A;
361
- --on-graphic-5-container: #93370D;
362
- --on-graphic-6-container: #1849A9;
363
- --on-graphic-7-container: #4A1FB8;
364
- --on-graphic-8-container: #115E59;
365
- --on-graphic-9-container: #9C2A10;
384
+ --on-graphic-4-container: #054F31;
385
+ --on-graphic-5-container: #7A2E0E;
386
+ --on-graphic-6-container: #194185;
387
+ --on-graphic-7-container: #3E1C96;
388
+ --on-graphic-8-container: #134E4A;
389
+ --on-graphic-9-container: #7E2410;
366
390
  --on-graphic-10-container: #293056;
367
391
  --status-positive: #039855;
368
392
  --status-warning: #DC6803;
@@ -420,6 +444,18 @@
420
444
  --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
421
445
  --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
422
446
  --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
447
+ --spacing-page-x: 1rem;
448
+ --spacing-page-y: 1.5rem;
449
+ --spacing-card-x: 1.25rem;
450
+ --spacing-card-y: 1rem;
451
+ --spacing-section-gap: 1.5rem;
452
+ --spacing-row-gap: 1rem;
453
+ --spacing-col-gap: 1rem;
454
+ --spacing-header-h: 3.5rem;
455
+ --spacing-sidebar-w: 17.25rem;
456
+ --spacing-filter-bar-x: 1rem;
457
+ --spacing-filter-bar-y: 0.75rem;
458
+ --spacing-aside-w: 20rem;
423
459
  }
424
460
 
425
461
  [data-design-theme="inkwell"].dark {
@@ -436,8 +472,8 @@
436
472
  --inverse-surface: #FAFAFA;
437
473
  --inverse-on-surface: #090E18;
438
474
  --primary: #C4B5FD;
439
- --on-primary: #2D1159;
440
- --primary-container: #5B21B6;
475
+ --on-primary: #190932;
476
+ --primary-container: #4C1D95;
441
477
  --on-primary-container: #EDE9FE;
442
478
  --inverse-primary: #7C3AED;
443
479
  --secondary: #A4A7AE;
@@ -445,28 +481,28 @@
445
481
  --secondary-container: #414651;
446
482
  --on-secondary-container: #F5F5F5;
447
483
  --tertiary: #F87171;
448
- --on-tertiary: #4C1111;
449
- --tertiary-container: #7F1D1D;
484
+ --on-tertiary: #2B0909;
485
+ --tertiary-container: #4C1111;
450
486
  --on-tertiary-container: #FEE2E2;
451
487
  --outline: #535862;
452
488
  --outline-variant: #414651;
453
489
  --scrim: rgba(255,255,255,0.1);
454
490
  --shadow: rgba(0,0,0,0.4);
455
491
  --error: #F97066;
456
- --on-error: #4C1108;
457
- --error-container: #7A271A;
492
+ --on-error: #2B0904;
493
+ --error-container: #4C1108;
458
494
  --on-error-container: #FEE4E2;
459
495
  --success: #32D583;
460
- --on-success: #03301E;
461
- --success-container: #054F31;
496
+ --on-success: #021C11;
497
+ --success-container: #03301E;
462
498
  --on-success-container: #D1FADF;
463
499
  --warning: #FDB022;
464
- --on-warning: #491A06;
465
- --warning-container: #7A2E0E;
500
+ --on-warning: #291003;
501
+ --warning-container: #491A06;
466
502
  --on-warning-container: #FEF0C7;
467
503
  --info: #53B1FD;
468
- --on-info: #0E2669;
469
- --info-container: #194185;
504
+ --on-info: #08153B;
505
+ --info-container: #0E2669;
470
506
  --on-info-container: #D1E9FF;
471
507
  --surface-tint: #C4B5FD;
472
508
  --state-hover: rgba(196,181,253,0.08);
@@ -485,15 +521,15 @@
485
521
  --graphic-9: #FD853A;
486
522
  --graphic-10: #717BBC;
487
523
  --on-graphic: #FFFFFF;
488
- --graphic-1-container: #2D1159;
489
- --graphic-2-container: #4C1111;
524
+ --graphic-1-container: #190932;
525
+ --graphic-2-container: #2B0909;
490
526
  --graphic-3-container: #101828;
491
- --graphic-4-container: #03301E;
492
- --graphic-5-container: #491A06;
493
- --graphic-6-container: #0E2669;
494
- --graphic-7-container: #25105A;
495
- --graphic-8-container: #0A302E;
496
- --graphic-9-container: #4C1509;
527
+ --graphic-4-container: #021C11;
528
+ --graphic-5-container: #291003;
529
+ --graphic-6-container: #08153B;
530
+ --graphic-7-container: #140932;
531
+ --graphic-8-container: #061C1A;
532
+ --graphic-9-container: #2B0C05;
497
533
  --graphic-10-container: #090B15;
498
534
  --on-graphic-1-container: #EDE9FE;
499
535
  --on-graphic-2-container: #FEE2E2;
@@ -519,7 +555,7 @@
519
555
  --graphic-divider: #414651;
520
556
  --graphic-label: #A4A7AE;
521
557
  --graphic-marker: #C4B5FD;
522
- --graphic-hover: #5B21B6;
558
+ --graphic-hover: #4C1D95;
523
559
  --graphic-muted: #414651;
524
560
  --annotation-line: #717680;
525
561
  --radius-xs: 0px;
@@ -561,6 +597,18 @@
561
597
  --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
562
598
  --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
563
599
  --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
600
+ --spacing-page-x: 1rem;
601
+ --spacing-page-y: 1.5rem;
602
+ --spacing-card-x: 1.25rem;
603
+ --spacing-card-y: 1rem;
604
+ --spacing-section-gap: 1.5rem;
605
+ --spacing-row-gap: 1rem;
606
+ --spacing-col-gap: 1rem;
607
+ --spacing-header-h: 3.5rem;
608
+ --spacing-sidebar-w: 17.25rem;
609
+ --spacing-filter-bar-x: 1rem;
610
+ --spacing-filter-bar-y: 0.75rem;
611
+ --spacing-aside-w: 20rem;
564
612
  }
565
613
 
566
614
  [data-design-theme="rosewood"] {
@@ -579,16 +627,16 @@
579
627
  --primary: #F87171;
580
628
  --on-primary: #FFFFFF;
581
629
  --primary-container: #FFE4E8;
582
- --on-primary-container: #A11043;
630
+ --on-primary-container: #89123E;
583
631
  --inverse-primary: #FEA3B4;
584
632
  --secondary: #B91C1C;
585
633
  --on-secondary: #FFFFFF;
586
634
  --secondary-container: #FECDD6;
587
- --on-secondary-container: #7F1D1D;
635
+ --on-secondary-container: #4C1111;
588
636
  --tertiary: #F670C7;
589
637
  --on-tertiary: #FFFFFF;
590
638
  --tertiary-container: #FCE7F6;
591
- --on-tertiary-container: #9E165F;
639
+ --on-tertiary-container: #851651;
592
640
  --outline: #FEA3B4;
593
641
  --outline-variant: #FECDD6;
594
642
  --scrim: rgba(68,44,46,0.4);
@@ -596,19 +644,19 @@
596
644
  --error: #F04438;
597
645
  --on-error: #FFFFFF;
598
646
  --error-container: #FEE4E2;
599
- --on-error-container: #912018;
647
+ --on-error-container: #7A271A;
600
648
  --success: #12B76A;
601
649
  --on-success: #FFFFFF;
602
650
  --success-container: #D1FADF;
603
- --on-success-container: #05603A;
651
+ --on-success-container: #054F31;
604
652
  --warning: #F79009;
605
653
  --on-warning: #FFFFFF;
606
654
  --warning-container: #FEF0C7;
607
- --on-warning-container: #93370D;
655
+ --on-warning-container: #7A2E0E;
608
656
  --info: #2E90FA;
609
657
  --on-info: #FFFFFF;
610
658
  --info-container: #D1E9FF;
611
- --on-info-container: #1849A9;
659
+ --on-info-container: #194185;
612
660
  --surface-tint: #FECDD6;
613
661
  --state-hover: rgba(68,44,46,0.06);
614
662
  --state-focus: rgba(68,44,46,0.10);
@@ -636,15 +684,15 @@
636
684
  --graphic-8-container: #FDF2FA;
637
685
  --graphic-9-container: #FFFBEB;
638
686
  --graphic-10-container: #F8FAFC;
639
- --on-graphic-1-container: #9E165F;
640
- --on-graphic-2-container: #991B1B;
641
- --on-graphic-3-container: #93370D;
642
- --on-graphic-4-container: #05603A;
643
- --on-graphic-5-container: #9C2A10;
644
- --on-graphic-6-container: #912018;
645
- --on-graphic-7-container: #1849A9;
646
- --on-graphic-8-container: #9E165F;
647
- --on-graphic-9-container: #92400E;
687
+ --on-graphic-1-container: #851651;
688
+ --on-graphic-2-container: #7F1D1D;
689
+ --on-graphic-3-container: #7A2E0E;
690
+ --on-graphic-4-container: #054F31;
691
+ --on-graphic-5-container: #7E2410;
692
+ --on-graphic-6-container: #7A271A;
693
+ --on-graphic-7-container: #194185;
694
+ --on-graphic-8-container: #851651;
695
+ --on-graphic-9-container: #78350F;
648
696
  --on-graphic-10-container: #1E293B;
649
697
  --status-positive: #12B76A;
650
698
  --status-warning: #F79009;
@@ -702,6 +750,18 @@
702
750
  --shadow-lg: 0 8px 28px -4px rgba(68,44,46,0.06);
703
751
  --shadow-xl: 0 16px 44px -6px rgba(68,44,46,0.06);
704
752
  --shadow-2xl: 0 24px 60px -8px rgba(68,44,46,0.06);
753
+ --spacing-page-x: 1rem;
754
+ --spacing-page-y: 1.5rem;
755
+ --spacing-card-x: 1.25rem;
756
+ --spacing-card-y: 1rem;
757
+ --spacing-section-gap: 1.5rem;
758
+ --spacing-row-gap: 1rem;
759
+ --spacing-col-gap: 1rem;
760
+ --spacing-header-h: 3.5rem;
761
+ --spacing-sidebar-w: 17.25rem;
762
+ --spacing-filter-bar-x: 1rem;
763
+ --spacing-filter-bar-y: 0.75rem;
764
+ --spacing-aside-w: 20rem;
705
765
  }
706
766
 
707
767
  [data-design-theme="rosewood"].dark {
@@ -723,32 +783,32 @@
723
783
  --on-primary-container: #FECDD6;
724
784
  --inverse-primary: #B91C1C;
725
785
  --secondary: #FEA3B4;
726
- --on-secondary: #4C1111;
727
- --secondary-container: #7F1D1D;
786
+ --on-secondary: #2B0909;
787
+ --secondary-container: #4C1111;
728
788
  --on-secondary-container: #FECDD6;
729
789
  --tertiary: #FAA7E0;
730
- --on-tertiary: #4F0C30;
731
- --tertiary-container: #9E165F;
790
+ --on-tertiary: #2C071A;
791
+ --tertiary-container: #851651;
732
792
  --on-tertiary-container: #FCE7F6;
733
793
  --outline: #57534E;
734
794
  --outline-variant: #44403C;
735
795
  --scrim: rgba(255,255,255,0.1);
736
796
  --shadow: rgba(0,0,0,0.3);
737
797
  --error: #F97066;
738
- --on-error: #7A271A;
739
- --error-container: #4C1108;
798
+ --on-error: #4C1108;
799
+ --error-container: #2B0904;
740
800
  --on-error-container: #FEE4E2;
741
801
  --success: #32D583;
742
- --on-success: #054F31;
743
- --success-container: #03301E;
802
+ --on-success: #03301E;
803
+ --success-container: #021C11;
744
804
  --on-success-container: #D1FADF;
745
805
  --warning: #FDB022;
746
- --on-warning: #7A2E0E;
747
- --warning-container: #491A06;
806
+ --on-warning: #491A06;
807
+ --warning-container: #291003;
748
808
  --on-warning-container: #FEF0C7;
749
809
  --info: #53B1FD;
750
- --on-info: #194185;
751
- --info-container: #0E2669;
810
+ --on-info: #0E2669;
811
+ --info-container: #08153B;
752
812
  --on-info-container: #D1E9FF;
753
813
  --surface-tint: #FECDD6;
754
814
  --state-hover: rgba(254,219,208,0.08);
@@ -767,15 +827,15 @@
767
827
  --graphic-9: #FBBF24;
768
828
  --graphic-10: #94A3B8;
769
829
  --on-graphic: #FFFFFF;
770
- --graphic-1-container: #4F0C30;
771
- --graphic-2-container: #520A25;
772
- --graphic-3-container: #491A06;
773
- --graphic-4-container: #03301E;
774
- --graphic-5-container: #4C1509;
775
- --graphic-6-container: #4C1108;
776
- --graphic-7-container: #0E2669;
777
- --graphic-8-container: #4F0C30;
778
- --graphic-9-container: #471E07;
830
+ --graphic-1-container: #2C071A;
831
+ --graphic-2-container: #2E0514;
832
+ --graphic-3-container: #291003;
833
+ --graphic-4-container: #021C11;
834
+ --graphic-5-container: #2B0C05;
835
+ --graphic-6-container: #2B0904;
836
+ --graphic-7-container: #08153B;
837
+ --graphic-8-container: #2C071A;
838
+ --graphic-9-container: #280F03;
779
839
  --graphic-10-container: #090D19;
780
840
  --on-graphic-1-container: #FCE7F6;
781
841
  --on-graphic-2-container: #FFE4E8;
@@ -843,6 +903,18 @@
843
903
  --shadow-lg: 0 8px 28px -4px rgba(68,44,46,0.06);
844
904
  --shadow-xl: 0 16px 44px -6px rgba(68,44,46,0.06);
845
905
  --shadow-2xl: 0 24px 60px -8px rgba(68,44,46,0.06);
906
+ --spacing-page-x: 1rem;
907
+ --spacing-page-y: 1.5rem;
908
+ --spacing-card-x: 1.25rem;
909
+ --spacing-card-y: 1rem;
910
+ --spacing-section-gap: 1.5rem;
911
+ --spacing-row-gap: 1rem;
912
+ --spacing-col-gap: 1rem;
913
+ --spacing-header-h: 3.5rem;
914
+ --spacing-sidebar-w: 17.25rem;
915
+ --spacing-filter-bar-x: 1rem;
916
+ --spacing-filter-bar-y: 0.75rem;
917
+ --spacing-aside-w: 20rem;
846
918
  }
847
919
 
848
920
  [data-design-theme="botanica"] {
@@ -854,23 +926,23 @@
854
926
  --surface-container: #FEF9C3;
855
927
  --surface-container-high: #FEF08A;
856
928
  --surface-container-highest: #D9F99D;
857
- --on-surface: #032F23;
929
+ --on-surface: #021A13;
858
930
  --on-surface-variant: #047857;
859
- --inverse-surface: #032F23;
931
+ --inverse-surface: #021A13;
860
932
  --inverse-on-surface: #F7FEE7;
861
933
  --primary: #047857;
862
934
  --on-primary: #FFFFFF;
863
935
  --primary-container: #A7F3D0;
864
- --on-primary-container: #032F23;
936
+ --on-primary-container: #021A13;
865
937
  --inverse-primary: #34D399;
866
938
  --secondary: #FB6514;
867
939
  --on-secondary: #FFFFFF;
868
940
  --secondary-container: #FFEAD5;
869
- --on-secondary-container: #7E2410;
941
+ --on-secondary-container: #4C1509;
870
942
  --tertiary: #65A30D;
871
943
  --on-tertiary: #FFFFFF;
872
944
  --tertiary-container: #ECFCCB;
873
- --on-tertiary-container: #365314;
945
+ --on-tertiary-container: #20320C;
874
946
  --outline: #6EE7B7;
875
947
  --outline-variant: #A7F3D0;
876
948
  --scrim: rgba(26,58,42,0.4);
@@ -878,19 +950,19 @@
878
950
  --error: #D92D20;
879
951
  --on-error: #FFFFFF;
880
952
  --error-container: #FEE4E2;
881
- --on-error-container: #912018;
953
+ --on-error-container: #7A271A;
882
954
  --success: #039855;
883
955
  --on-success: #FFFFFF;
884
956
  --success-container: #D1FADF;
885
- --on-success-container: #05603A;
957
+ --on-success-container: #054F31;
886
958
  --warning: #DC6803;
887
959
  --on-warning: #FFFFFF;
888
960
  --warning-container: #FEF0C7;
889
- --on-warning-container: #93370D;
961
+ --on-warning-container: #7A2E0E;
890
962
  --info: #1570EF;
891
963
  --on-info: #FFFFFF;
892
964
  --info-container: #D1E9FF;
893
- --on-info-container: #1849A9;
965
+ --on-info-container: #194185;
894
966
  --surface-tint: #047857;
895
967
  --state-hover: rgba(26,58,42,0.06);
896
968
  --state-focus: rgba(26,58,42,0.10);
@@ -918,16 +990,16 @@
918
990
  --graphic-8-container: #F0FDF4;
919
991
  --graphic-9-container: #FFF6ED;
920
992
  --graphic-10-container: #F0FDFA;
921
- --on-graphic-1-container: #065F46;
922
- --on-graphic-2-container: #9C2A10;
923
- --on-graphic-3-container: #3F6212;
924
- --on-graphic-4-container: #05603A;
925
- --on-graphic-5-container: #93370D;
926
- --on-graphic-6-container: #912018;
927
- --on-graphic-7-container: #1849A9;
928
- --on-graphic-8-container: #166534;
929
- --on-graphic-9-container: #9C2A10;
930
- --on-graphic-10-container: #115E59;
993
+ --on-graphic-1-container: #064E3B;
994
+ --on-graphic-2-container: #7E2410;
995
+ --on-graphic-3-container: #365314;
996
+ --on-graphic-4-container: #054F31;
997
+ --on-graphic-5-container: #7A2E0E;
998
+ --on-graphic-6-container: #7A271A;
999
+ --on-graphic-7-container: #194185;
1000
+ --on-graphic-8-container: #14532D;
1001
+ --on-graphic-9-container: #7E2410;
1002
+ --on-graphic-10-container: #134E4A;
931
1003
  --status-positive: #039855;
932
1004
  --status-warning: #DC6803;
933
1005
  --status-negative: #D92D20;
@@ -984,53 +1056,65 @@
984
1056
  --shadow-lg: 0 6px 20px -4px rgba(26,58,42,0.12);
985
1057
  --shadow-xl: 0 12px 32px -6px rgba(26,58,42,0.12);
986
1058
  --shadow-2xl: 0 20px 48px -8px rgba(26,58,42,0.14);
1059
+ --spacing-page-x: 1rem;
1060
+ --spacing-page-y: 1.5rem;
1061
+ --spacing-card-x: 1.5rem;
1062
+ --spacing-card-y: 1.25rem;
1063
+ --spacing-section-gap: 1.5rem;
1064
+ --spacing-row-gap: 1rem;
1065
+ --spacing-col-gap: 1rem;
1066
+ --spacing-header-h: 3.5rem;
1067
+ --spacing-sidebar-w: 17.25rem;
1068
+ --spacing-filter-bar-x: 1rem;
1069
+ --spacing-filter-bar-y: 0.75rem;
1070
+ --spacing-aside-w: 20rem;
987
1071
  }
988
1072
 
989
1073
  [data-design-theme="botanica"].dark {
990
- --surface: #021A13;
991
- --surface-dim: #021A13;
992
- --surface-bright: #064E3B;
993
- --surface-container-lowest: #021A13;
994
- --surface-container-low: #032F23;
995
- --surface-container: #064E3B;
996
- --surface-container-high: #14532D;
997
- --surface-container-highest: #166534;
1074
+ --surface: #010D0A;
1075
+ --surface-dim: #010D0A;
1076
+ --surface-bright: #032F23;
1077
+ --surface-container-lowest: #010D0A;
1078
+ --surface-container-low: #021A13;
1079
+ --surface-container: #032F23;
1080
+ --surface-container-high: #0C321B;
1081
+ --surface-container-highest: #14532D;
998
1082
  --on-surface: #ECFDF5;
999
1083
  --on-surface-variant: #6EE7B7;
1000
1084
  --inverse-surface: #ECFDF5;
1001
- --inverse-on-surface: #032F23;
1085
+ --inverse-on-surface: #021A13;
1002
1086
  --primary: #6EE7B7;
1003
- --on-primary: #032F23;
1004
- --primary-container: #064E3B;
1087
+ --on-primary: #021A13;
1088
+ --primary-container: #032F23;
1005
1089
  --on-primary-container: #A7F3D0;
1006
1090
  --inverse-primary: #047857;
1007
1091
  --secondary: #FD853A;
1008
- --on-secondary: #4C1509;
1009
- --secondary-container: #7E2410;
1092
+ --on-secondary: #2B0C05;
1093
+ --secondary-container: #4C1509;
1010
1094
  --on-secondary-container: #FFEAD5;
1011
1095
  --tertiary: #A3E635;
1012
- --on-tertiary: #20320C;
1013
- --tertiary-container: #365314;
1096
+ --on-tertiary: #121C06;
1097
+ --tertiary-container: #20320C;
1014
1098
  --on-tertiary-container: #ECFCCB;
1015
1099
  --outline: #059669;
1016
- --outline-variant: #065F46;
1100
+ --outline-variant: #064E3B;
1017
1101
  --scrim: rgba(255,255,255,0.1);
1018
1102
  --shadow: rgba(0,0,0,0.3);
1019
1103
  --error: #F97066;
1020
- --on-error: #4C1108;
1021
- --error-container: #7A271A;
1104
+ --on-error: #2B0904;
1105
+ --error-container: #4C1108;
1022
1106
  --on-error-container: #FEE4E2;
1023
1107
  --success: #32D583;
1024
- --on-success: #03301E;
1025
- --success-container: #054F31;
1108
+ --on-success: #021C11;
1109
+ --success-container: #03301E;
1026
1110
  --on-success-container: #D1FADF;
1027
1111
  --warning: #FDB022;
1028
- --on-warning: #491A06;
1029
- --warning-container: #7A2E0E;
1112
+ --on-warning: #291003;
1113
+ --warning-container: #491A06;
1030
1114
  --on-warning-container: #FEF0C7;
1031
1115
  --info: #53B1FD;
1032
- --on-info: #0E2669;
1033
- --info-container: #194185;
1116
+ --on-info: #08153B;
1117
+ --info-container: #0E2669;
1034
1118
  --on-info-container: #D1E9FF;
1035
1119
  --surface-tint: #6EE7B7;
1036
1120
  --state-hover: rgba(110,231,183,0.08);
@@ -1049,16 +1133,16 @@
1049
1133
  --graphic-9: #FD853A;
1050
1134
  --graphic-10: #2DD4BF;
1051
1135
  --on-graphic: #FFFFFF;
1052
- --graphic-1-container: #032F23;
1053
- --graphic-2-container: #4C1509;
1054
- --graphic-3-container: #20320C;
1055
- --graphic-4-container: #03301E;
1056
- --graphic-5-container: #491A06;
1057
- --graphic-6-container: #4C1108;
1058
- --graphic-7-container: #0E2669;
1059
- --graphic-8-container: #0C321B;
1060
- --graphic-9-container: #4C1509;
1061
- --graphic-10-container: #0A302E;
1136
+ --graphic-1-container: #021A13;
1137
+ --graphic-2-container: #2B0C05;
1138
+ --graphic-3-container: #121C06;
1139
+ --graphic-4-container: #021C11;
1140
+ --graphic-5-container: #291003;
1141
+ --graphic-6-container: #2B0904;
1142
+ --graphic-7-container: #08153B;
1143
+ --graphic-8-container: #061C0F;
1144
+ --graphic-9-container: #2B0C05;
1145
+ --graphic-10-container: #061C1A;
1062
1146
  --on-graphic-1-container: #D1FAE5;
1063
1147
  --on-graphic-2-container: #FFEAD5;
1064
1148
  --on-graphic-3-container: #ECFCCB;
@@ -1073,18 +1157,18 @@
1073
1157
  --status-warning: #FDB022;
1074
1158
  --status-negative: #F97066;
1075
1159
  --status-neutral: #10B981;
1076
- --progress-track: #065F46;
1160
+ --progress-track: #064E3B;
1077
1161
  --progress-indicator: #6EE7B7;
1078
1162
  --progress-buffer: #059669;
1079
1163
  --scale-low: #32D583;
1080
1164
  --scale-medium: #FDB022;
1081
1165
  --scale-high: #F97066;
1082
1166
  --graphic-outline: #059669;
1083
- --graphic-divider: #065F46;
1167
+ --graphic-divider: #064E3B;
1084
1168
  --graphic-label: #6EE7B7;
1085
1169
  --graphic-marker: #FD853A;
1086
- --graphic-hover: #064E3B;
1087
- --graphic-muted: #065F46;
1170
+ --graphic-hover: #032F23;
1171
+ --graphic-muted: #064E3B;
1088
1172
  --annotation-line: #10B981;
1089
1173
  --radius-xs: 0.25rem;
1090
1174
  --radius-sm: 0.375rem;
@@ -1125,4 +1209,16 @@
1125
1209
  --shadow-lg: 0 6px 20px -4px rgba(26,58,42,0.12);
1126
1210
  --shadow-xl: 0 12px 32px -6px rgba(26,58,42,0.12);
1127
1211
  --shadow-2xl: 0 20px 48px -8px rgba(26,58,42,0.14);
1212
+ --spacing-page-x: 1rem;
1213
+ --spacing-page-y: 1.5rem;
1214
+ --spacing-card-x: 1.5rem;
1215
+ --spacing-card-y: 1.25rem;
1216
+ --spacing-section-gap: 1.5rem;
1217
+ --spacing-row-gap: 1rem;
1218
+ --spacing-col-gap: 1rem;
1219
+ --spacing-header-h: 3.5rem;
1220
+ --spacing-sidebar-w: 17.25rem;
1221
+ --spacing-filter-bar-x: 1rem;
1222
+ --spacing-filter-bar-y: 0.75rem;
1223
+ --spacing-aside-w: 20rem;
1128
1224
  }