@kofile/gds-foundations 1.0.0-alpha.8 → 1.0.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.
Files changed (94) hide show
  1. package/build/css/.DS_Store +0 -0
  2. package/build/css/components/badge.module.css +6 -0
  3. package/build/css/components/card.module.css +19 -0
  4. package/build/css/components/checkbox.module.css +0 -4
  5. package/build/css/components/dialog.module.css +108 -0
  6. package/build/css/components/field-message.module.css +0 -1
  7. package/build/css/components/input.module.css +34 -5
  8. package/build/css/components/list-callout-group.module.css +10 -0
  9. package/build/css/components/list-callout.module.css +13 -0
  10. package/build/css/components/list-group.module.css +10 -0
  11. package/build/css/components/list-item.module.css +13 -0
  12. package/build/css/components/loader.module.css +19 -0
  13. package/build/css/components/radio-group.module.css +2 -2
  14. package/build/css/components/segmented-controller.module.css +160 -0
  15. package/build/css/components/select.module.css +33 -5
  16. package/build/css/components/switch.module.css +0 -7
  17. package/build/css/components/tabs.module.css +12 -9
  18. package/build/css/index.css +0 -1
  19. package/build/css/themes/card/dark.css +6 -0
  20. package/build/css/themes/card/light.css +6 -0
  21. package/build/css/themes/dialog/dark.css +13 -0
  22. package/build/css/themes/dialog/light.css +13 -0
  23. package/build/css/themes/field-message/light.css +1 -1
  24. package/build/css/themes/global.css +91 -7
  25. package/build/css/themes/index.css +10 -0
  26. package/build/css/themes/input/light.css +3 -0
  27. package/build/css/themes/list-item/dark.css +5 -0
  28. package/build/css/themes/list-item/light.css +5 -0
  29. package/build/css/themes/loader/dark.css +6 -0
  30. package/build/css/themes/loader/light.css +6 -0
  31. package/build/css/themes/segmented-controller/dark.css +15 -0
  32. package/build/css/themes/segmented-controller/light.css +14 -0
  33. package/build/css/themes/select/dark.css +2 -0
  34. package/build/css/themes/select/light.css +2 -0
  35. package/build/css/themes/table/dark.css +2 -2
  36. package/build/css/themes/tabs/dark.css +2 -0
  37. package/build/minified/badge.module.css +1 -0
  38. package/build/minified/button.module.css +33 -0
  39. package/build/minified/card.module.css +1 -0
  40. package/build/minified/checkbox.module.css +7 -0
  41. package/build/minified/dark.css +1 -0
  42. package/build/minified/dialog.module.css +21 -0
  43. package/build/minified/field-message.module.css +1 -0
  44. package/build/minified/form-label.module.css +1 -0
  45. package/build/minified/global.css +1 -0
  46. package/build/minified/index.css +1 -0
  47. package/build/minified/input.module.css +37 -0
  48. package/build/minified/label.module.css +1 -0
  49. package/build/minified/light.css +1 -0
  50. package/build/minified/link.module.css +1 -0
  51. package/build/minified/list-callout-group.module.css +1 -0
  52. package/build/minified/list-callout.module.css +1 -0
  53. package/build/minified/list-group.module.css +1 -0
  54. package/build/minified/list-item.module.css +1 -0
  55. package/build/minified/loader.module.css +1 -0
  56. package/build/minified/radio-group.module.css +21 -0
  57. package/build/minified/segmented-controller.module.css +57 -0
  58. package/build/minified/select.module.css +55 -0
  59. package/build/minified/switch.module.css +3 -0
  60. package/build/minified/table.module.css +65 -0
  61. package/build/minified/tabs.module.css +9 -0
  62. package/package.json +35 -11
  63. package/build/css/tokens-global.css +0 -342
  64. package/build/css/utilities/background-color.css +0 -284
  65. package/build/css/utilities/border-color.css +0 -284
  66. package/build/css/utilities/border-radius.css +0 -455
  67. package/build/css/utilities/border-style.css +0 -18
  68. package/build/css/utilities/border-width.css +0 -127
  69. package/build/css/utilities/box-sizing.css +0 -7
  70. package/build/css/utilities/cursor.css +0 -31
  71. package/build/css/utilities/display.css +0 -63
  72. package/build/css/utilities/flex-shrink.css +0 -6
  73. package/build/css/utilities/flex.css +0 -198
  74. package/build/css/utilities/font.css +0 -131
  75. package/build/css/utilities/gap.css +0 -104
  76. package/build/css/utilities/grid-auto-columns.css +0 -12
  77. package/build/css/utilities/grid-template-columns.css +0 -42
  78. package/build/css/utilities/height.css +0 -123
  79. package/build/css/utilities/index.css +0 -30
  80. package/build/css/utilities/margin.css +0 -299
  81. package/build/css/utilities/max-height.css +0 -123
  82. package/build/css/utilities/max-width.css +0 -69
  83. package/build/css/utilities/min-height.css +0 -18
  84. package/build/css/utilities/min-width.css +0 -15
  85. package/build/css/utilities/object-fit.css +0 -15
  86. package/build/css/utilities/object-position.css +0 -27
  87. package/build/css/utilities/overflow.css +0 -45
  88. package/build/css/utilities/padding.css +0 -288
  89. package/build/css/utilities/position.css +0 -1106
  90. package/build/css/utilities/text-overflow.css +0 -13
  91. package/build/css/utilities/text-transform.css +0 -12
  92. package/build/css/utilities/vertical-align.css +0 -31
  93. package/build/css/utilities/white-space.css +0 -23
  94. package/build/css/utilities/width.css +0 -123
@@ -0,0 +1,13 @@
1
+
2
+ :root,
3
+ :host {
4
+ --dialog-dark-elements-overlay-color-background-primary-default: rgba(0, 0, 0, 0.5);
5
+ --dialog-dark-elements-content-color-background-primary-default: #121212;
6
+ --dialog-dark-elements-title-color-text-primary-default: #ffffff;
7
+ --dialog-dark-elements-description-color-text-primary-default: #b7bcc3;
8
+ --dialog-dark-elements-icon-color-background-generic-default: #242831;
9
+ --dialog-dark-elements-icon-color-background-destructive-default: #5c0b09;
10
+ --dialog-dark-elements-icon-color-background-error-default: #5c0b09;
11
+ --dialog-dark-elements-icon-color-background-success-default: #063724;
12
+ --dialog-dark-elements-icon-color-background-loading-default: transparent;
13
+ }
@@ -0,0 +1,13 @@
1
+
2
+ :root,
3
+ :host {
4
+ --dialog-light-elements-overlay-color-background-primary-default: rgba(0, 0, 0, 0.5);
5
+ --dialog-light-elements-content-color-background-primary-default: #ffffff;
6
+ --dialog-light-elements-title-color-text-primary-default: #121212;
7
+ --dialog-light-elements-description-color-text-primary-default: #6b7280;
8
+ --dialog-light-elements-icon-color-background-generic-default: #edeeef;
9
+ --dialog-light-elements-icon-color-background-destructive-default: #fee5e5;
10
+ --dialog-light-elements-icon-color-background-error-default: #fee5e5;
11
+ --dialog-light-elements-icon-color-background-success-default: #e2fdee;
12
+ --dialog-light-elements-icon-color-background-loading-default: transparent;
13
+ }
@@ -1,6 +1,6 @@
1
1
 
2
2
  :root,
3
3
  :host {
4
- --field-message-light-color-text-primary-default: #6b7280;
4
+ --field-message-light-color-text-primary-default: #4f5562;
5
5
  --field-message-light-color-text-danger-default: #d12828;
6
6
  }
@@ -313,6 +313,25 @@
313
313
  --color-highlight-800: #785200;
314
314
  --color-highlight-900: #563e00;
315
315
  --color-highlight-1000: #3c2e00;
316
+ --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
317
+ --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
318
+ --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
319
+ --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
320
+ --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
321
+ --elevation-100: 100;
322
+ --elevation-150: 150;
323
+ --elevation-199: 199;
324
+ --elevation-200: 200;
325
+ --elevation-250: 250;
326
+ --elevation-299: 299;
327
+ --elevation-300: 300;
328
+ --elevation-350: 350;
329
+ --elevation-399: 399;
330
+ --elevation-400: 400;
331
+ --elevation-450: 450;
332
+ --elevation-499: 499;
333
+ --elevation-absolute-bottom: -999;
334
+ --elevation-absolute-top: 999;
316
335
  --opacity-disabled: 0.32;
317
336
  --opacity-sm: 0.48;
318
337
  --opacity-md: 0.64;
@@ -386,7 +405,7 @@
386
405
  --checkbox-outline-primary-fill: #063b99;
387
406
  --checkbox-outline-primary-offset: 0.125rem;
388
407
  --checkbox-opacity-disabled: 0.32;
389
- --checkbox-tile-size-md-border-radius: 0.25rem;
408
+ --checkbox-tile-size-md-border-radius: 0.375rem;
390
409
  --checkbox-tile-size-md-border-width: 0.063rem;
391
410
  --checkbox-tile-size-md-padding-block: 1rem;
392
411
  --checkbox-tile-size-md-padding-inline: 1rem;
@@ -402,36 +421,73 @@
402
421
  --form-label-elements-indicator-border-radius: 0.375rem;
403
422
  --form-label-elements-indicator-height: 0.5rem;
404
423
  --form-label-elements-indicator-width: 0.5rem;
424
+ --input-elements-text-field-size-md-border-radius: 0.25rem;
405
425
  --input-elements-text-field-size-md-height: 1.5rem;
406
426
  --input-elements-text-field-size-md-padding-block: 0.375rem;
427
+ --input-elements-text-field-size-md-padding-inline-start: 0.5rem;
407
428
  --input-elements-text-field-size-md-typography: 400 0.75rem/1rem 'Source Sans 3';
429
+ --input-elements-text-field-size-lg-border-radius: 0.375rem;
408
430
  --input-elements-text-field-size-lg-height: 2rem;
409
431
  --input-elements-text-field-size-lg-padding-block: 0.5rem;
432
+ --input-elements-text-field-size-lg-padding-inline-start: 0.5rem;
410
433
  --input-elements-text-field-size-lg-typography: 400 0.875rem/1.25rem 'Source Sans 3';
