@kofile/gds-foundations 1.0.0-alpha.9 → 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.
- package/build/css/.DS_Store +0 -0
- package/build/css/components/badge.module.css +6 -0
- package/build/css/components/card.module.css +19 -0
- package/build/css/components/checkbox.module.css +0 -4
- package/build/css/components/dialog.module.css +108 -0
- package/build/css/components/field-message.module.css +0 -1
- package/build/css/components/input.module.css +34 -5
- package/build/css/components/list-callout-group.module.css +10 -0
- package/build/css/components/list-callout.module.css +13 -0
- package/build/css/components/list-group.module.css +10 -0
- package/build/css/components/list-item.module.css +13 -0
- package/build/css/components/loader.module.css +19 -0
- package/build/css/components/radio-group.module.css +2 -2
- package/build/css/components/segmented-controller.module.css +160 -0
- package/build/css/components/select.module.css +33 -5
- package/build/css/components/switch.module.css +0 -7
- package/build/css/components/tabs.module.css +12 -9
- package/build/css/index.css +0 -1
- package/build/css/themes/card/dark.css +6 -0
- package/build/css/themes/card/light.css +6 -0
- package/build/css/themes/dialog/dark.css +13 -0
- package/build/css/themes/dialog/light.css +13 -0
- package/build/css/themes/field-message/light.css +1 -1
- package/build/css/themes/global.css +91 -7
- package/build/css/themes/index.css +10 -0
- package/build/css/themes/input/light.css +3 -0
- package/build/css/themes/list-item/dark.css +5 -0
- package/build/css/themes/list-item/light.css +5 -0
- package/build/css/themes/loader/dark.css +6 -0
- package/build/css/themes/loader/light.css +6 -0
- package/build/css/themes/segmented-controller/dark.css +15 -0
- package/build/css/themes/segmented-controller/light.css +14 -0
- package/build/css/themes/select/dark.css +2 -0
- package/build/css/themes/select/light.css +2 -0
- package/build/css/themes/table/dark.css +2 -2
- package/build/css/themes/tabs/dark.css +2 -0
- package/build/minified/badge.module.css +1 -0
- package/build/minified/button.module.css +33 -0
- package/build/minified/card.module.css +1 -0
- package/build/minified/checkbox.module.css +7 -0
- package/build/minified/dark.css +1 -0
- package/build/minified/dialog.module.css +21 -0
- package/build/minified/field-message.module.css +1 -0
- package/build/minified/form-label.module.css +1 -0
- package/build/minified/global.css +1 -0
- package/build/minified/index.css +1 -0
- package/build/minified/input.module.css +37 -0
- package/build/minified/label.module.css +1 -0
- package/build/minified/light.css +1 -0
- package/build/minified/link.module.css +1 -0
- package/build/minified/list-callout-group.module.css +1 -0
- package/build/minified/list-callout.module.css +1 -0
- package/build/minified/list-group.module.css +1 -0
- package/build/minified/list-item.module.css +1 -0
- package/build/minified/loader.module.css +1 -0
- package/build/minified/radio-group.module.css +21 -0
- package/build/minified/segmented-controller.module.css +57 -0
- package/build/minified/select.module.css +55 -0
- package/build/minified/switch.module.css +3 -0
- package/build/minified/table.module.css +65 -0
- package/build/minified/tabs.module.css +9 -0
- package/package.json +35 -11
- package/build/css/tokens-global.css +0 -342
- package/build/css/utilities/background-color.css +0 -284
- package/build/css/utilities/border-color.css +0 -284
- package/build/css/utilities/border-radius.css +0 -455
- package/build/css/utilities/border-style.css +0 -18
- package/build/css/utilities/border-width.css +0 -127
- package/build/css/utilities/box-sizing.css +0 -7
- package/build/css/utilities/cursor.css +0 -31
- package/build/css/utilities/display.css +0 -63
- package/build/css/utilities/flex-shrink.css +0 -6
- package/build/css/utilities/flex.css +0 -198
- package/build/css/utilities/font.css +0 -131
- package/build/css/utilities/gap.css +0 -104
- package/build/css/utilities/grid-auto-columns.css +0 -12
- package/build/css/utilities/grid-template-columns.css +0 -42
- package/build/css/utilities/height.css +0 -123
- package/build/css/utilities/index.css +0 -30
- package/build/css/utilities/margin.css +0 -299
- package/build/css/utilities/max-height.css +0 -123
- package/build/css/utilities/max-width.css +0 -69
- package/build/css/utilities/min-height.css +0 -18
- package/build/css/utilities/min-width.css +0 -15
- package/build/css/utilities/object-fit.css +0 -15
- package/build/css/utilities/object-position.css +0 -27
- package/build/css/utilities/overflow.css +0 -45
- package/build/css/utilities/padding.css +0 -288
- package/build/css/utilities/position.css +0 -1106
- package/build/css/utilities/text-overflow.css +0 -13
- package/build/css/utilities/text-transform.css +0 -12
- package/build/css/utilities/vertical-align.css +0 -31
- package/build/css/utilities/white-space.css +0 -23
- 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
|
+
}
|
|
@@ -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.
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
476
|
-
--radio-group-tile-size-md-padding-inline:
|
|
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,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: #
|
|
13
|
-
--table-dark-elements-tr-color-background-striped-hover: #
|
|
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)}
|