411
- --input-elements-text-field-size-xl-border-radius: 0.5rem;
434
+ --input-elements-text-field-size-xl-border-radius: 0.375rem;
412
435
  --input-elements-text-field-size-xl-border-width: 0.063rem;
413
436
  --input-elements-text-field-size-xl-height: 3rem;
414
437
  --input-elements-text-field-size-xl-padding-block: 0.75rem;
415
- --input-elements-text-field-size-xl-padding-inline: 0.75rem;
438
+ --input-elements-text-field-size-xl-padding-inline: 1rem;
416
439
  --input-elements-text-field-size-xl-typography: 400 1rem/1.5rem 'Source Sans 3';
417
440
  --input-elements-text-field-size-xl-width: 100%;
418
441
  --input-elements-root-size-xl-width: 100%;
419
442
  --input-elements-icon-size-md-height: 1.5rem;
443
+ --input-elements-icon-size-md-border-radius: 0.375rem;
420
444
  --input-elements-icon-size-lg-height: 2rem;
445
+ --input-elements-icon-size-lg-border-radius: 0.375rem;
421
446
  --input-elements-icon-size-xl-border-radius: 0.5rem;
422
447
  --input-elements-icon-size-xl-border-width: 0.063rem;
423
448
  --input-elements-icon-size-xl-height: 3rem;
424
449
  --input-elements-icon-size-xl-padding-block-start: 1rem;
425
450
  --input-elements-icon-size-xl-padding-block-end: 0rem;
451
+ --input-elements-addon-size-md-border-radius: 0.25rem;
426
452
  --input-elements-addon-size-md-height: 1.5rem;
453
+ --input-elements-addon-size-md-padding-inline: 0.5rem;
427
454
  --input-elements-addon-size-md-typography: 400 0.75rem/1rem 'Source Sans 3';
455
+ --input-elements-addon-size-lg-border-radius: 0.25rem;
428
456
  --input-elements-addon-size-lg-height: 2rem;
457
+ --input-elements-addon-size-lg-padding-inline: 0.75rem;
429
458
  --input-elements-addon-size-lg-typography: 400 0.875rem/1.25rem 'Source Sans 3';
430
- --input-elements-addon-size-xl-border-radius: 0.5rem;
459
+ --input-elements-addon-size-xl-border-radius: 0.375rem;
431
460
  --input-elements-addon-size-xl-border-width: 0.063rem;
432
461
  --input-elements-addon-size-xl-height: 3rem;
433
462
  --input-elements-addon-size-xl-padding-inline: 1rem;
434
463
  --input-disabled-opacity: 0.32;
464
+ --card-size-sm-border-radius: 0.5rem;
465
+ --card-size-sm-border-width: 0.063rem;
466
+ --card-size-sm-border-style: solid;
467
+ --card-size-sm-min-height: 16rem;
468
+ --card-size-sm-padding: 1rem;
469
+ --card-size-sm-width: 288px;
470
+ --card-size-md-padding: 1.5rem;
471
+ --card-size-md-width: 32rem;
472
+ --card-size-lg-padding: 3rem;
473
+ --card-size-lg-width: 64rem;
474
+ --dialog-elements-content-size-compact-border-radius: 0.375rem;
475
+ --dialog-elements-content-size-compact-border-width: 0.063rem;
476
+ --dialog-elements-content-size-compact-padding-block: 1.5rem;
477
+ --dialog-elements-content-size-compact-padding-inline: 1.25rem;
478
+ --dialog-elements-content-size-compact-box-shadow: 0 0 12px 0 rgba(18, 18, 18, 0.24);
479
+ --dialog-elements-content-size-compact-width: 16rem;
480
+ --dialog-elements-content-size-spacious-width: 384px;
481
+ --dialog-elements-title-typography: 700 1.25rem/1.75rem 'Source Sans 3';
482
+ --dialog-elements-title-margin: 0rem;
483
+ --dialog-elements-title-margin-block-start: 0.5rem;
484
+ --dialog-elements-title-text-align: center;
485
+ --dialog-elements-description-typography: 400 0.813rem/1.25rem 'Source Sans 3';
486
+ --dialog-elements-description-margin: 0rem;
487
+ --dialog-elements-description-margin-block-start: 0.5rem;
488
+ --dialog-elements-description-text-align: center;
489
+ --dialog-elements-icon-size-default-border-radius: 0.375rem;
490
+ --dialog-elements-icon-size-default-padding: 0.5rem;
435
491
  --field-message-size-sm-typography: 400 0.75rem/1rem 'Source Sans 3';
436
492
  --field-message-size-md-margin-block-end: 0.375rem;
437
493
  --field-message-size-md-typography: 400 0.813rem/1.25rem 'Source Sans 3';
@@ -450,6 +506,11 @@
450
506
  --link-gap-default: 0.25rem;
451
507
  --link-opacity-disabled: 0.32;
452
508
  --link-weight-regular: 400;
509
+ --list-group-space-comfortable: 3rem;
510
+ --loader-size-lg-border-radius: 100%;
511
+ --loader-size-lg-border-width: 0.5rem;
512
+ --loader-size-lg-height: 4rem;
513
+ --loader-size-lg-width: 4rem;
453
514
  --radio-group-elements-indicator-size-sm-height: 0.375rem;
454
515
  --radio-group-elements-indicator-size-sm-width: 0.375rem;
455
516
  --radio-group-elements-indicator-size-md-border-radius: 50%;
@@ -472,9 +533,23 @@
472
533
  --radio-group-opacity-disabled: 0.32;
473
534
  --radio-group-tile-size-md-border-radius: 0.25rem;
474
535
  --radio-group-tile-size-md-border-width: 0.063rem;
475
- --radio-group-tile-size-md-padding-block: 1rem;
476
- --radio-group-tile-size-md-padding-inline: 1rem;
536
+ --radio-group-tile-size-md-padding-block: 0.75rem;
537
+ --radio-group-tile-size-md-padding-inline: 0.75rem;
477
538
  --radio-group-tile-size-md-width: auto;
539
+ --segmented-controller-elements-list-size-lg-border-radius: 0.375rem;
540
+ --segmented-controller-elements-list-size-lg-border-width: 0.063rem;
541
+ --segmented-controller-elements-trigger-size-md-padding-block: 0.125rem;
542
+ --segmented-controller-elements-trigger-size-md-padding-inline: 0.5rem;
543
+ --segmented-controller-elements-trigger-size-md-typography: 600 0.813rem/1.25rem 'Source Sans 3';
544
+ --segmented-controller-elements-trigger-size-lg-border-radius: 0.375rem;
545
+ --segmented-controller-elements-trigger-size-lg-border-width: 0.125rem;
546
+ --segmented-controller-elements-trigger-size-lg-padding-block: 0.375rem;
547
+ --segmented-controller-elements-trigger-size-lg-padding-inline: 0.75rem;
548
+ --segmented-controller-elements-trigger-size-lg-typography: 600 0.938rem/1.25rem 'Source Sans 3';
549
+ --segmented-controller-elements-content-size-lg-border-radius: 0.375rem;
550
+ --segmented-controller-elements-content-size-lg-border-width: 0.063rem;
551
+ --segmented-controller-elements-content-size-lg-margin-block-start: 0.5rem;
552
+ --segmented-controller-elements-content-size-lg-padding: 1rem;
478
553
  --select-elements-trigger-size-md-max-height: 1.5rem;
479
554
  --select-elements-trigger-size-md-padding-block: 0.25rem;
480
555
  --select-elements-trigger-size-md-padding-inline: 0.5rem;
@@ -497,12 +572,18 @@
497
572
  --select-elements-content-scrollbar-size-lg-border-width: 0.063rem;
498
573
  --select-elements-content-scrollbar-size-lg-width: 0.75rem;
499
574
  --select-elements-content-scrollbar-thumb-size-lg-height: 8rem;
500
- --select-elements-menu-item-size-lg-height: 2rem;
501
575
  --select-elements-menu-item-size-lg-padding-inline: 0.75rem;
576
+ --select-elements-menu-item-size-lg-padding-block: 0.375rem;
502
577
  --select-elements-menu-item-gap-default: 0.5rem;
503
578
  --select-elements-menu-item-opacity-disabled: 0.32;
504
579
  --select-elements-separator-size-lg-height: 0.063rem;
505
580
  --select-elements-info-size-lg-typography: 400 0.813rem/1.25rem 'Source Sans 3';
581
+ --select-elements-icon-size-md-min-height: 1.25rem;
582
+ --select-elements-icon-size-md-min-width: 1.25rem;
583
+ --select-elements-heading-size-sm-typography: 600 0.875rem/1.25rem 'Source Sans 3';
584
+ --select-elements-heading-size-sm-padding-inline: 0.75rem;
585
+ --select-elements-heading-size-sm-padding-block: 0.375rem;
586
+ --select-elements-label-size-sm-typography: 400 0.938rem/1.25rem 'Source Sans 3';
506
587
  --switch-elements-thumb-size-sm-height: 1rem;
507
588
  --switch-elements-thumb-size-sm-width: 1rem;
508
589
  --switch-elements-thumb-size-md-border-radius: 1rem;
@@ -556,9 +637,12 @@
556
637
  --tabs-elements-list-size-lg-padding-block-end: 1rem;
557
638
  --tabs-elements-list-gap-default: 1.25rem;
558
639
  --tabs-elements-trigger-size-lg-border-width: 0.125rem;
640
+ --tabs-elements-trigger-size-lg-max-height: 2rem;
559
641
  --tabs-elements-trigger-size-lg-padding-block-end: 0rem;
560
642
  --tabs-elements-trigger-size-lg-typography: 700 1.125rem/1.5rem 'Source Sans 3';
643
+ --tabs-elements-trigger-size-xl-max-height: 3rem;
561
644
  --tabs-elements-trigger-size-xl-typography: 700 1.5rem/2.25rem 'Source Sans 3';
645
+ --tabs-elements-content-size-lg-border-radius: 0.375rem;
562
646
  --tabs-elements-content-size-lg-border-width: 0.063rem;
563
647
  --tabs-elements-content-size-lg-margin-block-start: 0.5rem;
564
648
  --tabs-elements-content-size-lg-padding: 1rem;
@@ -2,10 +2,14 @@
2
2
  @import "./badge";
3
3
  @import "./button/light.css";
4
4
  @import "./button/dark.css";
5
+ @import "./card/light.css";
6
+ @import "./card/dark.css";
5
7
  @import "./checkbox/light.css";
6
8
  @import "./checkbox/dark.css";
7
9
  @import "./checkbox-tile/light.css";
8
10
  @import "./checkbox-tile/dark.css";
11
+ @import "./dialog/light.css";
12
+ @import "./dialog/dark.css";
9
13
  @import "./field-message/light.css";
10
14
  @import "./field-message/dark.css";
11
15
  @import "./form-label/light.css";
@@ -16,10 +20,16 @@
16
20
  @import "./label/dark.css";
17
21
  @import "./link/light.css";
18
22
  @import "./link/dark.css";
23
+ @import "./list-item/light.css";
24
+ @import "./list-item/dark.css";
25
+ @import "./loader/light.css";
26
+ @import "./loader/dark.css";
19
27
  @import "./radio-group/light.css";
20
28
  @import "./radio-group/dark.css";
21
29
  @import "./radio-group-tile/light.css";
22
30
  @import "./radio-group-tile/dark.css";
31
+ @import "./segmented-controller/light.css";
32
+ @import "./segmented-controller/dark.css";
23
33
  @import "./select/light.css";
24
34
  @import "./select/dark.css";
25
35
  @import "./switch/light.css";
@@ -8,8 +8,11 @@
8
8
  --input-light-elements-text-field-color-border-primary-default: #d5d7db;
9
9
  --input-light-elements-text-field-color-border-error-default: #d12828;
10
10
  --input-light-elements-text-field-color-text-primary-default: #121212;
11
+ --input-light-elements-text-field-color-text-primary-placeholder: #6b7280;
11
12
  --input-light-elements-text-field-color-text-error-default: #121212;
12
13
  --input-light-elements-text-field-color-text-error-placeholder: #6b7280;
14
+ --input-light-elements-text-field-color-text-placeholder-default: #121212;
15
+ --input-light-elements-text-field-color-text-placeholder-placeholder: #6b7280;
13
16
  --input-light-elements-icon-color-background-primary-default: #edeeef;
14
17
  --input-light-elements-icon-color-border-primary-default: #d5d7db;
15
18
  --input-light-elements-icon-color-text-primary-default: #8d949f;
@@ -0,0 +1,5 @@
1
+
2
+ :root,
3
+ :host {
4
+ --list-item-dark-color-text-primary-default: #ffffff;
5
+ }
@@ -0,0 +1,5 @@
1
+
2
+ :root,
3
+ :host {
4
+ --list-item-light-color-text-primary-default: #121212;
5
+ }
@@ -0,0 +1,6 @@
1
+
2
+ :root,
3
+ :host {
4
+ --loader-dark-color-border-primary-default: #abcffd;
5
+ --loader-dark-color-border-top-primary-default: #063b99;
6
+ }
@@ -0,0 +1,6 @@
1
+
2
+ :root,
3
+ :host {
4
+ --loader-light-color-border-primary-default: #abcffd;
5
+ --loader-light-color-border-top-primary-default: #063b99;
6
+ }
@@ -0,0 +1,15 @@
1
+
2
+ :root,
3
+ :host {
4
+ --segmented-controller-dark-elements-list-color-background-primary-default: #191b22;
5
+ --segmented-controller-dark-elements-list-color-border-primary-default: #343944;
6
+ --segmented-controller-dark-elements-trigger-color-background-primary-default: #121212;
7
+ --segmented-controller-dark-elements-trigger-color-background-primary-active: #03122f;
8
+ --segmented-controller-dark-elements-trigger-color-border-primary-default: transparent;
9
+ --segmented-controller-dark-elements-trigger-color-border-primary-active: #052b74;
10
+ --segmented-controller-dark-elements-trigger-color-text-primary-default: #ffffff;
11
+ --segmented-controller-dark-elements-trigger-color-text-primary-active: #66a8fd;
12
+ --segmented-controller-dark-elements-trigger-color-text-primary-hover: #abcffd;
13
+ --segmented-controller-dark-elements-content-color-background-primary-default: #121212;
14
+ --segmented-controller-dark-elements-content-color-border-primary-default: #343944;
15
+ }
@@ -0,0 +1,14 @@
1
+
2
+ :root,
3
+ :host {
4
+ --segmented-controller-light-elements-list-color-border-primary-default: #d5d7db;
5
+ --segmented-controller-light-elements-trigger-color-background-primary-default: #ffffff;
6
+ --segmented-controller-light-elements-trigger-color-background-primary-active: #f0f7ff;
7
+ --segmented-controller-light-elements-trigger-color-border-primary-default: transparent;
8
+ --segmented-controller-light-elements-trigger-color-border-primary-active: #abcffd;
9
+ --segmented-controller-light-elements-trigger-color-text-primary-default: #121212;
10
+ --segmented-controller-light-elements-trigger-color-text-primary-active: #0c57cd;
11
+ --segmented-controller-light-elements-trigger-color-text-primary-hover: #063b99;
12
+ --segmented-controller-light-elements-content-color-background-primary-default: #ffffff;
13
+ --segmented-controller-light-elements-content-color-border-primary-default: #d5d7db;
14
+ }
@@ -28,4 +28,6 @@
28
28
  --select-dark-elements-menu-item-color-text-primary-active: #ffffff;
29
29
  --select-dark-elements-separtor-color-background-primary-default: #d5d7db;
30
30
  --select-dark-elements-info-color-text-primary-default: #b7bcc3;
31
+ --select-dark-elements-heading-color-text-primary-default: #8d949f;
32
+ --select-dark-elements-label-color-text-primary-default: #ffffff;
31
33
  }
@@ -25,4 +25,6 @@
25
25
  --select-light-elements-menu-item-color-background-primary-active: #d9eafe;
26
26
  --select-light-elements-separtor-color-background-primary-default: #d5d7db;
27
27
  --select-light-elements-info-color-text-primary-default: #6b7280;
28
+ --select-light-elements-heading-color-text-primary-default: #6b7280;
29
+ --select-light-label-color-text-primary-default: #121212;
28
30
  }
@@ -9,8 +9,8 @@
9
9
  --table-dark-elements-container-scrollbar-thumb-color-border-primary-default: #8d949f;
10
10
  --table-dark-elements-tr-color-background-primary-default: #121212;
11
11
  --table-dark-elements-tr-color-background-primary-hover: #191b22;
12
- --table-dark-elements-tr-color-background-striped-default: #343944;
13
- --table-dark-elements-tr-color-background-striped-hover: #191b22;
12
+ --table-dark-elements-tr-color-background-striped-default: #191b22;
13
+ --table-dark-elements-tr-color-background-striped-hover: #242831;
14
14
  --table-dark-elements-th-color-background-primary-default: #242831;
15
15
  --table-dark-elements-th-color-background-altbackground-default: #121212;
16
16
  --table-dark-elements-th-color-border-bottom-primary-default: #343944;
@@ -8,4 +8,6 @@
8
8
  --tabs-dark-elements-trigger-color-text-primary-default: #ffffff;
9
9
  --tabs-dark-elements-trigger-color-text-primary-active: #66a8fd;
10
10
  --tabs-dark-elements-trigger-color-text-primary-hover: #abcffd;
11
+ --tabs-dark-elements-content-color-background-primary-default: #121212;
12
+ --tabs-dark-elements-content-color-border-primary-default: #343944;
11
13
  }
@@ -0,0 +1 @@
1
+ .badge{align-items:center;background-color:var(--badge-light-color-background-neutral-light-fill);border-end-end-radius:var(--badge-size-sm-border-radius);border-end-start-radius:var(--badge-size-sm-border-radius);border-start-end-radius:var(--badge-size-sm-border-radius);border-start-start-radius:var(--badge-size-sm-border-radius);color:var(--badge-light-color-text-fill);display:inline-flex;font:var(--badge-size-lg-typography);gap:var(--badge-gap-spacing);height:fit-content;padding-block-end:var(--badge-size-lg-vertical-padding);padding-block-start:var(--badge-size-lg-vertical-padding);padding-inline-end:var(--badge-size-lg-horizontal-padding);padding-inline-start:var(--badge-size-lg-horizontal-padding);vertical-align:top;white-space:nowrap;width:fit-content}.badge[data-size=md]{font:var(--badge-size-md-typography);padding-block-end:var(--badge-size-md-vertical-padding);padding-block-start:var(--badge-size-md-vertical-padding);padding-inline-end:var(--badge-size-md-horizontal-padding);padding-inline-start:var(--badge-size-md-horizontal-padding)}.badge[data-size=sm]{font:var(--badge-size-sm-typography);padding-block-end:var(--badge-size-sm-vertical-padding);padding-block-start:var(--badge-size-sm-vertical-padding);padding-inline-end:var(--badge-size-sm-horizontal-padding);padding-inline-start:var(--badge-size-sm-horizontal-padding)}.badge[data-color=neutral-light]{background-color:var(--badge-light-color-background-neutral-light-fill)}.badge[data-color=neutral-dark]{background-color:var(--badge-light-color-background-neutral-dark-fill)}.badge[data-color=primary]{background-color:var(--badge-light-color-background-primary-fill)}.badge[data-color=success]{background-color:var(--badge-light-color-background-success-fill)}.badge[data-color=danger]{background-color:var(--badge-light-color-background-danger-fill)}.badge[data-color=warning]{background-color:var(--badge-light-color-background-warning-fill)}.badge[data-color=highlight]{background-color:var(--badge-light-color-background-hightlight-fill)}.badge[data-mode=dark]{color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-light-fill);color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-dark-fill)}.badge[data-color=primary][data-mode=dark]{background-color:var(--badge-dark-color-background-primary-fill)}.badge[data-color=success][data-mode=dark]{background-color:var(--badge-dark-color-background-success-fill)}.badge[data-color=danger][data-mode=dark]{background-color:var(--badge-dark-color-background-danger-fill)}.badge[data-color=warning][data-mode=dark]{background-color:var(--badge-dark-color-background-warning-fill)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--badge-dark-color-background-highlight-fill)}.action:hover{background-color:transparent!important;border-color:transparent!important}
@@ -0,0 +1,33 @@
1
+ .button{align-items:center;background-color:var(--button-light-color-background-solid-primary-default);border-color:var(--button-light-color-border-solid-primary-default);border-radius:var(--button-size-xl-border-radius);border-style:var(--button-size-xl-border-style);border-width:var(--button-size-xl-border-width);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);box-sizing:border-box;color:var(--button-light-color-text-solid-primary-default);cursor:pointer;display:inline-flex;font:var(--button-size-xl-typography);gap:var(--button-size-xl-spacing);height:var(--button-size-xl-height);padding-block-end:var(--button-size-xl-padding-bottom);padding-block-start:var(--button-size-xl-padding-top);padding-inline-end:var(--button-size-xl-padding-right);padding-inline-start:var(--button-size-xl-padding-left);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;white-space:nowrap}.button[data-width=full]{justify-content:center;width:100%}.button:not(:disabled):hover{background-color:var(--button-light-color-background-solid-primary-hover);border-color:var(--button-light-color-border-solid-primary-hover)}.button:focus-visible{outline:var(--button-outline-primary-offset) var(--button-outline-primary-style) var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button:active,.button[data-background=outlined]:active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined]{background-color:var(
2
+ --button-light-color-background-outlined-primary-default
3
+ );border-color:var(--button-light-color-border-outlined-primary-default);box-shadow:none;color:var(--button-light-color-text-outlined-primary-default)}.button[data-background=outlined]:hover{background-color:var(--button-light-color-background-outlined-primary-hover);border-color:var(--button-light-color-border-outlined-primary-hover)}.button[data-background=transparent]{background-color:var(--button-light-color-transparent-primary-default);border-color:var(--button-light-color-border-transparent-primary-default);box-shadow:none;color:var(--button-light-color-text-transparent-primary-default)}.button[data-background=transparent]:hover{background-color:var(--color-neutral-200);border-color:transparent}.button[data-background=transparent]:active{background-color:var(
4
+ --button-light-color-background-transparent-primary-active
5
+ );border-color:var(--button-light-color-border-transparent-primary-active);box-shadow:none}.button[data-size=md]{font:var(--button-size-md-typography);height:var(--button-size-md-height);padding-block-end:var(--button-size-md-padding-bottom);padding-block-start:var(--button-size-md-padding-top);padding-inline-end:var(--button-size-md-padding-right);padding-inline-start:var(--button-size-md-padding-left)}.button[data-size=lg]{font:var(--button-size-lg-typography);height:var(--button-size-lg-height);padding-block-end:var(--button-size-lg-padding-bottom);padding-block-start:var(--button-size-lg-padding-top);padding-inline-end:var(--button-size-lg-padding-right);padding-inline-start:var(--button-size-lg-padding-left)}.button[data-rounded=left]{border-end-end-radius:0;border-start-end-radius:0}.button[data-rounded=none],.button[data-rounded=right]{border-end-start-radius:0;border-start-start-radius:0}.button[data-rounded=none]{border-end-end-radius:0;border-start-end-radius:0}.button[data-variant=neutral][data-background=outlined]{background-color:var(
6
+ --button-light-color-background-outlined-neutral-default
7
+ );border-color:var(--color-neutral-300);box-shadow:none;color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined]:active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-variant=neutral]:hover{background-color:var(--button-light-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent]{background-color:var(
8
+ --button-light-color-background-transparent-neutral-default
9
+ );border-color:var(--button-light-color-border-transparent-neutral-default);color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=transparent]:hover{background-color:var(
10
+ --button-light-color-background-transparent-neutral-hover
11
+ );border-color:var(--button-light-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent]:active{background-color:var(
12
+ --button-light-color-background-transparent-neutral-active
13
+ );border-color:var(--button-light-color-border-transparent-neutral-active)}.button[data-variant=danger]{background-color:var(--button-light-color-background-solid-danger-default);border-color:var(--button-light-color-border-solid-danger-default);color:var(--button-light-color-text-solid-danger-default)}.button[data-variant=danger]:not(:disabled):hover{background-color:var(--button-light-color-background-solid-danger-hover);border-color:var(--button-light-color-border-solid-danger-hover)}.button[data-variant=danger][data-background=outlined]{background-color:var(
14
+ --button-light-color-background-outlined-danger-default
15
+ );border-color:var(--button-light-color-border-outlined-danger-default);color:var(--button-light-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined]:hover{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.button[data-variant=danger]:active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}
16
+
17
+ /*! DARK MODE */.button[data-mode=dark]{border-color:var(--button-dark-color-border-solid-primary-default);box-shadow:none}.button[data-mode=dark]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.button[data-mode=dark][data-variant=neutral][data-background=outlined]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.24)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):active,.button[data-mode=dark][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.button[data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-solid-primary-hover);border-color:var(--button-dark-color-border-solid-primary-hover)}.button[data-background=outlined][data-mode=dark]{background-color:var(
18
+ --button-dark-color-background-outlined-primary-default
19
+ );border-color:var(--button-dark-color-border-outlined-primary-default);box-shadow:none;color:var(--button-dark-color-text-outlined-primary-default)}.button[data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-primary-hover);border-color:var(--button-dark-color-border-outlined-primary-hover)}.button[data-background=transparent][data-mode=dark]{background-color:var(
20
+ --button-dark-color-background-transparent-primary-default
21
+ );border-color:var(--button-dark-color-border-transparent-primary-default);color:var(--button-dark-color-text-transparent-primary-default)}.button[data-background=transparent][data-mode=dark]:hover{background-color:var(
22
+ --button-dark-color-background-transparent-primary-hover
23
+ );border-color:var(--button-dark-color-border-transparent-primary-hover)}.button[data-background=transparent][data-mode=dark]:active{background-color:var(
24
+ --button-dark-color-background-transparent-primary-active
25
+ );box-shadow:none}.button[data-variant=neutral][data-background=outlined][data-mode=dark]{background-color:var(
26
+ --button-dark-color-background-outlined-neutral-default
27
+ );border-color:var(--button-dark-color-border-outlined-neutral-default);box-shadow:none;color:var(--button-dark-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]{background-color:var(
28
+ --button-dark-color-background-transparent-neutral-default
29
+ );border-color:var(--button-dark-color-border-transparent-neutral-default);color:var(--button-dark-color-text-transparent-neutral-default)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:hover{background-color:var(
30
+ --button-dark-color-background-transparent-neutral-hover
31
+ );border-color:var(--button-dark-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:active{background-color:var(
32
+ --button-dark-color-background-transparent-neutral-active
33
+ );border-color:var(--button-dark-color-border-transparent-neutral-active);box-shadow:none}.button[data-mode=dark][data-variant=danger]{border-color:var(--button-dark-color-border-solid-danger-default);box-shadow:none}.button[data-mode=dark][data-variant=danger]:hover{background-color:var(--button-dark-color-background-solid-danger-hover);border-color:var(--button-dark-color-border-solid-danger-hover);box-shadow:none}.button[data-variant=danger][data-background=outlined][data-mode=dark]{background-color:var(--button-dark-color-background-outlined-danger-default);border-color:var(--button-dark-color-border-outlined-danger-default);box-shadow:none;color:var(--button-dark-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined][data-mode=dark]:hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button:disabled,.button[data-variant=danger]:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--button-opacity-disabled);pointer-events:none}.button:is([data-loading=true]){opacity:.8;pointer-events:none}.button[data-mode=dark]:focus-visible{outline-color:var(--color-primary-300)}
@@ -0,0 +1 @@
1
+ .card{background-color:var(--card-light-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-light-color-border-primary-default);border-radius:var(--card-size-sm-border-radius);padding:var(--card-size-sm-padding);width:100%}.card[data-size=md]{padding:var(--card-size-md-padding)}.card[data-size=lg]{padding:var(--card-size-lg-padding)}.card[data-mode=dark]{background-color:var(--card-dark-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-dark-color-border-primary-default)}
@@ -0,0 +1,7 @@
1
+ .checkbox,.indicator{display:flex}.checkbox{appearance:none;background-color:var(--checkbox-light-color-background-primary-default);border:var(--checkbox-size-md-border-width) solid var(--checkbox-light-color-border-primary-default);border-radius:var(--checkbox-size-md-border-radius);box-sizing:border-box;height:var(--checkbox-size-md-height);justify-content:center;min-width:var(--checkbox-size-md-width);position:relative;transition:background-color var(--checkbox-transition-speed) ease;width:var(--checkbox-size-md-width)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-light-color-background-primary-hover);content:"";height:var(--checkbox-size-md-background-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--checkbox-size-md-background-size)}.checkbox[data-state=checked]{background-color:var(--checkbox-light-color-background-primary-active);border-color:var(--checkbox-light-color-border-primary-active)}.checkbox:focus-visible{outline:var(--checkbox-outline-primary-width) var(--checkbox-outline-primary-style) var(--checkbox-outline-primary-fill);outline-offset:var(--checkbox-outline-primary-offset)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled],.checkbox[data-mode=dark][data-disabled]{opacity:var(--checkbox-opacity-disabled);pointer-events:none}.checkbox[data-error=true]{background-color:var(--checkbox-light-color-background-danger-default)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-light-color-background-danger-hover)}.checkbox:indeterminate{background-color:var(
2
+ --checkbox-light-color-background-indeterminate-default
3
+ )}.checkbox[data-size=sm]{border-radius:var(--checkbox-size-sm-border-radius,initial);height:var(--checkbox-size-sm-height);min-width:var(--checkbox-size-sm-width);width:var(--checkbox-size-sm-width)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--checkbox-size-sm-background-size);width:var(--checkbox-size-sm-background-size)}.checkbox[data-mode=dark]{background-color:var(--checkbox-dark-color-background-primary-default)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--checkbox-dark-color-background-primary-active);border-color:var(--checkbox-dark-color-background-primary-active)}.checkbox[data-error=true][data-mode=dark]{background-color:var(--checkbox-dark-color-background-danger-default)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(var(--checkbox-dark-color-outline-primary-fill))}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-dark-color-background-primary-hover)}.checkbox[data-error=true][data-mode=dark][data-state=checked],.checkbox[data-error=true][data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-dark-color-background-danger-active)}.checkbox[data-error=true][data-mode=dark]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-dark-color-background-danger-hover)}.tile{align-items:center;background-color:var(--checkbox-tile-light-color-background-primary-default);border:var(--checkbox-tile-size-md-border-width) solid var(--checkbox-tile-light-color-border-primary-default);border-radius:var(--checkbox-tile-size-md-border-radius);box-sizing:border-box;display:flex;padding-block:var(--checkbox-tile-size-md-padding-block);padding-inline:var(--checkbox-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
4
+ --checkbox-tile-light-color-background-altbackground-default
5
+ );border-color:var(--checkbox-tile-light-color-border-altbackground-default)}.tile:has(.root[data-state=checked]){background-color:var(--checkbox-tile-light-color-background-primary-active)}.tile[data-state=checked]{background-color:var(--checkbox-tile-light-color-background-primary-active);border-color:var(--checkbox-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(--checkbox-tile-light-color-background-primary-hover);border-color:var(--checkbox-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(--checkbox-tile-dark-color-background-primary-default);border-color:var(--checkbox-tile-dark-color-border-primary-default)}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
6
+ --checkbox-tile-dark-color-background-altbackground-default
7
+ )}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--checkbox-tile-dark-color-background-primary-active)}.tile[data-mode=dark]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-hover);border-color:var(--checkbox-tile-dark-color-border-primary-hover)}.tile[data-mode=dark][data-state=checked]{border-color:var(--checkbox-tile-dark-color-border-primary-active)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-active)}
@@ -0,0 +1 @@
1
+ @import "./global.css";@import "./badge/dark.css";@import "./button/dark.css";@import "./checkbox/dark.css";@import "./checkbox-tile/dark.css";@import "./field-message/dark.css";@import "./form-label/dark.css";@import "./input/dark.css";@import "./label/dark.css";@import "./link/dark.css";@import "./radio-group/dark.css";@import "./radio-group-tile/dark.css";@import "./select/dark.css";@import "./switch/dark.css";@import "./table/dark.css";@import "./tabs/dark.css";
@@ -0,0 +1,21 @@
1
+ .overlay{background-color:var(
2
+ --dialog-light-elements-overlay-color-background-primary-default
3
+ );inset:0;position:fixed}.overlay[data-mode=dark]{background-color:var(
4
+ --dialog-dark-elements-overlay-color-background-primary-default
5
+ );inset:0;position:fixed}.content{animation:var(--dialog-content-animation);background-color:var(
6
+ --dialog-light-elements-content-color-background-primary-default
7
+ );border-radius:var(--dialog-elements-content-size-compact-border-radius);box-shadow:var(--dialog-elements-content-size-compact-box-shadow);left:50%;padding-block:var(--dialog-elements-content-size-compact-padding-block);padding-inline:var(--dialog-elements-content-size-compact-padding-inline);position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--dialog-elements-content-size-compact-width)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--dialog-elements-content-size-spacious-width)}.content[data-mode=dark]{background-color:var(
8
+ --dialog-dark-elements-content-color-background-primary-default
9
+ )}.title{color:var(--dialog-light-elements-title-color-text-primary-default);font:var(--dialog-elements-title-typography);margin:var(--dialog-elements-title-margin);margin-block-start:var(--dialog-elements-title-margin-block-start);text-align:var(--dialog-elements-title-text-align)}.title[data-mode=dark]{color:var(--dialog-dark-elements-title-color-text-primary-default)}.description{color:var(--dialog-light-elements-description-color-text-primary-default);font:var(--dialog-elements-description-typography);margin:var(--dialog-elements-description-margin);margin-block-start:var(--dialog-elements-description-margin-block-start);text-align:var(--dialog-elements-description-text-align)}.description[data-mode=dark]{color:var(--dialog-dark-elements-description-color-text-primary-default)}.icon{background-color:var(
10
+ --dialog-light-elements-icon-color-background-generic-default
11
+ );border-radius:var(--dialog-elements-icon-size-default-border-radius);display:flex;justify-content:center;margin:0 auto;padding:var(--dialog-elements-icon-size-default-padding);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(
12
+ --dialog-light-elements-icon-color-background-destructive-default
13
+ )}.icon[data-type=success]{background-color:var(
14
+ --dialog-light-elements-icon-color-background-success-default
15
+ )}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:var(
16
+ --dialog-light-elements-icon-color-background-loading-default
17
+ )}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(
18
+ --dialog-dark-elements-icon-color-background-destructive-default
19
+ )}.icon[data-mode=dark][data-type=success]{background-color:var(
20
+ --dialog-dark-elements-icon-color-background-success-default
21
+ )}
@@ -0,0 +1 @@
1
+ .message{color:var(--field-message-light-color-text-primary-default);display:block;font:var(--field-message-size-md-typography)}.message[data-size=sm]{font:var(--field-message-size-sm-typography)}.message[data-error=true]{color:var(--field-message-light-color-text-danger-default)}.message[aria-disabled=true]{opacity:var(--field-message-opacity-disabled)}.message[data-error=true][data-mode=dark],.message[data-mode=dark]{color:var(--field-message-dark-color-text-danger-default)}
@@ -0,0 +1 @@
1
+ .label{align-items:center;box-sizing:border-box;color:var(--form-label-light-color-text-primary-default);display:inline-flex;font:var(--form-label-size-md-typography);gap:var(--form-label-size-md-gap)}.label[data-size=sm]{font:var(--form-label-size-sm-typography)}.label[data-mode=dark]{color:var(--form-label-dark-color-text-primary-default)}.label:is([aria-required=true]):after{background-color:var(--form-label-elements-indicator-background);border-radius:var(--form-label-elements-indicator-border-radius);content:"";height:var(--form-label-elements-indicator-height);width:var(--form-label-elements-indicator-width)}
@@ -0,0 +1 @@
1
+ :host,:root{--primitive-0:0rem;--primitive-1:0.063rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.688rem;--primitive-12:0.75rem;--primitive-13:0.813rem;--primitive-14:0.875rem;--primitive-15:0.938rem;--primitive-16:1rem;--primitive-17:1.063rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f9f9f9;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#8d949f;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#fee5e5;--primitive-red-200:#fecbcb;--primitive-red-300:#fe9f9b;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#a3f6ce;--primitive-green-300:#59e1a6;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#ffefd7;--primitive-orange-200:#ffddb1;--primitive-orange-300:#fec478;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdf8cf;--primitive-yellow-200:#fae592;--primitive-yellow-300:#fcd358;--primitive-yellow-400:#f1bc0f;--primitive-yellow-500:#dda100;--primitive-yellow-600:#c08700;--primitive-yellow-700:#976800;--primitive-yellow-800:#785200;--primitive-yellow-900:#563e00;--primitive-yellow-1000:#3c2e00;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--spacing-4xs:0rem;--spacing-3xs:0.125rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--border-radius-none:0rem;--border-radius-2xs:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--line-heights-3xs:1rem;--line-heights-2xs:1.25rem;--line-heights-xs:1.25rem;--line-heights-sm:1.25rem;--line-heights-md:1.5rem;--line-heights-lg:1.5rem;--line-heights-xl:1.75rem;--line-heights-2xl:2.25rem;--line-heights-3xl:2.25rem;--line-heights-4xl:3rem;--line-heights-5xl:3.75rem;--line-heights-6xl:5rem;--font-size-3xs:0.75rem;--font-size-2xs:0.813rem;--font-size-xs:0.875rem;--font-size-sm:0.938rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4.5rem;--layout-4xs:12rem;--layout-3xs:14rem;--layout-2xs:16rem;--layout-xs:20rem;--layout-sm:24rem;--layout-md:32rem;--layout-lg:48rem;--layout-xl:64rem;--layout-2xl:80rem;--layout-3xl:100rem;--layout-4xl:120rem;--border-width-none:0rem;--border-width-sm:0.063rem;--border-width-md:0.125rem;--border-width-lg:0.25rem;--font-families-default:Source Sans 3;--font-families-mono:Fira Code;--font-weights-regular:400;--font-weights-semibold:600;--font-weights-bold:700;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.01em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.175em;--letter-spacing-4xl:-0.175em;--letter-spacing-5xl:-0.175em;--letter-spacing-6xl:-0.025em;--paragraph-spacing-0:0;--font-size-3xs-regular:400 0.75rem/1rem "Source Sans 3";--font-size-3xs-semibold:600 0.75rem/1rem "Source Sans 3";--font-size-3xs-bold:700 0.75rem/1rem "Source Sans 3";--font-size-2xs-regular:400 0.813rem/1.25rem "Source Sans 3";--font-size-2xs-semibold:600 0.813rem/1.25rem "Source Sans 3";--font-size-2xs-bold:700 0.813rem/1.25rem "Source Sans 3";--font-size-xs-regular:400 0.875rem/1.25rem "Source Sans 3";--font-size-xs-semibold:600 0.875rem/1.25rem "Source Sans 3";--font-size-xs-bold:700 0.875rem/1.25rem "Source Sans 3";--font-size-sm-regular:400 0.938rem/1.25rem "Source Sans 3";--font-size-sm-semibold:600 0.938rem/1.25rem "Source Sans 3";--font-size-sm-bold:700 0.938rem/1.25rem "Source Sans 3";--font-size-md-regular:400 1rem/1.5rem "Source Sans 3";--font-size-md-semibold:600 1rem/1.5rem "Source Sans 3";--font-size-md-bold:700 1rem/1.5rem "Source Sans 3";--font-size-lg-regular:400 1.125rem/1.5rem "Source Sans 3";--font-size-lg-semibold:600 1.125rem/1.5rem "Source Sans 3";--font-size-lg-bold:700 1.125rem/1.5rem "Source Sans 3";--font-size-xl-regular:400 1.25rem/1.75rem "Source Sans 3";--font-size-xl-semibold:600 1.25rem/1.75rem "Source Sans 3";--font-size-xl-bold:700 1.25rem/1.75rem "Source Sans 3";--font-size-2xl-regular:400 1.5rem/2.25rem "Source Sans 3";--font-size-2xl-semibold:600 1.5rem/2.25rem "Source Sans 3";--font-size-2xl-bold:700 1.5rem/2.25rem "Source Sans 3";--font-size-3xl-regular:400 1.75rem/2.25rem "Source Sans 3";--font-size-3xl-semibold:600 1.75rem/2.25rem "Source Sans 3";--font-size-3xl-bold:700 1.75rem/2.25rem "Source Sans 3";--font-size-4xl-regular:400 2.25rem/3rem "Source Sans 3";--font-size-4xl-semibold:600 2.25rem/3rem "Source Sans 3";--font-size-4xl-bold:700 2.25rem/3rem "Source Sans 3";--font-size-5xl-regular:400 3rem/3.75rem "Source Sans 3";--font-size-5xl-semibold:600 3rem/3.75rem "Source Sans 3";--font-size-5xl-bold:700 3rem/3.75rem "Source Sans 3";--font-size-6xl-regular:400 4.5rem/5rem "Source Sans 3";--font-size-6xl-semibold:600 4.5rem/5rem "Source Sans 3";--font-size-6xl-bold:700 4.5rem/5rem "Source Sans 3";--text-case-none:none;--text-decoration-none:none;--paragraph-indent-0:0px;--color-neutral-100:#f9f9f9;--color-neutral-200:#edeeef;--color-neutral-300:#d5d7db;--color-neutral-400:#b7bcc3;--color-neutral-500:#8d949f;--color-neutral-600:#6b7280;--color-neutral-700:#4f5562;--color-neutral-800:#343944;--color-neutral-900:#242831;--color-neutral-1000:#191b22;--color-neutral-darkest:#121212;--color-neutral-lightest:#fff;--color-primary-100:#f0f7ff;--color-primary-200:#d9eafe;--color-primary-300:#abcffd;--color-primary-400:#66a8fd;--color-primary-500:#3a89fd;--color-primary-600:#0c57cd;--color-primary-700:#063b99;--color-primary-800:#052b74;--color-primary-900:#041c4f;--color-primary-1000:#03122f;--color-danger-100:#fee5e5;--color-danger-200:#fecbcb;--color-danger-300:#fe9f9b;--color-danger-400:#fc817c;--color-danger-500:#f4534f;--color-danger-600:#d12828;--color-danger-700:#ab1a1d;--color-danger-800:#7e130e;--color-danger-900:#5c0b09;--color-danger-1000:#3b0807;--color-warning-100:#ffefd7;--color-warning-200:#ffddb1;--color-warning-300:#fec478;--color-warning-400:#fba94b;--color-warning-500:#f39129;--color-warning-600:#d26e16;--color-warning-700:#a2520c;--color-warning-800:#753c08;--color-warning-900:#553008;--color-warning-1000:#3c2109;--color-success-100:#e2fdee;--color-success-200:#a3f6ce;--color-success-300:#59e1a6;--color-success-400:#29c68c;--color-success-500:#1aad74;--color-success-600:#088556;--color-success-700:#086945;--color-success-800:#0a4e35;--color-success-900:#063724;--color-success-1000:#052618;--color-highlight-100:#fdf8cf;--color-highlight-200:#fae592;--color-highlight-300:#fcd358;--color-highlight-400:#f1bc0f;--color-highlight-500:#dda100;--color-highlight-600:#c08700;--color-highlight-700:#976800;--color-highlight-800:#785200;--color-highlight-900:#563e00;--color-highlight-1000:#3c2e00;--shadow-xs:0 0 12px 0 hsla(0,0%,7%,.08);--shadow-sm:0 0 12px 0 hsla(0,0%,7%,.16);--shadow-md:0 0 12px 0 hsla(0,0%,7%,.24);--shadow-lg:0 0 12px 0 hsla(0,0%,7%,.72);--shadow-xl:0 0 16px 0 hsla(0,0%,7%,.96);--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999;--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--badge-size-sm-vertical-padding:0.125rem;--badge-size-sm-typography:600 0.75rem/1rem "Source Sans 3";--badge-size-sm-horizontal-padding:0.25rem;--badge-size-sm-border-radius:0.25rem;--badge-size-md-vertical-padding:0.125rem;--badge-size-md-horizontal-padding:0.5rem;--badge-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--badge-size-md-border-radius:0.25rem;--badge-size-lg-vertical-padding:0.375rem;--badge-size-lg-horizontal-padding:0.5rem;--badge-size-lg-typography:600 0.875rem/1.25rem "Source Sans 3";--badge-size-lg-border-radius:0.25rem;--badge-gap-spacing:0.25rem;--button-size-sm-border-radius:0.375rem;--button-size-sm-border-width:0.063rem;--button-size-sm-border-style:solid;--button-size-sm-typography: ;--button-size-md-border-radius:0.375rem;--button-size-md-border-width:0.063rem;--button-size-md-border-style:solid;--button-size-md-height:1.5rem;--button-size-md-padding-left:0.5rem;--button-size-md-padding-right:0.5rem;--button-size-md-padding-top:0.125rem;--button-size-md-padding-bottom:0.125rem;--button-size-md-spacing:0.25rem;--button-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--button-size-lg-border-radius:0.375rem;--button-size-lg-border-width:0.063rem;--button-size-lg-border-style:solid;--button-size-lg-height:2rem;--button-size-lg-padding-left:0.75rem;--button-size-lg-padding-right:0.75rem;--button-size-lg-padding-top:0.375rem;--button-size-lg-padding-bottom:0.375rem;--button-size-lg-spacing:0.25rem;--button-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3";--button-size-xl-border-radius:0.375rem;--button-size-xl-border-width:0.063rem;--button-size-xl-border-style:solid;--button-size-xl-typography:600 1.125rem/1.5rem "Source Sans 3";--button-size-xl-spacing:0.25rem;--button-size-xl-padding-left:1rem;--button-size-xl-padding-right:1rem;--button-size-xl-padding-top:0.75rem;--button-size-xl-padding-bottom:0.75rem;--button-size-xl-height:3rem;--button-gap-spacing:0.25rem;--button-outline-primary-width:0.25rem;--button-outline-primary-style:solid;--button-outline-primary-fill:#063b99;--button-outline-primary-offset:0.125rem;--button-opacity-disabled:0.32;--checkbox-size-sm-background-size:0.375rem;--checkbox-size-sm-border-radius:0.125rem;--checkbox-size-sm-border-width:0.063rem;--checkbox-size-sm-height:1rem;--checkbox-size-sm-width:1rem;--checkbox-size-md-background-size:0.5rem;--checkbox-size-md-border-radius:0.25rem;--checkbox-size-md-border-width:0.063rem;--checkbox-size-md-height:1.25rem;--checkbox-size-md-width:1.25rem;--checkbox-gap-spacing:0.25rem;--checkbox-outline-primary-width:0.25rem;--checkbox-outline-primary-style:solid;--checkbox-outline-primary-fill:#063b99;--checkbox-outline-primary-offset:0.125rem;--checkbox-opacity-disabled:0.32;--checkbox-tile-size-md-border-radius:0.375rem;--checkbox-tile-size-md-border-width:0.063rem;--checkbox-tile-size-md-padding-block:1rem;--checkbox-tile-size-md-padding-inline:1rem;--checkbox-tile-size-md-width:auto;--form-label-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3";--form-label-size-md-gap:0.25rem;--form-label-size-md-margin-block-end:0.375rem;--form-label-size-md-typography:600 1.125rem/1.5rem "Source Sans 3";--form-label-size-md-width:auto;--form-label-size-md-border-radius:0.375rem;--form-label-opacity-disabled:0.32;--form-label-elements-indicator-background:#d26e16;--form-label-elements-indicator-border-radius:0.375rem;--form-label-elements-indicator-height:0.5rem;--form-label-elements-indicator-width:0.5rem;--input-elements-text-field-size-md-border-radius:0.25rem;--input-elements-text-field-size-md-height:1.5rem;--input-elements-text-field-size-md-padding-block:0.375rem;--input-elements-text-field-size-md-padding-inline-start:0.5rem;--input-elements-text-field-size-md-typography:400 0.75rem/1rem "Source Sans 3";--input-elements-text-field-size-lg-border-radius:0.375rem;--input-elements-text-field-size-lg-height:2rem;--input-elements-text-field-size-lg-padding-block:0.5rem;--input-elements-text-field-size-lg-padding-inline-start:0.5rem;--input-elements-text-field-size-lg-typography:400 0.875rem/1.25rem "Source Sans 3";--input-elements-text-field-size-xl-border-radius:0.375rem;--input-elements-text-field-size-xl-border-width:0.063rem;--input-elements-text-field-size-xl-height:3rem;--input-elements-text-field-size-xl-padding-block:0.75rem;--input-elements-text-field-size-xl-padding-inline:1rem;--input-elements-text-field-size-xl-typography:400 1rem/1.5rem "Source Sans 3";--input-elements-text-field-size-xl-width:100%;--input-elements-root-size-xl-width:100%;--input-elements-icon-size-md-height:1.5rem;--input-elements-icon-size-md-border-radius:0.375rem;--input-elements-icon-size-lg-height:2rem;--input-elements-icon-size-lg-border-radius:0.375rem;--input-elements-icon-size-xl-border-radius:0.5rem;--input-elements-icon-size-xl-border-width:0.063rem;--input-elements-icon-size-xl-height:3rem;--input-elements-icon-size-xl-padding-block-start:1rem;--input-elements-icon-size-xl-padding-block-end:0rem;--input-elements-addon-size-md-border-radius:0.25rem;--input-elements-addon-size-md-height:1.5rem;--input-elements-addon-size-md-padding-inline:0.5rem;--input-elements-addon-size-md-typography:400 0.75rem/1rem "Source Sans 3";--input-elements-addon-size-lg-border-radius:0.25rem;--input-elements-addon-size-lg-height:2rem;--input-elements-addon-size-lg-padding-inline:0.75rem;--input-elements-addon-size-lg-typography:400 0.875rem/1.25rem "Source Sans 3";--input-elements-addon-size-xl-border-radius:0.375rem;--input-elements-addon-size-xl-border-width:0.063rem;--input-elements-addon-size-xl-height:3rem;--input-elements-addon-size-xl-padding-inline:1rem;--input-disabled-opacity:0.32;--card-size-sm-border-radius:0.5rem;--card-size-sm-border-width:0.063rem;--card-size-sm-border-style:solid;--card-size-sm-min-height:16rem;--card-size-sm-padding:1rem;--card-size-sm-width:288px;--card-size-md-padding:1.5rem;--card-size-md-width:32rem;--card-size-lg-padding:3rem;--card-size-lg-width:64rem;--dialog-elements-content-size-compact-border-radius:0.375rem;--dialog-elements-content-size-compact-border-width:0.063rem;--dialog-elements-content-size-compact-padding-block:1.5rem;--dialog-elements-content-size-compact-padding-inline:1.25rem;--dialog-elements-content-size-compact-box-shadow:0 0 12px 0 hsla(0,0%,7%,.24);--dialog-elements-content-size-compact-width:16rem;--dialog-elements-content-size-spacious-width:384px;--dialog-elements-title-typography:700 1.25rem/1.75rem "Source Sans 3";--dialog-elements-title-margin:0rem;--dialog-elements-title-margin-block-start:0.5rem;--dialog-elements-title-text-align:center;--dialog-elements-description-typography:400 0.813rem/1.25rem "Source Sans 3";--dialog-elements-description-margin:0rem;--dialog-elements-description-margin-block-start:0.5rem;--dialog-elements-description-text-align:center;--dialog-elements-icon-size-default-border-radius:0.375rem;--dialog-elements-icon-size-default-padding:0.5rem;--field-message-size-sm-typography:400 0.75rem/1rem "Source Sans 3";--field-message-size-md-margin-block-end:0.375rem;--field-message-size-md-typography:400 0.813rem/1.25rem "Source Sans 3";--field-message-opacity-disabled:0.32;--label-size-sm-typography:400 0.875rem/1.25rem "Source Sans 3";--label-size-md-typography:400 1rem/1.5rem "Source Sans 3";--label-gap-default:0.25rem;--label-opacity-disabled:0.32;--link-size-3xs-typography:700 0.75rem/1rem "Source Sans 3";--link-size-2xs-typography:700 0.813rem/1.25rem "Source Sans 3";--link-size-xs-typography:700 0.875rem/1.25rem "Source Sans 3";--link-size-sm-typography:700 0.938rem/1.25rem "Source Sans 3";--link-size-md-typography:700 1rem/1.5rem "Source Sans 3";--link-size-lg-typography:700 1.125rem/1.5rem "Source Sans 3";--link-size-xl-typography:700 1.25rem/1.75rem "Source Sans 3";--link-gap-default:0.25rem;--link-opacity-disabled:0.32;--link-weight-regular:400;--list-group-space-comfortable:3rem;--loader-size-lg-border-radius:100%;--loader-size-lg-border-width:0.5rem;--loader-size-lg-height:4rem;--loader-size-lg-width:4rem;--radio-group-elements-indicator-size-sm-height:0.375rem;--radio-group-elements-indicator-size-sm-width:0.375rem;--radio-group-elements-indicator-size-md-border-radius:50%;--radio-group-elements-indicator-size-md-height:0.5rem;--radio-group-elements-indicator-size-md-width:0.5rem;--radio-group-elements-indicator-shadow:0 0.063rem 0.063rem 0 rgba(0,0,0,.08);--radio-group-size-sm-border-width:0.063rem;--radio-group-size-sm-height:1rem;--radio-group-size-sm-min-width:1rem;--radio-group-size-sm-width:1rem;--radio-group-size-md-border-radius:100%;--radio-group-size-md-border-width:0.063rem;--radio-group-size-md-height:1.25rem;--radio-group-size-md-min-width:1.25rem;--radio-group-size-md-width:1.25rem;--radio-group-outline-primary-width:0.25rem;--radio-group-outline-primary-style:solid;--radio-group-outline-primary-fill:#063b99;--radio-group-outline-primary-offset:0.125rem;--radio-group-opacity-disabled:0.32;--radio-group-tile-size-md-border-radius:0.25rem;--radio-group-tile-size-md-border-width:0.063rem;--radio-group-tile-size-md-padding-block:0.75rem;--radio-group-tile-size-md-padding-inline:0.75rem;--radio-group-tile-size-md-width:auto;--segmented-controller-elements-list-size-lg-border-radius:0.375rem;--segmented-controller-elements-list-size-lg-border-width:0.063rem;--segmented-controller-elements-trigger-size-md-padding-block:0.125rem;--segmented-controller-elements-trigger-size-md-padding-inline:0.5rem;--segmented-controller-elements-trigger-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--segmented-controller-elements-trigger-size-lg-border-radius:0.375rem;--segmented-controller-elements-trigger-size-lg-border-width:0.125rem;--segmented-controller-elements-trigger-size-lg-padding-block:0.375rem;--segmented-controller-elements-trigger-size-lg-padding-inline:0.75rem;--segmented-controller-elements-trigger-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3";--segmented-controller-elements-content-size-lg-border-radius:0.375rem;--segmented-controller-elements-content-size-lg-border-width:0.063rem;--segmented-controller-elements-content-size-lg-margin-block-start:0.5rem;--segmented-controller-elements-content-size-lg-padding:1rem;--select-elements-trigger-size-md-max-height:1.5rem;--select-elements-trigger-size-md-padding-block:0.25rem;--select-elements-trigger-size-md-padding-inline:0.5rem;--select-elements-trigger-size-lg-max-height:2rem;--select-elements-trigger-size-lg-padding-block:0.375rem;--select-elements-trigger-size-lg-padding-inline:0.75rem;--select-elements-trigger-size-xl-border-radius:0.375rem;--select-elements-trigger-size-xl-border-width:0.063rem;--select-elements-trigger-size-xl-max-height:3rem;--select-elements-trigger-size-xl-padding-block:0.75rem;--select-elements-trigger-size-xl-padding-inline:1rem;--select-elements-trigger-size-xl-width:100%;--select-elements-trigger-opacity-disabled:0.32;--select-elements-content-size-lg-border-radius:0.375rem;--select-elements-content-size-lg-border-width:0.063rem;--select-elements-content-size-lg-max-height:232px;--select-elements-content-size-lg-z-index:499;--select-elements-content-opacity-disabled:0.32;--select-elements-content-scrollbar-size-lg-border-radius:0.375rem;--select-elements-content-scrollbar-size-lg-border-width:0.063rem;--select-elements-content-scrollbar-size-lg-width:0.75rem;--select-elements-content-scrollbar-thumb-size-lg-height:8rem;--select-elements-menu-item-size-lg-padding-inline:0.75rem;--select-elements-menu-item-size-lg-padding-block:0.375rem;--select-elements-menu-item-gap-default:0.5rem;--select-elements-menu-item-opacity-disabled:0.32;--select-elements-separator-size-lg-height:0.063rem;--select-elements-info-size-lg-typography:400 0.813rem/1.25rem "Source Sans 3";--select-elements-icon-size-md-min-height:1.25rem;--select-elements-icon-size-md-min-width:1.25rem;--select-elements-heading-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3";--select-elements-heading-size-sm-padding-inline:0.75rem;--select-elements-heading-size-sm-padding-block:0.375rem;--select-elements-label-size-sm-typography:400 0.938rem/1.25rem "Source Sans 3";--switch-elements-thumb-size-sm-height:1rem;--switch-elements-thumb-size-sm-width:1rem;--switch-elements-thumb-size-md-border-radius:1rem;--switch-elements-thumb-size-md-border-width:0.063rem;--switch-elements-thumb-size-md-height:1.25rem;--switch-elements-thumb-size-md-width:1.25rem;--switch-elements-thumb-shadow:0 0.063rem 0.063rem 0 rgba(0,0,0,.08);--switch-size-sm-height:1rem;--switch-size-sm-width:2rem;--switch-size-md-border-radius:1rem;--switch-size-md-border-width:0.063rem;--switch-size-md-height:1.25rem;--switch-size-md-width:2.5rem;--switch-opacity-disabled:0.32;--switch-outline-primary-width:0.25rem;--switch-outline-primary-style:solid;--switch-outline-primary-fill:#063b99;--switch-outline-primary-offset:0.125rem;--table-elements-container-size-2xl-border-radius:0.375rem;--table-elements-container-size-2xl-border-width:0.063rem;--table-elements-container-size-2xl-max-height:auto;--table-elements-container-scrollbar-size-2xl-border-radius:0.375rem;--table-elements-container-scrollbar-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-size-2xl-width:0.75rem;--table-elements-container-scrollbar-thumb-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-thumb-size-2xl-height:8rem;--table-elements-th-size-xl-border-bottom-width:0.063rem;--table-elements-th-size-xl-max-height:3rem;--table-elements-th-size-xl-padding-block-start:1.125rem;--table-elements-th-size-xl-padding-block-end:0.5rem;--table-elements-th-size-xl-padding-inline:0.75rem;--table-elements-th-size-xl-typography:700 0.813rem/1.25rem "Source Sans 3";--table-elements-th-size-2xl-max-height:4rem;--table-elements-th-size-2xl-padding-block-start:1.5rem;--table-elements-th-size-2xl-padding-block-end:0.5rem;--table-elements-th-size-2xl-typography:700 0.938rem/1.25rem "Source Sans 3";--table-elements-td-size-lg-max-height:2rem;--table-elements-td-size-lg-padding-inline:0.5rem;--table-elements-td-size-lg-typography:400 0.813rem/1.25rem "Source Sans 3";--table-elements-td-size-xl-max-height:3rem;--table-elements-td-size-xl-typography:400 0.938rem/1.25rem "Source Sans 3";--table-elements-td-size-2xl-border-width:0.063rem;--table-elements-td-size-2xl-max-height:4rem;--table-elements-td-size-2xl-padding-inline:0.75rem;--table-elements-td-size-2xl-typography:400 1.125rem/1.5rem "Source Sans 3";--table-elements-actions-2xl-border-radius:0.375rem;--table-elements-actions-2xl-border-width:0.063rem;--table-elements-actions-2xl-height:3rem;--table-elements-actions-2xl-padding-inline-end:0.5rem;--tabs-elements-list-size-lg-border-bottom-width:0.063rem;--tabs-elements-list-size-lg-padding-block-end:1rem;--tabs-elements-list-gap-default:1.25rem;--tabs-elements-trigger-size-lg-border-width:0.125rem;--tabs-elements-trigger-size-lg-max-height:2rem;--tabs-elements-trigger-size-lg-padding-block-end:0rem;--tabs-elements-trigger-size-lg-typography:700 1.125rem/1.5rem "Source Sans 3";--tabs-elements-trigger-size-xl-max-height:3rem;--tabs-elements-trigger-size-xl-typography:700 1.5rem/2.25rem "Source Sans 3";--tabs-elements-content-size-lg-border-radius:0.375rem;--tabs-elements-content-size-lg-border-width:0.063rem;--tabs-elements-content-size-lg-margin-block-start:0.5rem;--tabs-elements-content-size-lg-padding:1rem}
@@ -0,0 +1 @@
1
+ @import "./global.css";@import "./badge";@import "./button/light.css";@import "./button/dark.css";@import "./card/light.css";@import "./card/dark.css";@import "./checkbox/light.css";@import "./checkbox/dark.css";@import "./checkbox-tile/light.css";@import "./checkbox-tile/dark.css";@import "./dialog/light.css";@import "./dialog/dark.css";@import "./field-message/light.css";@import "./field-message/dark.css";@import "./form-label/light.css";@import "./form-label/dark.css";@import "./input/light.css";@import "./input/dark.css";@import "./label/light.css";@import "./label/dark.css";@import "./link/light.css";@import "./link/dark.css";@import "./list-item/light.css";@import "./list-item/dark.css";@import "./loader/light.css";@import "./loader/dark.css";@import "./radio-group/light.css";@import "./radio-group/dark.css";@import "./radio-group-tile/light.css";@import "./radio-group-tile/dark.css";@import "./segmented-controller/light.css";@import "./segmented-controller/dark.css";@import "./select/light.css";@import "./select/dark.css";@import "./switch/light.css";@import "./switch/dark.css";@import "./table/light.css";@import "./table/dark.css";@import "./tabs/light.css";@import "./tabs/dark.css";
@@ -0,0 +1,37 @@
1
+ .root{display:flex;width:var(--input-elements-root-size-xl-width)}.root:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(12,87,205,.16)}.input{background-color:var(
2
+ --input-light-elements-text-field-color-background-primary-default
3
+ );border-color:var(
4
+ --input-light-elements-text-field-color-border-primary-default
5
+ );border-radius:var(--input-elements-text-field-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-text-field-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-color-text-primary-default);font:var(--input-elements-text-field-size-xl-typography);max-height:var(--input-elements-text-field-size-xl-height);outline:none;padding-block:var(--input-elements-text-field-size-xl-padding-block);padding-inline-start:var(--input-elements-text-field-size-xl-padding-inline);width:100%}.input[data-size=lg]{border-radius:var(--input-elements-text-field-size-lg-border-radius);font:var(--input-elements-text-field-size-lg-typography);height:var(--input-elements-text-field-size-lg-height);padding-block:var(--input-elements-text-field-size-lg-padding-block);padding-inline-start:var(
6
+ --input-elements-text-field-size-lg-padding-inline-start
7
+ )}.input[data-size=lg]+.icon{height:var(--input-elements-icon-size-lg-height)}.input[data-size=md]{border-radius:var(--input-elements-text-field-size-md-border-radius);font:var(--input-elements-text-field-size-md-typography);height:var(--input-elements-text-field-size-md-height);padding-block:var(--input-elements-text-field-size-md-padding-block);padding-inline-start:var(
8
+ --input-elements-text-field-size-md-padding-inline-start
9
+ )}.input[data-size=md]+.icon{height:var(--input-elements-icon-size-md-height)}.root[data-altbackground=true] .icon,.root[data-altbackground=true] .input{background-color:var(
10
+ --input-light-elements-text-field-color-background-altbackground-default
11
+ )}.input::placeholder{color:var(--input-light-elements-text-field-color-text-error-default)}.input[data-error=true]::placeholder{color:var(--input-light-elements-text-field-color-text-error-placeholder)}.icon[data-error=true],.input[data-error=true]{background-color:var(
12
+ --input-light-elements-text-field-color-background-error-default
13
+ );border-color:var(
14
+ --input-light-elements-text-field-color-border-error-default
15
+ )}.root[data-error=true]:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[aria-disabled=true],.input[data-disabled=true]{opacity:var(--input-disabled-opacity);pointer-events:none}.icon{align-items:center;background-color:var(
16
+ --input-light-elements-icon-color-background-primary-default
17
+ );border-color:var(--input-light-elements-icon-color-border-primary-default);border-radius:var(--input-elements-icon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-icon-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-icon-color-text-primary-default);display:flex;height:var(--input-elements-icon-size-xl-height);justify-content:center;padding-inline-end:var(--input-elements-icon-size-xl-padding-block-end);padding-inline-start:var(--input-elements-text-field-size-xl-padding-inline)}.icon[data-size=md]{border-radius:var(--input-elements-icon-size-md-border-radius);height:var(--input-elements-icon-size-md-height);padding-inline-start:var(
18
+ --input-elements-text-field-size-md-padding-inline-start
19
+ )}.icon[data-size=lg]{border-radius:var(--input-elements-icon-size-lg-border-radius);height:var(--input-elements-icon-size-lg-height);padding-inline-start:var(
20
+ --input-elements-text-field-size-lg-padding-inline-start
21
+ )}.addon{align-items:center;background-color:var(
22
+ --input-light-elements-addon-color-background-primary-default
23
+ );border-color:var(--input-light-elements-addon-color-border-primary-default);border-radius:var(--input-elements-addon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-addon-size-xl-border-width);color:var(--input-light-elements-addon-color-text-primary-default);display:flex;height:var(--input-elements-addon-size-xl-height);padding-inline:var(--input-elements-addon-size-xl-padding-inline);z-index:10}.addon[data-size=md]{border-radius:var(--input-elements-addon-size-md-border-radius);height:var(--input-elements-addon-size-md-height);padding-inline:var(--input-elements-addon-size-md-padding-inline)}.addon[data-size=lg]{border-radius:var(--input-elements-addon-size-lg-border-radius);height:var(--input-elements-addon-size-lg-height);padding-inline:var(--input-elements-addon-size-lg-padding-inline)}.root[data-mode=dark][data-altbackground=true] .icon,.root[data-mode=dark][data-altbackground=true] .input{background-color:var(
24
+ --input-dark-elements-text-field-color-background-altbackground-default
25
+ )}.root[data-mode=dark]:focus-within{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.root[data-mode=dark][data-error=true]:focus-within{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[data-mode=dark][data-error=true],.input[data-mode=dark][data-error=true]{background-color:var(
26
+ --input-dark-elements-text-field-color-background-error-default
27
+ );border-color:var(
28
+ --input-dark-elements-text-field-color-border-error-default
29
+ )}.input[data-mode=dark],.input[data-mode=dark]+.icon{background-color:var(
30
+ --input-dark-elements-text-field-color-background-primary-default
31
+ );border-color:var(
32
+ --input-dark-elements-text-field-color-border-primary-default
33
+ );color:var(--input-dark-elements-text-field-color-text-primary-default)}.input[data-mode=dark]::placeholder{color:var(--input-dark-elements-text-field-color-text-error-placeholder)}.icon[data-mode=dark]{background-color:var(
34
+ --input-dark-elements-icon-color-background-primary-default
35
+ );border-color:var(--input-dark-elements-icon-color-border-primary-default);color:var(--input-dark-elements-icon-color-text-primary-default)}.addon[data-mode=dark]{background-color:var(
36
+ --input-dark-elements-addon-color-background-primary-default
37
+ );border-color:var(--input-dark-elements-addon-color-border-primary-default)}
@@ -0,0 +1 @@
1
+ .label{all:unset;box-sizing:border-box;color:var(--label-light-color-text-primary-default);cursor:default;font:var(--label-size-md-typography)}.label[aria-disabled=true]{cursor:not-allowed;opacity:var(--label-opacity-disabled);pointer-events:none}.label[data-size=sm]{font:var(--label-size-sm-typography)}.label[data-mode=dark]{color:var(--label-dark-color-text-primary-default)}
@@ -0,0 +1 @@
1
+ @import "./global.css";@import "./badge/light.css";@import "./button/light.css";@import "./checkbox/light.css";@import "./checkbox-tile/light.css";@import "./field-message/light.css";@import "./form-label/light.css";@import "./input/light.css";@import "./label/light.css";@import "./link/light.css";@import "./radio-group/light.css";@import "./radio-group-tile/light.css";@import "./select/light.css";@import "./switch/light.css";@import "./table/light.css";@import "./tabs/light.css";
@@ -0,0 +1 @@
1
+ .link{all:unset;align-items:center;box-sizing:border-box;color:var(--link-light-color-text-primary-default);cursor:pointer;display:inline-flex;font:var(--link-size-xl-typography);gap:var(--link-gap-default);text-decoration:underline;vertical-align:top}.link:hover{color:var(--link-light-color-text-primary-hover)}.link:active{color:var(--link-light-color-text-primary-active)}.link[data-size="3xs"]{font:var(--link-size-3xs-typography)}.link[data-size="2xs"]{font:var(--link-size-2xs-typography)}.link[data-size=xs]{font:var(--link-size-xs-typography)}.link[data-size=sm]{font:var(--link-size-sm-typography)}.link[data-size=md]{font:var(--link-size-md-typography)}.link[data-size=lg]{font:var(--link-size-lg-typography)}.link[data-size=xl]{font:var(--link-size-xl-typography)}.link[data-weight=regular]{font-weight:var(--link-weight-regular)}.link[data-mode=dark]{color:var(--link-dark-color-text-primary-default)}.link[data-mode=dark]:hover{color:var(--link-dark-color-text-primary-hover)}.link[data-mode=dark]:active{color:var(--link-dark-color-text-primary-active)}
@@ -0,0 +1 @@
1
+ .ul{all:unset;display:flex;gap:var(--list-group-space-comfortable)}.ul[data-direction=vertical]{flex-direction:column;padding-block:var(--list-group-space-comfortable)}
@@ -0,0 +1 @@
1
+ .li{all:unset;color:var(--list-item-light-color-text-primary-default)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--list-item-dark-color-text-primary-default)}