@delightui/components 0.1.44 → 0.1.46
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/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +1 -0
- package/dist/cjs/components/atoms/Checkbox/Checkbox.types.d.ts +5 -0
- package/dist/cjs/components/atoms/Input/Input.d.ts +1 -0
- package/dist/cjs/components/atoms/Input/Input.types.d.ts +5 -0
- package/dist/cjs/components/atoms/SelectListItem/SelectListItem.d.ts +4 -0
- package/dist/cjs/components/atoms/SelectListItem/SelectListItem.types.d.ts +27 -0
- package/dist/cjs/components/atoms/SelectListItem/index.d.ts +4 -0
- package/dist/cjs/components/atoms/ToastNotification/ToastNotification.types.d.ts +0 -6
- package/dist/cjs/components/atoms/Toggle/index.d.ts +1 -0
- package/dist/cjs/components/atoms/Tooltip/Tooltip.d.ts +4 -0
- package/dist/cjs/components/atoms/Tooltip/Tooltip.types.d.ts +59 -0
- package/dist/cjs/components/atoms/Tooltip/index.d.ts +4 -0
- package/dist/cjs/components/atoms/index.d.ts +4 -0
- package/dist/cjs/components/molecules/ChipInput/ChipInput.d.ts +2 -2
- package/dist/cjs/components/molecules/FormField/FormField.types.d.ts +6 -1
- package/dist/cjs/components/molecules/FormField/index.d.ts +3 -2
- package/dist/cjs/components/molecules/ProgressBar/ProgressBar.types.d.ts +0 -1
- package/dist/cjs/library.css +1616 -54
- package/dist/cjs/library.js +3 -3
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +1 -0
- package/dist/esm/components/atoms/Checkbox/Checkbox.types.d.ts +5 -0
- package/dist/esm/components/atoms/Input/Input.d.ts +1 -0
- package/dist/esm/components/atoms/Input/Input.types.d.ts +5 -0
- package/dist/esm/components/atoms/SelectListItem/SelectListItem.d.ts +4 -0
- package/dist/esm/components/atoms/SelectListItem/SelectListItem.types.d.ts +27 -0
- package/dist/esm/components/atoms/SelectListItem/index.d.ts +4 -0
- package/dist/esm/components/atoms/ToastNotification/ToastNotification.types.d.ts +0 -6
- package/dist/esm/components/atoms/Toggle/index.d.ts +1 -0
- package/dist/esm/components/atoms/Tooltip/Tooltip.d.ts +4 -0
- package/dist/esm/components/atoms/Tooltip/Tooltip.types.d.ts +59 -0
- package/dist/esm/components/atoms/Tooltip/index.d.ts +4 -0
- package/dist/esm/components/atoms/index.d.ts +4 -0
- package/dist/esm/components/molecules/ChipInput/ChipInput.d.ts +2 -2
- package/dist/esm/components/molecules/FormField/FormField.types.d.ts +6 -1
- package/dist/esm/components/molecules/FormField/index.d.ts +3 -2
- package/dist/esm/components/molecules/ProgressBar/ProgressBar.types.d.ts +0 -1
- package/dist/esm/library.css +1616 -54
- package/dist/esm/library.js +3 -3
- package/dist/esm/library.js.map +1 -1
- package/package.json +1 -1
- package/dist/index.d.ts +0 -2129
package/dist/cjs/library.css
CHANGED
|
@@ -234,6 +234,8 @@
|
|
|
234
234
|
.Icon-module_icon__sUgmV {
|
|
235
235
|
--icon-size: fit-content;
|
|
236
236
|
--icon-fill: currentcolor;
|
|
237
|
+
--svg-stroke: initial;
|
|
238
|
+
--svg-stroke-width: initial;
|
|
237
239
|
display: block;
|
|
238
240
|
width: -moz-fit-content;
|
|
239
241
|
width: fit-content;
|
|
@@ -250,6 +252,8 @@
|
|
|
250
252
|
}
|
|
251
253
|
.Icon-module_icon__sUgmV * > path {
|
|
252
254
|
fill: var(--icon-fill);
|
|
255
|
+
stroke: var(--svg-stroke);
|
|
256
|
+
stroke-width: var(--svg-stroke-width);
|
|
253
257
|
}
|
|
254
258
|
.Icon-module_small__tXfZT {
|
|
255
259
|
--icon-size: 16px;
|
|
@@ -495,6 +499,58 @@
|
|
|
495
499
|
.ListItem-module_listItem__jYwlh:disabled {
|
|
496
500
|
cursor: not-allowed;
|
|
497
501
|
}
|
|
502
|
+
.SelectListItem-module_listItem__alhXN {
|
|
503
|
+
display: flex;
|
|
504
|
+
align-items: center;
|
|
505
|
+
justify-content: center;
|
|
506
|
+
position: relative;
|
|
507
|
+
height: var(--list-item-height);
|
|
508
|
+
min-height: var(--list-item-min-height);
|
|
509
|
+
max-height: var(--list-item-max-height);
|
|
510
|
+
width: var(--list-item-width);
|
|
511
|
+
min-width: var(--list-item-min-width);
|
|
512
|
+
max-width: var(--list-item-max-width);
|
|
513
|
+
padding-top: calc(var(--list-item-padding-top) - var(--list-item-border-top-width));
|
|
514
|
+
padding-bottom: calc(var(--list-item-padding-bottom) - var(--list-item-border-bottom-width));
|
|
515
|
+
padding-left: calc(var(--list-item-padding-left) - var(--list-item-border-left-width));
|
|
516
|
+
padding-right: calc(var(--list-item-padding-right) - var(--list-item-border-right-width));
|
|
517
|
+
row-gap: var(--list-item-row-gap);
|
|
518
|
+
-moz-column-gap: var(--list-item-column-gap);
|
|
519
|
+
column-gap: var(--list-item-column-gap);
|
|
520
|
+
border-bottom-width: var(--list-item-border-bottom-width);
|
|
521
|
+
border-left-width: var(--list-item-border-left-width);
|
|
522
|
+
border-right-width: var(--list-item-border-right-width);
|
|
523
|
+
border-top-width: var(--list-item-border-top-width);
|
|
524
|
+
border-style: var(--list-item-border-style);
|
|
525
|
+
border-color: var(--list-item-border-color);
|
|
526
|
+
border-top-left-radius: var(--list-item-border-top-left-radius);
|
|
527
|
+
border-top-right-radius: var(--list-item-border-top-right-radius);
|
|
528
|
+
border-bottom-right-radius: var(--list-item-border-bottom-right-radius);
|
|
529
|
+
border-bottom-left-radius: var(--list-item-border-bottom-left-radius);
|
|
530
|
+
outline-width: var(--list-item-outline-width);
|
|
531
|
+
outline-style: var(--list-item-outline-style);
|
|
532
|
+
outline-color: var(--list-item-outline-color);
|
|
533
|
+
background-color: var(--list-item-background-color);
|
|
534
|
+
font-family: var(--list-item-font-family);
|
|
535
|
+
font-size: var(--list-item-font-size);
|
|
536
|
+
font-weight: var(--list-item-font-weight);
|
|
537
|
+
line-height: var(--list-item-line-height);
|
|
538
|
+
color: var(--list-item-color);
|
|
539
|
+
}
|
|
540
|
+
.SelectListItem-module_listItem__alhXN .SelectListItem-module_content__IU02L {
|
|
541
|
+
flex: 1;
|
|
542
|
+
display: flex;
|
|
543
|
+
justify-content: center;
|
|
544
|
+
justify-content: var(--list-item-content-justify-content, center);
|
|
545
|
+
}
|
|
546
|
+
.SelectListItem-module_listItem__alhXN .SelectListItem-module_content__IU02L > *,
|
|
547
|
+
.SelectListItem-module_listItem__alhXN .SelectListItem-module_leadingIcon__wMycl > *,
|
|
548
|
+
.SelectListItem-module_listItem__alhXN .SelectListItem-module_trailingIcon__ldup1 > * {
|
|
549
|
+
color: var(--list-item-color);
|
|
550
|
+
}
|
|
551
|
+
.SelectListItem-module_listItem__alhXN:disabled {
|
|
552
|
+
cursor: not-allowed;
|
|
553
|
+
}
|
|
498
554
|
.Toggle-module_toggle__gOwa0 {
|
|
499
555
|
position: relative;
|
|
500
556
|
display: inline-flex;
|
|
@@ -559,6 +615,132 @@
|
|
|
559
615
|
.ToggleButton-module_toggleButton__fIuWB:not(.ToggleButton-module_checked__elJT6):focus-within, .ToggleButton-module_toggleButton__fIuWB:not(.ToggleButton-module_checked__elJT6):focus {
|
|
560
616
|
background-color: transparent !important;
|
|
561
617
|
}
|
|
618
|
+
.Tooltip-module_tooltipWrapper__wwgA3 {
|
|
619
|
+
display: flex;
|
|
620
|
+
width: auto;
|
|
621
|
+
height: auto;
|
|
622
|
+
gap: var(--tooltip-wrapper-row-gap) var(--tooltip-wrapper-column-gap);
|
|
623
|
+
}
|
|
624
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipTarget__FAk8O {
|
|
625
|
+
width: auto;
|
|
626
|
+
height: auto;
|
|
627
|
+
padding-top: var(--tooltip-target-padding-top);
|
|
628
|
+
padding-right: var(--tooltip-target-padding-right);
|
|
629
|
+
padding-bottom: var(--tooltip-target-padding-bottom);
|
|
630
|
+
padding-left: var(--tooltip-target-padding-left);
|
|
631
|
+
}
|
|
632
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V {
|
|
633
|
+
position: absolute;
|
|
634
|
+
display: flex;
|
|
635
|
+
flex-direction: column;
|
|
636
|
+
align-items: center;
|
|
637
|
+
justify-content: center;
|
|
638
|
+
text-align: center;
|
|
639
|
+
z-index: 1;
|
|
640
|
+
width: auto;
|
|
641
|
+
width: var(--tooltip-content-width, auto);
|
|
642
|
+
height: auto;
|
|
643
|
+
height: var(--tooltip-content-height, auto);
|
|
644
|
+
min-height: 2rem;
|
|
645
|
+
min-height: var(--tooltip-content-min-height, 2rem);
|
|
646
|
+
max-height: var(--tooltip-content-max-height);
|
|
647
|
+
min-width: 2rem;
|
|
648
|
+
min-width: var(--tooltip-content-min-width, 2rem);
|
|
649
|
+
max-width: var(--tooltip-content-max-width);
|
|
650
|
+
padding-top: calc(var(--tooltip-content-padding-top) - var(--tooltip-content-border-top-width));
|
|
651
|
+
padding-bottom: calc(var(--tooltip-content-padding-bottom) - var(--tooltip-content-border-bottom-width));
|
|
652
|
+
padding-left: calc(var(--tooltip-content-padding-left) - var(--tooltip-content-border-left-width));
|
|
653
|
+
padding-right: calc(var(--tooltip-content-padding-right) - var(--tooltip-content-border-right-width));
|
|
654
|
+
background-color: var(--tooltip-content-background, var(--surface-background-6));
|
|
655
|
+
font-family: var(--tooltip-content-font-family);
|
|
656
|
+
font-size: var(--tooltip-content-font-size);
|
|
657
|
+
font-weight: var(--tooltip-content-font-weight);
|
|
658
|
+
color: #fff;
|
|
659
|
+
color: var(--tooltip-content-color, #fff);
|
|
660
|
+
border-radius: 4px;
|
|
661
|
+
border-radius: var(--tooltip-content-border-radius, 4px);
|
|
662
|
+
box-shadow: var(--tooltip-content-box-shadow-x) var(--tooltip-content-box-shadow-blur) var(--tooltip-content-box-shadow-y) var(--tooltip-content-box-shadow-spread) var(--tooltip-content-box-shadow-color);
|
|
663
|
+
}
|
|
664
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V .Tooltip-module_tooltipArrow__4y3Pi {
|
|
665
|
+
position: absolute;
|
|
666
|
+
}
|
|
667
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V .Tooltip-module_tooltipArrowIcon__XKQ-5 {
|
|
668
|
+
--icon-size: fit-content;
|
|
669
|
+
}
|
|
670
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V .Tooltip-module_tailFill__1Iv5j {
|
|
671
|
+
--icon-fill: var(--tooltip-content-background, var(--surface-background-6));
|
|
672
|
+
z-index: 1;
|
|
673
|
+
}
|
|
674
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V .Tooltip-module_tailOutline__7l774 {
|
|
675
|
+
display: none;
|
|
676
|
+
}
|
|
677
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Top] .Tooltip-module_tooltipArrow__4y3Pi {
|
|
678
|
+
top: 100%;
|
|
679
|
+
left: 50%;
|
|
680
|
+
transform: translateX(-50%);
|
|
681
|
+
}
|
|
682
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Top] .Tooltip-module_tailOutline__7l774 {
|
|
683
|
+
--svg-stroke-width: calc(var(--tooltip-content-border-bottom-width, 2px) - 1);
|
|
684
|
+
}
|
|
685
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Bottom] .Tooltip-module_tooltipArrow__4y3Pi {
|
|
686
|
+
bottom: 100%;
|
|
687
|
+
left: 50%;
|
|
688
|
+
transform: translateX(-50%) rotate(180deg);
|
|
689
|
+
}
|
|
690
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Bottom] .Tooltip-module_tailOutline__7l774 {
|
|
691
|
+
--svg-stroke-width: calc(var(--tooltip-content-border-top-width, 2px) - 1);
|
|
692
|
+
opacity: clamp(0, 2px / 1px, 1);
|
|
693
|
+
opacity: clamp(0, var(--tooltip-content-border-top-width, 2px) / 1px, 1);
|
|
694
|
+
}
|
|
695
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Left] .Tooltip-module_tooltipArrow__4y3Pi {
|
|
696
|
+
width: -moz-max-content;
|
|
697
|
+
width: max-content;
|
|
698
|
+
right: -18px;
|
|
699
|
+
top: 50%;
|
|
700
|
+
transform: translateY(-50%) rotate(-90deg);
|
|
701
|
+
}
|
|
702
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Left] .Tooltip-module_tailOutline__7l774 {
|
|
703
|
+
--svg-stroke-width: calc(var(--tooltip-content-border-right-width, 2px) - 1);
|
|
704
|
+
opacity: clamp(0, 2px / 1px, 1);
|
|
705
|
+
opacity: clamp(0, var(--tooltip-content-border-right-width, 2px) / 1px, 1);
|
|
706
|
+
}
|
|
707
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Right] .Tooltip-module_tooltipArrow__4y3Pi {
|
|
708
|
+
width: -moz-max-content;
|
|
709
|
+
width: max-content;
|
|
710
|
+
left: -18px;
|
|
711
|
+
top: 50%;
|
|
712
|
+
transform: translateY(-50%) rotate(90deg);
|
|
713
|
+
}
|
|
714
|
+
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipContent__iio4V[data-direction=Right] .Tooltip-module_tailOutline__7l774 {
|
|
715
|
+
--svg-stroke-width: calc(var(--tooltip-content-border-left-width, 2px) - 1);
|
|
716
|
+
opacity: clamp(0, 2px / 1px, 1);
|
|
717
|
+
opacity: clamp(0, var(--tooltip-content-border-left-width, 2px) / 1px, 1);
|
|
718
|
+
}
|
|
719
|
+
.Tooltip-module_tooltipWrapper__wwgA3.Tooltip-module_outlined__EUk52 .Tooltip-module_tooltipContent__iio4V {
|
|
720
|
+
border-bottom-width: 2px;
|
|
721
|
+
border-bottom-width: var(--tooltip-content-border-bottom-width, 2px);
|
|
722
|
+
border-left-width: 2px;
|
|
723
|
+
border-left-width: var(--tooltip-content-border-left-width, 2px);
|
|
724
|
+
border-right-width: 2px;
|
|
725
|
+
border-right-width: var(--tooltip-content-border-right-width, 2px);
|
|
726
|
+
border-top-width: 2px;
|
|
727
|
+
border-top-width: var(--tooltip-content-border-top-width, 2px);
|
|
728
|
+
border-style: solid;
|
|
729
|
+
border-style: var(--tooltip-content-border-style, solid);
|
|
730
|
+
border-color: #4E5059;
|
|
731
|
+
border-color: var(--tooltip-content-border-color, #4E5059);
|
|
732
|
+
outline-width: var(--tooltip-content-outline-width);
|
|
733
|
+
outline-style: var(--tooltip-content-outline-style);
|
|
734
|
+
outline-color: var(--tooltip-content-outline-color);
|
|
735
|
+
}
|
|
736
|
+
.Tooltip-module_tooltipWrapper__wwgA3.Tooltip-module_outlined__EUk52 .Tooltip-module_tooltipContent__iio4V .Tooltip-module_tailOutline__7l774 {
|
|
737
|
+
--svg-stroke: var(--tooltip-content-border-color, #4E5059);
|
|
738
|
+
--icon-fill: var(--tooltip-content-border-color, #4E5059);
|
|
739
|
+
display: block;
|
|
740
|
+
position: absolute;
|
|
741
|
+
top: 0;
|
|
742
|
+
z-index: 2;
|
|
743
|
+
}
|
|
562
744
|
.CustomToggle-module_toggleWrapper__LDRQR {
|
|
563
745
|
display: flex;
|
|
564
746
|
position: relative;
|
|
@@ -624,7 +806,10 @@
|
|
|
624
806
|
border-top-width: var(--chip-border-top-width);
|
|
625
807
|
border-style: var(--chip-border-style);
|
|
626
808
|
border-color: var(--chip-border-color);
|
|
627
|
-
border-radius: var(--chip-border-radius);
|
|
809
|
+
border-top-left-radius: var(--chip-border-top-left-radius);
|
|
810
|
+
border-top-right-radius: var(--chip-border-top-right-radius);
|
|
811
|
+
border-bottom-left-radius: var(--chip-border-bottom-left-radius);
|
|
812
|
+
border-bottom-right-radius: var(--chip-border-bottom-right-radius);
|
|
628
813
|
background-color: var(--chip-background-color);
|
|
629
814
|
font-family: var(--chip-font-family);
|
|
630
815
|
font-size: var(--chip-font-size);
|
|
@@ -659,6 +844,12 @@
|
|
|
659
844
|
justify-content: flex-start;
|
|
660
845
|
gap: var(--checkbox-row-gap) var(--checkbox-column-gap);
|
|
661
846
|
cursor: pointer;
|
|
847
|
+
width: var(--checkbox-width);
|
|
848
|
+
height: var(--checkbox-height);
|
|
849
|
+
min-width: var(--checkbox-min-width);
|
|
850
|
+
min-height: var(--checkbox-min-height);
|
|
851
|
+
max-width: var(--checkbox-max-width);
|
|
852
|
+
max-height: var(--checkbox-max-height);
|
|
662
853
|
color: var(--checkbox-color);
|
|
663
854
|
font-family: var(--checkbox-font-family);
|
|
664
855
|
font-size: var(--checkbox-font-size);
|
|
@@ -765,6 +956,7 @@
|
|
|
765
956
|
min-height: var(--checkbox-item-min-height);
|
|
766
957
|
min-width: var(--checkbox-item-min-width);
|
|
767
958
|
cursor: pointer;
|
|
959
|
+
gap: var(--checkbox-item-row-gap) var(--checkbox-item-column-gap);
|
|
768
960
|
color: var(--checkbox-item-text-color);
|
|
769
961
|
font-family: var(--checkbox-item-font-family);
|
|
770
962
|
font-size: var(--checkbox-item-font-size);
|
|
@@ -799,6 +991,9 @@
|
|
|
799
991
|
.CheckboxItem-module_checkboxItem__x-Kh8 .CheckboxItem-module_rightButton__X9Le7:disabled {
|
|
800
992
|
opacity: 0.5;
|
|
801
993
|
}
|
|
994
|
+
.CheckboxItem-module_checkboxItem__x-Kh8 .CheckboxItem-module_checkbox__w9N6t {
|
|
995
|
+
--checkbox-width: 100% ;
|
|
996
|
+
}
|
|
802
997
|
.Slider-module_sliderContainer__WQ-Yb {
|
|
803
998
|
display: flex;
|
|
804
999
|
align-items: center;
|
|
@@ -1091,7 +1286,7 @@
|
|
|
1091
1286
|
padding-bottom: calc(var(--breadcrumbs-padding-bottom) - var(--breadcrumbs-border-bottom-width));
|
|
1092
1287
|
padding-left: calc(var(--breadcrumbs-padding-left) - var(--breadcrumbs-border-left-width));
|
|
1093
1288
|
padding-right: calc(var(--breadcrumbs-padding-right) - var(--breadcrumbs-border-right-width));
|
|
1094
|
-
gap: var(--breadcrumbs-gap);
|
|
1289
|
+
row-gap: var(--breadcrumbs-row-gap);
|
|
1095
1290
|
-moz-column-gap: var(--breadcrumbs-column-gap);
|
|
1096
1291
|
column-gap: var(--breadcrumbs-column-gap);
|
|
1097
1292
|
border-bottom-width: var(--breadcrumbs-border-bottom-width);
|
|
@@ -1375,13 +1570,59 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
|
|
|
1375
1570
|
color: var(--card-color);
|
|
1376
1571
|
}
|
|
1377
1572
|
.ContextMenu-module_contextMenu__i-w71 {
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1573
|
+
display: flex;
|
|
1574
|
+
flex-direction: column;
|
|
1575
|
+
align-items: flex-start;
|
|
1576
|
+
justify-content: flex-start;
|
|
1577
|
+
width: auto;
|
|
1578
|
+
width: var(--context-menu-width, auto);
|
|
1579
|
+
height: auto;
|
|
1580
|
+
height: var(--context-menu-height, auto);
|
|
1581
|
+
min-width: 0;
|
|
1582
|
+
min-width: initial;
|
|
1583
|
+
min-width: var(--context-menu-min-width, unset);
|
|
1584
|
+
min-height: 0;
|
|
1585
|
+
min-height: initial;
|
|
1586
|
+
min-height: var(--context-menu-min-height, unset);
|
|
1587
|
+
max-width: none;
|
|
1588
|
+
max-width: initial;
|
|
1589
|
+
max-width: var(--context-menu-max-width, unset);
|
|
1590
|
+
max-height: none;
|
|
1591
|
+
max-height: initial;
|
|
1592
|
+
max-height: var(--context-menu-max-height, unset);
|
|
1593
|
+
background-color: var(--context-menu-background-color, var(--surface-background-4));
|
|
1594
|
+
border-top-width: 1px;
|
|
1595
|
+
border-top-width: var(--context-menu-border-top-width, 1px);
|
|
1596
|
+
border-right-width: 1px;
|
|
1597
|
+
border-right-width: var(--context-menu-border-right-width, 1px);
|
|
1598
|
+
border-bottom-width: 1px;
|
|
1599
|
+
border-bottom-width: var(--context-menu-border-bottom-width, 1px);
|
|
1600
|
+
border-left-width: 1px;
|
|
1601
|
+
border-left-width: var(--context-menu-border-left-width, 1px);
|
|
1602
|
+
border-style: solid;
|
|
1603
|
+
border-style: var(--context-menu-border-style, solid);
|
|
1604
|
+
border-color: var(--context-menu-border-color, var(--border-border-grey-3));
|
|
1605
|
+
border-top-left-radius: 1px;
|
|
1606
|
+
border-top-left-radius: var(--context-menu-border-top-left-radius, 1px);
|
|
1607
|
+
border-top-right-radius: 1px;
|
|
1608
|
+
border-top-right-radius: var(--context-menu-border-top-right-radius, 1px);
|
|
1609
|
+
border-bottom-left-radius: 1px;
|
|
1610
|
+
border-bottom-left-radius: var(--context-menu-border-bottom-left-radius, 1px);
|
|
1611
|
+
border-bottom-right-radius: 1px;
|
|
1612
|
+
border-bottom-right-radius: var(--context-menu-border-bottom-right-radius, 1px);
|
|
1613
|
+
padding-top: 8px;
|
|
1614
|
+
padding-top: var(--context-menu-padding-top, 8px);
|
|
1615
|
+
padding-right: 8px;
|
|
1616
|
+
padding-right: var(--context-menu-padding-right, 8px);
|
|
1617
|
+
padding-bottom: 8px;
|
|
1618
|
+
padding-bottom: var(--context-menu-padding-bottom, 8px);
|
|
1619
|
+
padding-left: 8px;
|
|
1620
|
+
padding-left: var(--context-menu-padding-left, 8px);
|
|
1382
1621
|
}
|
|
1383
1622
|
.ContextMenu-module_contextMenu__i-w71 .ContextMenu-module_list__4P1Fc {
|
|
1384
1623
|
width: 100%;
|
|
1624
|
+
--list-row-gap: var(--context-menu-list-row-gap, 0px);
|
|
1625
|
+
--list-column-gap: var(--context-menu-list-column-gap, 0px);
|
|
1385
1626
|
}
|
|
1386
1627
|
.flatpickr-calendar {
|
|
1387
1628
|
background: transparent;
|
|
@@ -2967,10 +3208,7 @@ span.flatpickr-weekday {
|
|
|
2967
3208
|
.Pagination-module_pagination__VlN3G .Pagination-module_backButton__Aci5m {
|
|
2968
3209
|
display: flex;
|
|
2969
3210
|
flex-direction: row;
|
|
2970
|
-
--
|
|
2971
|
-
}
|
|
2972
|
-
.Pagination-module_pagination__VlN3G .Pagination-module_backButton__Aci5m:disabled {
|
|
2973
|
-
--icon__fill: var(--back-button-disabled-color);
|
|
3211
|
+
--icon-fill: var(--pagination-back-button-background-color);
|
|
2974
3212
|
}
|
|
2975
3213
|
.Pagination-module_pagination__VlN3G .Pagination-module_paginationValuesContainer__J47z1 {
|
|
2976
3214
|
display: flex;
|
|
@@ -2988,11 +3226,15 @@ span.flatpickr-weekday {
|
|
|
2988
3226
|
white-space: nowrap;
|
|
2989
3227
|
text-align: left;
|
|
2990
3228
|
display: block;
|
|
2991
|
-
color: var(--total-pages-color);
|
|
3229
|
+
color: var(--pagination-total-pages-color);
|
|
3230
|
+
font-size: var(--pagination-total-pages-font-size);
|
|
3231
|
+
font-weight: var(--pagination-total-pages-font-weight);
|
|
3232
|
+
line-height: var(--pagination-total-pages-line-height);
|
|
2992
3233
|
}
|
|
2993
3234
|
.Pagination-module_pagination__VlN3G .Pagination-module_forwardButton__L6rev {
|
|
2994
3235
|
display: flex;
|
|
2995
3236
|
flex-direction: row;
|
|
3237
|
+
--icon-fill: var(--pagination-forward-button-background-color);
|
|
2996
3238
|
}
|
|
2997
3239
|
.Popover-module_popover__iRoMJ {
|
|
2998
3240
|
--popover-gap: var(--spacing-extra-small);
|
|
@@ -3048,7 +3290,12 @@ span.flatpickr-weekday {
|
|
|
3048
3290
|
gap: var(--progress-bar-gap);
|
|
3049
3291
|
}
|
|
3050
3292
|
.ProgressBar-module_progressBar__FcALd .ProgressBar-module_progressIndicator__pxKOh {
|
|
3051
|
-
|
|
3293
|
+
height: 100%;
|
|
3294
|
+
background-color: var(--progress-bar-indicator-background-color, var(--interactive-surface-primary-default));
|
|
3295
|
+
border-top-left-radius: var(--progress-bar-indicator-border-top-left-radius);
|
|
3296
|
+
border-top-right-radius: var(--progress-bar-indicator-border-top-right-radius);
|
|
3297
|
+
border-bottom-right-radius: var(--progress-bar-indicator-border-bottom-right-radius);
|
|
3298
|
+
border-bottom-left-radius: var(--progress-bar-indicator-border-bottom-left-radius);
|
|
3052
3299
|
}
|
|
3053
3300
|
.ProgressBar-module_progressBar__FcALd .ProgressBar-module_label__A0KnD {
|
|
3054
3301
|
position: absolute;
|
|
@@ -3088,18 +3335,6 @@ span.flatpickr-weekday {
|
|
|
3088
3335
|
.ProgressBar-module_progressBar__FcALd.ProgressBar-module_Horizontal__K0u1- {
|
|
3089
3336
|
flex-direction: row;
|
|
3090
3337
|
}
|
|
3091
|
-
.ProgressBar-module_progressBar__FcALd.ProgressBar-module_Vertical__wS-gf {
|
|
3092
|
-
flex-direction: var(--progress-bar-flex-direction);
|
|
3093
|
-
height: 8rem;
|
|
3094
|
-
height: var(--progress-bar-height, 8rem);
|
|
3095
|
-
width: 1rem;
|
|
3096
|
-
width: var(--progress-bar-width, 1rem);
|
|
3097
|
-
}
|
|
3098
|
-
.ProgressBar-module_progressBar__FcALd.ProgressBar-module_Vertical__wS-gf .ProgressBar-module_label__A0KnD {
|
|
3099
|
-
top: 50%;
|
|
3100
|
-
left: 50%;
|
|
3101
|
-
transform: translate(-50%, -50%) rotate(var(--progress-bar-label-rotation));
|
|
3102
|
-
}
|
|
3103
3338
|
.Select-module_select__sbUrw {
|
|
3104
3339
|
width: auto;
|
|
3105
3340
|
height: -moz-fit-content;
|
|
@@ -14212,47 +14447,65 @@ span.flatpickr-weekday {
|
|
|
14212
14447
|
[data-theme="light"] [component-variant="modal-small"], [data-theme="dark"] [component-variant="modal-small"] {
|
|
14213
14448
|
--modal-width: 280px;
|
|
14214
14449
|
--modal-background-color: var(--surface-background-2);
|
|
14215
|
-
--modal-border-top-left-radius: var(--spacing-
|
|
14216
|
-
--modal-border-top-right-radius: var(--spacing-
|
|
14217
|
-
--modal-border-bottom-left-radius: var(--spacing-
|
|
14218
|
-
--modal-border-bottom-right-radius: var(--spacing-
|
|
14450
|
+
--modal-border-top-left-radius: var(--spacing-space-3);
|
|
14451
|
+
--modal-border-top-right-radius: var(--spacing-space-3);
|
|
14452
|
+
--modal-border-bottom-left-radius: var(--spacing-space-3);
|
|
14453
|
+
--modal-border-bottom-right-radius: var(--spacing-space-3);
|
|
14219
14454
|
--modal-outline-color: var(--border-border-grey-3);
|
|
14220
14455
|
--modal-outline-width: 1px;
|
|
14221
|
-
--modal-padding-left: var(--spacing-
|
|
14222
|
-
--modal-padding-right: var(--spacing-
|
|
14223
|
-
--modal-padding-top: var(--spacing-
|
|
14224
|
-
--modal-padding-bottom: var(--spacing-
|
|
14225
|
-
--modal-
|
|
14456
|
+
--modal-padding-left: var(--spacing-space-1);
|
|
14457
|
+
--modal-padding-right: var(--spacing-space-1);
|
|
14458
|
+
--modal-padding-top: var(--spacing-space-1);
|
|
14459
|
+
--modal-padding-bottom: var(--spacing-space-1);
|
|
14460
|
+
--modal-row-gap: var(--spacing-space-1);
|
|
14461
|
+
--modal-column-gap: var(--spacing-space-1);
|
|
14462
|
+
--modal-font-family: sans-sarif;
|
|
14463
|
+
--modal-font-size: initial;
|
|
14464
|
+
--modal-font-weight: regular;
|
|
14465
|
+
--modal-paragraph-spacing: 0px;
|
|
14466
|
+
--modal-paragraph-indent: 0px
|
|
14226
14467
|
}
|
|
14227
14468
|
[data-theme="light"] [component-variant="modal-medium"], [data-theme="dark"] [component-variant="modal-medium"] {
|
|
14228
14469
|
--modal-width: 472px;
|
|
14229
14470
|
--modal-background-color: var(--surface-background-2);
|
|
14230
|
-
--modal-border-top-left-radius: var(--spacing-
|
|
14231
|
-
--modal-border-top-right-radius: var(--spacing-
|
|
14232
|
-
--modal-border-bottom-left-radius: var(--spacing-
|
|
14233
|
-
--modal-border-bottom-right-radius: var(--spacing-
|
|
14471
|
+
--modal-border-top-left-radius: var(--spacing-space-3);
|
|
14472
|
+
--modal-border-top-right-radius: var(--spacing-space-3);
|
|
14473
|
+
--modal-border-bottom-left-radius: var(--spacing-space-3);
|
|
14474
|
+
--modal-border-bottom-right-radius: var(--spacing-space-3);
|
|
14234
14475
|
--modal-outline-color: var(--border-border-grey-3);
|
|
14235
14476
|
--modal-outline-width: 1px;
|
|
14236
|
-
--modal-padding-left: var(--spacing-
|
|
14237
|
-
--modal-padding-right: var(--spacing-
|
|
14238
|
-
--modal-padding-top: var(--spacing-
|
|
14239
|
-
--modal-padding-bottom: var(--spacing-
|
|
14240
|
-
--modal-
|
|
14477
|
+
--modal-padding-left: var(--spacing-space-1);
|
|
14478
|
+
--modal-padding-right: var(--spacing-space-1);
|
|
14479
|
+
--modal-padding-top: var(--spacing-space-1);
|
|
14480
|
+
--modal-padding-bottom: var(--spacing-space-1);
|
|
14481
|
+
--modal-row-gap: var(--spacing-space-1);
|
|
14482
|
+
--modal-column-gap: var(--spacing-space-1);
|
|
14483
|
+
--modal-font-family: sans-sarif;
|
|
14484
|
+
--modal-font-size: initial;
|
|
14485
|
+
--modal-font-weight: regular;
|
|
14486
|
+
--modal-paragraph-spacing: 0px;
|
|
14487
|
+
--modal-paragraph-indent: 0px
|
|
14241
14488
|
}
|
|
14242
14489
|
[data-theme="light"] [component-variant="modal-large"], [data-theme="dark"] [component-variant="modal-large"] {
|
|
14243
14490
|
--modal-width: 720px;
|
|
14244
14491
|
--modal-background-color: var(--surface-background-2);
|
|
14245
|
-
--modal-border-top-left-radius: var(--spacing-
|
|
14246
|
-
--modal-border-top-right-radius: var(--spacing-
|
|
14247
|
-
--modal-border-bottom-left-radius: var(--spacing-
|
|
14248
|
-
--modal-border-bottom-right-radius: var(--spacing-
|
|
14492
|
+
--modal-border-top-left-radius: var(--spacing-space-3);
|
|
14493
|
+
--modal-border-top-right-radius: var(--spacing-space-3);
|
|
14494
|
+
--modal-border-bottom-left-radius: var(--spacing-space-3);
|
|
14495
|
+
--modal-border-bottom-right-radius: var(--spacing-space-3);
|
|
14249
14496
|
--modal-outline-color: var(--border-border-grey-3);
|
|
14250
14497
|
--modal-outline-width: 1px;
|
|
14251
|
-
--modal-padding-left: var(--spacing-
|
|
14252
|
-
--modal-padding-right: var(--spacing-
|
|
14253
|
-
--modal-padding-top: var(--spacing-
|
|
14254
|
-
--modal-padding-bottom: var(--spacing-
|
|
14255
|
-
--modal-
|
|
14498
|
+
--modal-padding-left: var(--spacing-space-1);
|
|
14499
|
+
--modal-padding-right: var(--spacing-space-1);
|
|
14500
|
+
--modal-padding-top: var(--spacing-space-1);
|
|
14501
|
+
--modal-padding-bottom: var(--spacing-space-1);
|
|
14502
|
+
--modal-row-gap: var(--spacing-space-1);
|
|
14503
|
+
--modal-column-gap: var(--spacing-space-1);
|
|
14504
|
+
--modal-font-family: sans-sarif;
|
|
14505
|
+
--modal-font-size: initial;
|
|
14506
|
+
--modal-font-weight: regular;
|
|
14507
|
+
--modal-paragraph-spacing: 0px;
|
|
14508
|
+
--modal-paragraph-indent: 0px
|
|
14256
14509
|
}
|
|
14257
14510
|
[data-theme="light"] [component-variant^="popover-"], [data-theme="dark"] [component-variant^="popover-"] {
|
|
14258
14511
|
--popover-opacity: 1;
|
|
@@ -19487,7 +19740,7 @@ span.flatpickr-weekday {
|
|
|
19487
19740
|
--accordion-content-paragraph-spacing: 0px;
|
|
19488
19741
|
--accordion-content-paragraph-indent: 0px
|
|
19489
19742
|
}
|
|
19490
|
-
[data-theme='
|
|
19743
|
+
[data-theme='dark'] [component-variant^="custom-toggle-"], [data-theme='light'] [component-variant^="custom-toggle-"] {
|
|
19491
19744
|
--custom-toggle-opacity: 1;
|
|
19492
19745
|
--custom-toggle-height: auto;
|
|
19493
19746
|
--custom-toggle-min-height: auto;
|
|
@@ -19526,7 +19779,7 @@ span.flatpickr-weekday {
|
|
|
19526
19779
|
--custom-toggle-paragraph-spacing: ;
|
|
19527
19780
|
--custom-toggle-paragraph-indent:
|
|
19528
19781
|
}
|
|
19529
|
-
[data-theme='
|
|
19782
|
+
[data-theme='dark'] [component-variant="custom-toggle-unselected"], [data-theme='light'] [component-variant="custom-toggle-unselected"] {
|
|
19530
19783
|
--custom-toggle-font-family: var(--font-family-body);
|
|
19531
19784
|
--custom-toggle-font-size: var(--font-size-body-small);
|
|
19532
19785
|
--custom-toggle-font-weight: var(--font-weight-medium);
|
|
@@ -19534,7 +19787,7 @@ span.flatpickr-weekday {
|
|
|
19534
19787
|
--custom-toggle-paragraph-spacing: 0px;
|
|
19535
19788
|
--custom-toggle-paragraph-indent: 0px
|
|
19536
19789
|
}
|
|
19537
|
-
[data-theme='
|
|
19790
|
+
[data-theme='dark'] [component-variant="custom-toggle-selected"], [data-theme='light'] [component-variant="custom-toggle-selected"] {
|
|
19538
19791
|
--custom-toggle-font-family: var(--font-family-body);
|
|
19539
19792
|
--custom-toggle-font-size: var(--font-size-body-small);
|
|
19540
19793
|
--custom-toggle-font-weight: var(--font-weight-medium);
|
|
@@ -20751,6 +21004,1308 @@ span.flatpickr-weekday {
|
|
|
20751
21004
|
--radio-button-item-paragraph-spacing: 0px;
|
|
20752
21005
|
--radio-button-item-paragraph-indent: 0px
|
|
20753
21006
|
}
|
|
21007
|
+
[data-theme='dark'] [component-variant^="chip-input-"], [data-theme='light'] [component-variant^="chip-input-"] {
|
|
21008
|
+
--chip-input-opacity: 1;
|
|
21009
|
+
--chip-input-height: auto;
|
|
21010
|
+
--chip-input-min-height: auto;
|
|
21011
|
+
--chip-input-max-height: none;
|
|
21012
|
+
--chip-input-width: auto;
|
|
21013
|
+
--chip-input-min-width: auto;
|
|
21014
|
+
--chip-input-max-width: none;
|
|
21015
|
+
--chip-input-background-color: transparent;
|
|
21016
|
+
--chip-input-fill: currentcolor;
|
|
21017
|
+
--chip-input-border-top-left-radius: 0px;
|
|
21018
|
+
--chip-input-border-top-right-radius: 0px;
|
|
21019
|
+
--chip-input-border-bottom-left-radius: 0px;
|
|
21020
|
+
--chip-input-border-bottom-right-radius: 0px;
|
|
21021
|
+
--chip-input-border-color: transparent;
|
|
21022
|
+
--chip-input-border-style: solid;
|
|
21023
|
+
--chip-input-border-gap: normal;
|
|
21024
|
+
--chip-input-border-dash: none;
|
|
21025
|
+
--chip-input-border-top-width: 0px;
|
|
21026
|
+
--chip-input-border-right-width: 0px;
|
|
21027
|
+
--chip-input-border-bottom-width: 0px;
|
|
21028
|
+
--chip-input-border-left-width: 0px;
|
|
21029
|
+
--chip-input-outline-color: auto;
|
|
21030
|
+
--chip-input-outline-style: solid;
|
|
21031
|
+
--chip-input-outline-width: 0px;
|
|
21032
|
+
--chip-input-padding-left: 0px;
|
|
21033
|
+
--chip-input-padding-right: 0px;
|
|
21034
|
+
--chip-input-padding-top: 0px;
|
|
21035
|
+
--chip-input-padding-bottom: 0px;
|
|
21036
|
+
--chip-input-row-gap: 0px;
|
|
21037
|
+
--chip-input-column-gap: 0px;
|
|
21038
|
+
--chip-input-font-family: sans-serif;
|
|
21039
|
+
--chip-input-font-size: medium;
|
|
21040
|
+
--chip-input-color: currentcolor;
|
|
21041
|
+
--chip-input-letter-spacing: normal;
|
|
21042
|
+
--chip-input-line-height: normal;
|
|
21043
|
+
--chip-input-paragraph-spacing: ;
|
|
21044
|
+
--chip-input-paragraph-indent:
|
|
21045
|
+
}
|
|
21046
|
+
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
|
|
21047
|
+
--chip-input-width: 419px;
|
|
21048
|
+
--chip-input-background-color: var(--interactive-surface-secondary-default);
|
|
21049
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21050
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21051
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21052
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21053
|
+
--chip-input-border-color: var(--border-border-grey-3);
|
|
21054
|
+
--chip-input-border-top-width: 1px;
|
|
21055
|
+
--chip-input-border-right-width: 1px;
|
|
21056
|
+
--chip-input-border-bottom-width: 1px;
|
|
21057
|
+
--chip-input-border-left-width: 1px;
|
|
21058
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21059
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21060
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21061
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21062
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21063
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21064
|
+
--chip-input-font-family: sans-sarif;
|
|
21065
|
+
--chip-input-font-size: initial;
|
|
21066
|
+
--chip-input-font-weight: regular;
|
|
21067
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21068
|
+
--chip-input-paragraph-indent: 0px
|
|
21069
|
+
}
|
|
21070
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
|
|
21071
|
+
--chip-input-width: 419px;
|
|
21072
|
+
--chip-input-background-color: var(--interactive-surface-secondary-default);
|
|
21073
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21074
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21075
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21076
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21077
|
+
--chip-input-border-color: var(--border-border-grey-3);
|
|
21078
|
+
--chip-input-border-top-width: 1px;
|
|
21079
|
+
--chip-input-border-right-width: 1px;
|
|
21080
|
+
--chip-input-border-bottom-width: 1px;
|
|
21081
|
+
--chip-input-border-left-width: 1px;
|
|
21082
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21083
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21084
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21085
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21086
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21087
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21088
|
+
--chip-input-font-family: sans-sarif;
|
|
21089
|
+
--chip-input-font-size: initial;
|
|
21090
|
+
--chip-input-font-weight: regular;
|
|
21091
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21092
|
+
--chip-input-paragraph-indent: 0px
|
|
21093
|
+
}
|
|
21094
|
+
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
|
|
21095
|
+
--chip-input-width: 419px;
|
|
21096
|
+
--chip-input-background-color: var(--interactive-surface-secondary-default);
|
|
21097
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21098
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21099
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21100
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21101
|
+
--chip-input-border-color: var(--border-border-grey-3);
|
|
21102
|
+
--chip-input-border-top-width: 1px;
|
|
21103
|
+
--chip-input-border-right-width: 1px;
|
|
21104
|
+
--chip-input-border-bottom-width: 1px;
|
|
21105
|
+
--chip-input-border-left-width: 1px;
|
|
21106
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21107
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21108
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21109
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21110
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21111
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21112
|
+
--chip-input-font-family: sans-sarif;
|
|
21113
|
+
--chip-input-font-size: initial;
|
|
21114
|
+
--chip-input-font-weight: regular;
|
|
21115
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21116
|
+
--chip-input-paragraph-indent: 0px
|
|
21117
|
+
}
|
|
21118
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
|
|
21119
|
+
--chip-input-width: 419px;
|
|
21120
|
+
--chip-input-background-color: var(--interactive-surface-secondary-default);
|
|
21121
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21122
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21123
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21124
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21125
|
+
--chip-input-border-color: var(--border-primary);
|
|
21126
|
+
--chip-input-border-top-width: 1px;
|
|
21127
|
+
--chip-input-border-right-width: 1px;
|
|
21128
|
+
--chip-input-border-bottom-width: 1px;
|
|
21129
|
+
--chip-input-border-left-width: 1px;
|
|
21130
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21131
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21132
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21133
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21134
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21135
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21136
|
+
--chip-input-font-family: sans-sarif;
|
|
21137
|
+
--chip-input-font-size: initial;
|
|
21138
|
+
--chip-input-font-weight: regular;
|
|
21139
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21140
|
+
--chip-input-paragraph-indent: 0px
|
|
21141
|
+
}
|
|
21142
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21143
|
+
--chip-input-width: 419px;
|
|
21144
|
+
--chip-input-background-color: var(--interactive-surface-secondary-default);
|
|
21145
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21146
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21147
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21148
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21149
|
+
--chip-input-border-color: var(--border-border-grey-1);
|
|
21150
|
+
--chip-input-border-top-width: 1px;
|
|
21151
|
+
--chip-input-border-right-width: 1px;
|
|
21152
|
+
--chip-input-border-bottom-width: 1px;
|
|
21153
|
+
--chip-input-border-left-width: 1px;
|
|
21154
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21155
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21156
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21157
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21158
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21159
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21160
|
+
--chip-input-font-family: sans-sarif;
|
|
21161
|
+
--chip-input-font-size: initial;
|
|
21162
|
+
--chip-input-font-weight: regular;
|
|
21163
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21164
|
+
--chip-input-paragraph-indent: 0px
|
|
21165
|
+
}
|
|
21166
|
+
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
|
|
21167
|
+
--chip-input-width: 419px;
|
|
21168
|
+
--chip-input-background-color: var(--interactive-surface-secondary-default);
|
|
21169
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21170
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21171
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21172
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21173
|
+
--chip-input-border-color: var(--border-destructive);
|
|
21174
|
+
--chip-input-border-top-width: 1px;
|
|
21175
|
+
--chip-input-border-right-width: 1px;
|
|
21176
|
+
--chip-input-border-bottom-width: 1px;
|
|
21177
|
+
--chip-input-border-left-width: 1px;
|
|
21178
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21179
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21180
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21181
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21182
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21183
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21184
|
+
--chip-input-font-family: sans-sarif;
|
|
21185
|
+
--chip-input-font-size: initial;
|
|
21186
|
+
--chip-input-font-weight: regular;
|
|
21187
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21188
|
+
--chip-input-paragraph-indent: 0px
|
|
21189
|
+
}
|
|
21190
|
+
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
|
|
21191
|
+
[data-theme='light'] [component-variant="chip-input-default"][disabled],
|
|
21192
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
|
|
21193
|
+
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
|
|
21194
|
+
--chip-input-width: 419px;
|
|
21195
|
+
--chip-input-background-color: var(--interactive-surface-secondary-disabled);
|
|
21196
|
+
--chip-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21197
|
+
--chip-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21198
|
+
--chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21199
|
+
--chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21200
|
+
--chip-input-border-color: var(--border-border-grey-2);
|
|
21201
|
+
--chip-input-border-top-width: 1px;
|
|
21202
|
+
--chip-input-border-right-width: 1px;
|
|
21203
|
+
--chip-input-border-bottom-width: 1px;
|
|
21204
|
+
--chip-input-border-left-width: 1px;
|
|
21205
|
+
--chip-input-padding-left: var(--spacing-space-3);
|
|
21206
|
+
--chip-input-padding-right: var(--spacing-space-3);
|
|
21207
|
+
--chip-input-padding-top: var(--spacing-space-3);
|
|
21208
|
+
--chip-input-padding-bottom: var(--spacing-space-3);
|
|
21209
|
+
--chip-input-row-gap: var(--spacing-space-5);
|
|
21210
|
+
--chip-input-column-gap: var(--spacing-space-5);
|
|
21211
|
+
--chip-input-font-family: sans-sarif;
|
|
21212
|
+
--chip-input-font-size: initial;
|
|
21213
|
+
--chip-input-font-weight: regular;
|
|
21214
|
+
--chip-input-paragraph-spacing: 0px;
|
|
21215
|
+
--chip-input-paragraph-indent: 0px
|
|
21216
|
+
}
|
|
21217
|
+
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
|
|
21218
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21219
|
+
}
|
|
21220
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
|
|
21221
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21222
|
+
}
|
|
21223
|
+
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
|
|
21224
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21225
|
+
}
|
|
21226
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
|
|
21227
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21228
|
+
}
|
|
21229
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21230
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21231
|
+
}
|
|
21232
|
+
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
|
|
21233
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21234
|
+
}
|
|
21235
|
+
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
|
|
21236
|
+
[data-theme='light'] [component-variant="chip-input-default"][disabled],
|
|
21237
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
|
|
21238
|
+
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
|
|
21239
|
+
--chip-input-chip-list-row-gap: 8px
|
|
21240
|
+
}
|
|
21241
|
+
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
|
|
21242
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21243
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21244
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21245
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21246
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21247
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21248
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21249
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21250
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21251
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21252
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21253
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21254
|
+
--chip-input-chip-item-font-size: initial;
|
|
21255
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21256
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21257
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21258
|
+
}
|
|
21259
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
|
|
21260
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21261
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21262
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21263
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21264
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21265
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21266
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21267
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21268
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21269
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21270
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21271
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21272
|
+
--chip-input-chip-item-font-size: initial;
|
|
21273
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21274
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21275
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21276
|
+
}
|
|
21277
|
+
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
|
|
21278
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21279
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21280
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21281
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21282
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21283
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21284
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21285
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21286
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21287
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21288
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21289
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21290
|
+
--chip-input-chip-item-font-size: initial;
|
|
21291
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21292
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21293
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21294
|
+
}
|
|
21295
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
|
|
21296
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21297
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21298
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21299
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21300
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21301
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21302
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21303
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21304
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21305
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21306
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21307
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21308
|
+
--chip-input-chip-item-font-size: initial;
|
|
21309
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21310
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21311
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21312
|
+
}
|
|
21313
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21314
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21315
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21316
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21317
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21318
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21319
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21320
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21321
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21322
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21323
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21324
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21325
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21326
|
+
--chip-input-chip-item-font-size: initial;
|
|
21327
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21328
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21329
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21330
|
+
}
|
|
21331
|
+
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
|
|
21332
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21333
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21334
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21335
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21336
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21337
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21338
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21339
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21340
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21341
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21342
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21343
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21344
|
+
--chip-input-chip-item-font-size: initial;
|
|
21345
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21346
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21347
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21348
|
+
}
|
|
21349
|
+
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
|
|
21350
|
+
[data-theme='light'] [component-variant="chip-input-default"][disabled],
|
|
21351
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
|
|
21352
|
+
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
|
|
21353
|
+
--chip-input-chip-item-background-color: var(--surface-background-6);
|
|
21354
|
+
--chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
|
|
21355
|
+
--chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
|
|
21356
|
+
--chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
|
|
21357
|
+
--chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
|
|
21358
|
+
--chip-input-chip-item-padding-left: var(--spacing-space-2);
|
|
21359
|
+
--chip-input-chip-item-padding-right: var(--spacing-space-2);
|
|
21360
|
+
--chip-input-chip-item-padding-top: var(--spacing-space-1);
|
|
21361
|
+
--chip-input-chip-item-padding-bottom: var(--spacing-space-1);
|
|
21362
|
+
--chip-input-chip-item-row-gap: var(--numbers-size-1);
|
|
21363
|
+
--chip-input-chip-item-column-gap: var(--numbers-size-1);
|
|
21364
|
+
--chip-input-chip-item-font-family: sans-sarif;
|
|
21365
|
+
--chip-input-chip-item-font-size: initial;
|
|
21366
|
+
--chip-input-chip-item-font-weight: regular;
|
|
21367
|
+
--chip-input-chip-item-paragraph-spacing: 0px;
|
|
21368
|
+
--chip-input-chip-item-paragraph-indent: 0px
|
|
21369
|
+
}
|
|
21370
|
+
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
|
|
21371
|
+
--chip-input-context-menu-width: 100%;
|
|
21372
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21373
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21374
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21375
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21376
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21377
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21378
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21379
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21380
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21381
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21382
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21383
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21384
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21385
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21386
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21387
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21388
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21389
|
+
--chip-input-context-menu-font-size: initial;
|
|
21390
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21391
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21392
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21393
|
+
}
|
|
21394
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
|
|
21395
|
+
--chip-input-context-menu-width: 100%;
|
|
21396
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21397
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21398
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21399
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21400
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21401
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21402
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21403
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21404
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21405
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21406
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21407
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21408
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21409
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21410
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21411
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21412
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21413
|
+
--chip-input-context-menu-font-size: initial;
|
|
21414
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21415
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21416
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21417
|
+
}
|
|
21418
|
+
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
|
|
21419
|
+
--chip-input-context-menu-width: 100%;
|
|
21420
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21421
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21422
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21423
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21424
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21425
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21426
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21427
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21428
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21429
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21430
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21431
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21432
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21433
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21434
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21435
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21436
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21437
|
+
--chip-input-context-menu-font-size: initial;
|
|
21438
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21439
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21440
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21441
|
+
}
|
|
21442
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
|
|
21443
|
+
--chip-input-context-menu-width: 100%;
|
|
21444
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21445
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21446
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21447
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21448
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21449
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21450
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21451
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21452
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21453
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21454
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21455
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21456
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21457
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21458
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21459
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21460
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21461
|
+
--chip-input-context-menu-font-size: initial;
|
|
21462
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21463
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21464
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21465
|
+
}
|
|
21466
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21467
|
+
--chip-input-context-menu-width: 100%;
|
|
21468
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21469
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21470
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21471
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21472
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21473
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21474
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21475
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21476
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21477
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21478
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21479
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21480
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21481
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21482
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21483
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21484
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21485
|
+
--chip-input-context-menu-font-size: initial;
|
|
21486
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21487
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21488
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21489
|
+
}
|
|
21490
|
+
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
|
|
21491
|
+
--chip-input-context-menu-width: 100%;
|
|
21492
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21493
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21494
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21495
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21496
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21497
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21498
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21499
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21500
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21501
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21502
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21503
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21504
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21505
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21506
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21507
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21508
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21509
|
+
--chip-input-context-menu-font-size: initial;
|
|
21510
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21511
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21512
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21513
|
+
}
|
|
21514
|
+
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
|
|
21515
|
+
[data-theme='light'] [component-variant="chip-input-default"][disabled],
|
|
21516
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
|
|
21517
|
+
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
|
|
21518
|
+
--chip-input-context-menu-width: 100%;
|
|
21519
|
+
--chip-input-context-menu-background-color: var(--surface-background-4);
|
|
21520
|
+
--chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
|
|
21521
|
+
--chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
|
|
21522
|
+
--chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
21523
|
+
--chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
21524
|
+
--chip-input-context-menu-border-color: var(--border-border-grey-3);
|
|
21525
|
+
--chip-input-context-menu-border-top-width: 1px;
|
|
21526
|
+
--chip-input-context-menu-border-right-width: 1px;
|
|
21527
|
+
--chip-input-context-menu-border-bottom-width: 1px;
|
|
21528
|
+
--chip-input-context-menu-border-left-width: 1px;
|
|
21529
|
+
--chip-input-context-menu-padding-left: var(--spacing-space-5);
|
|
21530
|
+
--chip-input-context-menu-padding-right: var(--spacing-space-5);
|
|
21531
|
+
--chip-input-context-menu-padding-top: var(--spacing-space-5);
|
|
21532
|
+
--chip-input-context-menu-padding-bottom: var(--spacing-space-5);
|
|
21533
|
+
--chip-input-context-menu-row-gap: var(--spacing-space-3);
|
|
21534
|
+
--chip-input-context-menu-column-gap: var(--spacing-space-3);
|
|
21535
|
+
--chip-input-context-menu-font-family: sans-sarif;
|
|
21536
|
+
--chip-input-context-menu-font-size: initial;
|
|
21537
|
+
--chip-input-context-menu-font-weight: regular;
|
|
21538
|
+
--chip-input-context-menu-paragraph-spacing: 0px;
|
|
21539
|
+
--chip-input-context-menu-paragraph-indent: 0px
|
|
21540
|
+
}
|
|
21541
|
+
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
|
|
21542
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21543
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21544
|
+
}
|
|
21545
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
|
|
21546
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21547
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21548
|
+
}
|
|
21549
|
+
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
|
|
21550
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21551
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21552
|
+
}
|
|
21553
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
|
|
21554
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21555
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21556
|
+
}
|
|
21557
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21558
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21559
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21560
|
+
}
|
|
21561
|
+
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
|
|
21562
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21563
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21564
|
+
}
|
|
21565
|
+
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
|
|
21566
|
+
[data-theme='light'] [component-variant="chip-input-default"][disabled],
|
|
21567
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
|
|
21568
|
+
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
|
|
21569
|
+
--chip-input-context-menu-list-row-gap: var(--spacing-space-3);
|
|
21570
|
+
--chip-input-context-menu-list-column-gap: var(--spacing-space-3)
|
|
21571
|
+
}
|
|
21572
|
+
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
|
|
21573
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21574
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21575
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21576
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21577
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21578
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21579
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21580
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21581
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21582
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21583
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21584
|
+
}
|
|
21585
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
|
|
21586
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21587
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21588
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21589
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21590
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21591
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21592
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21593
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21594
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21595
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21596
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21597
|
+
}
|
|
21598
|
+
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
|
|
21599
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21600
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21601
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21602
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21603
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21604
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21605
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21606
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21607
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21608
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21609
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21610
|
+
}
|
|
21611
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
|
|
21612
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21613
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21614
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21615
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21616
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21617
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21618
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21619
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21620
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21621
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21622
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21623
|
+
}
|
|
21624
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21625
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21626
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21627
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21628
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21629
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21630
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21631
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21632
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21633
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21634
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21635
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21636
|
+
}
|
|
21637
|
+
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
|
|
21638
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21639
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21640
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21641
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21642
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21643
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21644
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21645
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21646
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21647
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21648
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21649
|
+
}
|
|
21650
|
+
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
|
|
21651
|
+
[data-theme='light'] [component-variant="chip-input-default"][disabled],
|
|
21652
|
+
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
|
|
21653
|
+
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
|
|
21654
|
+
--chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
|
|
21655
|
+
--chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
|
|
21656
|
+
--chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
|
|
21657
|
+
--chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
|
|
21658
|
+
--chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
|
|
21659
|
+
--chip-input-checkbox-item-padding-left: var(--spacing-space-5);
|
|
21660
|
+
--chip-input-checkbox-item-padding-right: var(--spacing-space-5);
|
|
21661
|
+
--chip-input-checkbox-item-padding-top: var(--spacing-space-5);
|
|
21662
|
+
--chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
|
|
21663
|
+
--chip-input-checkbox-item-row-gap: var(--spacing-space-5);
|
|
21664
|
+
--chip-input-checkbox-item-column-gap: var(--spacing-space-5)
|
|
21665
|
+
}
|
|
21666
|
+
[data-theme='dark'] [component-variant^="breadcrumbs-"], [data-theme='light'] [component-variant^="breadcrumbs-"] {
|
|
21667
|
+
--breadcrumbs-opacity: 1;
|
|
21668
|
+
--breadcrumbs-height: auto;
|
|
21669
|
+
--breadcrumbs-min-height: auto;
|
|
21670
|
+
--breadcrumbs-max-height: none;
|
|
21671
|
+
--breadcrumbs-width: auto;
|
|
21672
|
+
--breadcrumbs-min-width: auto;
|
|
21673
|
+
--breadcrumbs-max-width: none;
|
|
21674
|
+
--breadcrumbs-background-color: transparent;
|
|
21675
|
+
--breadcrumbs-fill: currentcolor;
|
|
21676
|
+
--breadcrumbs-border-top-left-radius: 0px;
|
|
21677
|
+
--breadcrumbs-border-top-right-radius: 0px;
|
|
21678
|
+
--breadcrumbs-border-bottom-left-radius: 0px;
|
|
21679
|
+
--breadcrumbs-border-bottom-right-radius: 0px;
|
|
21680
|
+
--breadcrumbs-border-color: transparent;
|
|
21681
|
+
--breadcrumbs-border-style: solid;
|
|
21682
|
+
--breadcrumbs-border-gap: normal;
|
|
21683
|
+
--breadcrumbs-border-dash: none;
|
|
21684
|
+
--breadcrumbs-border-top-width: 0px;
|
|
21685
|
+
--breadcrumbs-border-right-width: 0px;
|
|
21686
|
+
--breadcrumbs-border-bottom-width: 0px;
|
|
21687
|
+
--breadcrumbs-border-left-width: 0px;
|
|
21688
|
+
--breadcrumbs-outline-color: auto;
|
|
21689
|
+
--breadcrumbs-outline-style: solid;
|
|
21690
|
+
--breadcrumbs-outline-width: 0px;
|
|
21691
|
+
--breadcrumbs-padding-left: 0px;
|
|
21692
|
+
--breadcrumbs-padding-right: 0px;
|
|
21693
|
+
--breadcrumbs-padding-top: 0px;
|
|
21694
|
+
--breadcrumbs-padding-bottom: 0px;
|
|
21695
|
+
--breadcrumbs-row-gap: 0px;
|
|
21696
|
+
--breadcrumbs-column-gap: 0px;
|
|
21697
|
+
--breadcrumbs-font-family: sans-serif;
|
|
21698
|
+
--breadcrumbs-font-size: medium;
|
|
21699
|
+
--breadcrumbs-color: currentcolor;
|
|
21700
|
+
--breadcrumbs-letter-spacing: normal;
|
|
21701
|
+
--breadcrumbs-line-height: normal;
|
|
21702
|
+
--breadcrumbs-paragraph-spacing: ;
|
|
21703
|
+
--breadcrumbs-paragraph-indent:
|
|
21704
|
+
}
|
|
21705
|
+
[data-theme='dark'] [component-variant="breadcrumbs-default"], [data-theme='light'] [component-variant="breadcrumbs-default"] {
|
|
21706
|
+
--breadcrumbs-color: var(--text-secondary);
|
|
21707
|
+
--breadcrumbs-font-family: var(--font-family-body);
|
|
21708
|
+
--breadcrumbs-font-size: var(--font-size-body-medium);
|
|
21709
|
+
--breadcrumbs-font-weight: var(--font-weight-regular);
|
|
21710
|
+
--breadcrumbs-line-height: var(--line-height-body-medium);
|
|
21711
|
+
--breadcrumbs-paragraph-spacing: 0px;
|
|
21712
|
+
--breadcrumbs-paragraph-indent: 0px
|
|
21713
|
+
}
|
|
21714
|
+
[data-theme='dark'] [component-variant^="breadcrumb-"], [data-theme='light'] [component-variant^="breadcrumb-"] {
|
|
21715
|
+
--breadcrumb-opacity: 1;
|
|
21716
|
+
--breadcrumb-height: auto;
|
|
21717
|
+
--breadcrumb-min-height: auto;
|
|
21718
|
+
--breadcrumb-max-height: none;
|
|
21719
|
+
--breadcrumb-width: auto;
|
|
21720
|
+
--breadcrumb-min-width: auto;
|
|
21721
|
+
--breadcrumb-max-width: none;
|
|
21722
|
+
--breadcrumb-background-color: transparent;
|
|
21723
|
+
--breadcrumb-fill: currentcolor;
|
|
21724
|
+
--breadcrumb-border-top-left-radius: 0px;
|
|
21725
|
+
--breadcrumb-border-top-right-radius: 0px;
|
|
21726
|
+
--breadcrumb-border-bottom-left-radius: 0px;
|
|
21727
|
+
--breadcrumb-border-bottom-right-radius: 0px;
|
|
21728
|
+
--breadcrumb-border-color: transparent;
|
|
21729
|
+
--breadcrumb-border-style: solid;
|
|
21730
|
+
--breadcrumb-border-gap: normal;
|
|
21731
|
+
--breadcrumb-border-dash: none;
|
|
21732
|
+
--breadcrumb-border-top-width: 0px;
|
|
21733
|
+
--breadcrumb-border-right-width: 0px;
|
|
21734
|
+
--breadcrumb-border-bottom-width: 0px;
|
|
21735
|
+
--breadcrumb-border-left-width: 0px;
|
|
21736
|
+
--breadcrumb-outline-color: auto;
|
|
21737
|
+
--breadcrumb-outline-style: solid;
|
|
21738
|
+
--breadcrumb-outline-width: 0px;
|
|
21739
|
+
--breadcrumb-padding-left: 0px;
|
|
21740
|
+
--breadcrumb-padding-right: 0px;
|
|
21741
|
+
--breadcrumb-padding-top: 0px;
|
|
21742
|
+
--breadcrumb-padding-bottom: 0px;
|
|
21743
|
+
--breadcrumb-row-gap: 0px;
|
|
21744
|
+
--breadcrumb-column-gap: 0px;
|
|
21745
|
+
--breadcrumb-font-family: sans-serif;
|
|
21746
|
+
--breadcrumb-font-size: medium;
|
|
21747
|
+
--breadcrumb-color: currentcolor;
|
|
21748
|
+
--breadcrumb-letter-spacing: normal;
|
|
21749
|
+
--breadcrumb-line-height: normal;
|
|
21750
|
+
--breadcrumb-paragraph-spacing: ;
|
|
21751
|
+
--breadcrumb-paragraph-indent:
|
|
21752
|
+
}
|
|
21753
|
+
[data-theme='dark'] [component-variant="breadcrumb-unselected"], [data-theme='light'] [component-variant="breadcrumb-unselected"] {
|
|
21754
|
+
--breadcrumb-height: 24px;
|
|
21755
|
+
--breadcrumb-color: var(--text-secondary);
|
|
21756
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21757
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21758
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21759
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21760
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21761
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21762
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21763
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21764
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21765
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21766
|
+
--breadcrumb-font-weight: var(--font-weight-regular);
|
|
21767
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21768
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21769
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21770
|
+
}
|
|
21771
|
+
[data-theme='dark'] [component-variant="breadcrumb-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:hover:not(:disabled):not([disabled]) {
|
|
21772
|
+
--breadcrumb-height: 24px;
|
|
21773
|
+
--breadcrumb-color: var(--text-secondary);
|
|
21774
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21775
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21776
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21777
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21778
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21779
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21780
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21781
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21782
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21783
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21784
|
+
--breadcrumb-font-weight: var(--font-weight-regular);
|
|
21785
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21786
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21787
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21788
|
+
}
|
|
21789
|
+
[data-theme='dark'] [component-variant="breadcrumb-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:active:not(:disabled):not([disabled]) {
|
|
21790
|
+
--breadcrumb-height: 24px;
|
|
21791
|
+
--breadcrumb-color: var(--text-secondary);
|
|
21792
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21793
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21794
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21795
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21796
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21797
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21798
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21799
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21800
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21801
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21802
|
+
--breadcrumb-font-weight: var(--font-weight-regular);
|
|
21803
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21804
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21805
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21806
|
+
}
|
|
21807
|
+
[data-theme='dark'] [component-variant="breadcrumb-unselected"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21808
|
+
--breadcrumb-height: 24px;
|
|
21809
|
+
--breadcrumb-color: var(--text-secondary);
|
|
21810
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21811
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21812
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21813
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21814
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21815
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21816
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21817
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21818
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21819
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21820
|
+
--breadcrumb-font-weight: var(--font-weight-regular);
|
|
21821
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21822
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21823
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21824
|
+
}
|
|
21825
|
+
[data-theme='dark'] [component-variant="breadcrumb-unselected"][disabled],
|
|
21826
|
+
[data-theme='light'] [component-variant="breadcrumb-unselected"][disabled],
|
|
21827
|
+
[data-theme='dark'] [component-variant="breadcrumb-unselected"]:disabled,
|
|
21828
|
+
[data-theme='light'] [component-variant="breadcrumb-unselected"]:disabled {
|
|
21829
|
+
--breadcrumb-height: 24px;
|
|
21830
|
+
--breadcrumb-color: var(--text-tertiary);
|
|
21831
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21832
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21833
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21834
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21835
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21836
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21837
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21838
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21839
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21840
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21841
|
+
--breadcrumb-font-weight: var(--font-weight-regular);
|
|
21842
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21843
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21844
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21845
|
+
}
|
|
21846
|
+
[data-theme='dark'] [component-variant="breadcrumb-selected"], [data-theme='light'] [component-variant="breadcrumb-selected"] {
|
|
21847
|
+
--breadcrumb-height: 24px;
|
|
21848
|
+
--breadcrumb-color: var(--text-primary);
|
|
21849
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21850
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21851
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21852
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21853
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21854
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21855
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21856
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21857
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21858
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21859
|
+
--breadcrumb-font-weight: var(--font-weight-semibold);
|
|
21860
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21861
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21862
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21863
|
+
}
|
|
21864
|
+
[data-theme='dark'] [component-variant="breadcrumb-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:hover:not(:disabled):not([disabled]) {
|
|
21865
|
+
--breadcrumb-height: 24px;
|
|
21866
|
+
--breadcrumb-color: var(--text-primary);
|
|
21867
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21868
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21869
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21870
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21871
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21872
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21873
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21874
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21875
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21876
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21877
|
+
--breadcrumb-font-weight: var(--font-weight-semibold);
|
|
21878
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21879
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21880
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21881
|
+
}
|
|
21882
|
+
[data-theme='dark'] [component-variant="breadcrumb-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:active:not(:disabled):not([disabled]) {
|
|
21883
|
+
--breadcrumb-height: 24px;
|
|
21884
|
+
--breadcrumb-color: var(--text-primary);
|
|
21885
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21886
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21887
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21888
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21889
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21890
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21891
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21892
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21893
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21894
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21895
|
+
--breadcrumb-font-weight: var(--font-weight-semibold);
|
|
21896
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21897
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21898
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21899
|
+
}
|
|
21900
|
+
[data-theme='dark'] [component-variant="breadcrumb-selected"]:focus-within:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:focus-within:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:focus-visible:not(:disabled):not([disabled]) {
|
|
21901
|
+
--breadcrumb-height: 24px;
|
|
21902
|
+
--breadcrumb-color: var(--text-primary);
|
|
21903
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21904
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21905
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21906
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21907
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21908
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21909
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21910
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21911
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21912
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21913
|
+
--breadcrumb-font-weight: var(--font-weight-semibold);
|
|
21914
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21915
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21916
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21917
|
+
}
|
|
21918
|
+
[data-theme='dark'] [component-variant="breadcrumb-selected"][disabled],
|
|
21919
|
+
[data-theme='light'] [component-variant="breadcrumb-selected"][disabled],
|
|
21920
|
+
[data-theme='dark'] [component-variant="breadcrumb-selected"]:disabled,
|
|
21921
|
+
[data-theme='light'] [component-variant="breadcrumb-selected"]:disabled {
|
|
21922
|
+
--breadcrumb-height: 24px;
|
|
21923
|
+
--breadcrumb-color: var(--text-tertiary);
|
|
21924
|
+
--breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
21925
|
+
--breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
21926
|
+
--breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
21927
|
+
--breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
21928
|
+
--breadcrumb-padding-left: var(--spacing-space-3);
|
|
21929
|
+
--breadcrumb-padding-right: var(--spacing-space-3);
|
|
21930
|
+
--breadcrumb-row-gap: var(--spacing-space-5);
|
|
21931
|
+
--breadcrumb-column-gap: var(--spacing-space-5);
|
|
21932
|
+
--breadcrumb-font-family: var(--font-family-body);
|
|
21933
|
+
--breadcrumb-font-size: var(--font-size-body-medium);
|
|
21934
|
+
--breadcrumb-font-weight: var(--font-weight-semibold);
|
|
21935
|
+
--breadcrumb-line-height: var(--line-height-body-medium);
|
|
21936
|
+
--breadcrumb-paragraph-spacing: 0px;
|
|
21937
|
+
--breadcrumb-paragraph-indent: 0px
|
|
21938
|
+
}
|
|
21939
|
+
[data-theme='dark'] [component-variant^="progress-bar-"], [data-theme='light'] [component-variant^="progress-bar-"] {
|
|
21940
|
+
--progress-bar-opacity: 1;
|
|
21941
|
+
--progress-bar-height: auto;
|
|
21942
|
+
--progress-bar-min-height: auto;
|
|
21943
|
+
--progress-bar-max-height: none;
|
|
21944
|
+
--progress-bar-width: auto;
|
|
21945
|
+
--progress-bar-min-width: auto;
|
|
21946
|
+
--progress-bar-max-width: none;
|
|
21947
|
+
--progress-bar-background-color: transparent;
|
|
21948
|
+
--progress-bar-fill: currentcolor;
|
|
21949
|
+
--progress-bar-border-top-left-radius: 0px;
|
|
21950
|
+
--progress-bar-border-top-right-radius: 0px;
|
|
21951
|
+
--progress-bar-border-bottom-left-radius: 0px;
|
|
21952
|
+
--progress-bar-border-bottom-right-radius: 0px;
|
|
21953
|
+
--progress-bar-border-color: transparent;
|
|
21954
|
+
--progress-bar-border-style: solid;
|
|
21955
|
+
--progress-bar-border-gap: normal;
|
|
21956
|
+
--progress-bar-border-dash: none;
|
|
21957
|
+
--progress-bar-border-top-width: 0px;
|
|
21958
|
+
--progress-bar-border-right-width: 0px;
|
|
21959
|
+
--progress-bar-border-bottom-width: 0px;
|
|
21960
|
+
--progress-bar-border-left-width: 0px;
|
|
21961
|
+
--progress-bar-outline-color: auto;
|
|
21962
|
+
--progress-bar-outline-style: solid;
|
|
21963
|
+
--progress-bar-outline-width: 0px;
|
|
21964
|
+
--progress-bar-padding-left: 0px;
|
|
21965
|
+
--progress-bar-padding-right: 0px;
|
|
21966
|
+
--progress-bar-padding-top: 0px;
|
|
21967
|
+
--progress-bar-padding-bottom: 0px;
|
|
21968
|
+
--progress-bar-row-gap: 0px;
|
|
21969
|
+
--progress-bar-column-gap: 0px;
|
|
21970
|
+
--progress-bar-font-family: sans-serif;
|
|
21971
|
+
--progress-bar-font-size: medium;
|
|
21972
|
+
--progress-bar-color: currentcolor;
|
|
21973
|
+
--progress-bar-letter-spacing: normal;
|
|
21974
|
+
--progress-bar-line-height: normal;
|
|
21975
|
+
--progress-bar-paragraph-spacing: ;
|
|
21976
|
+
--progress-bar-paragraph-indent:
|
|
21977
|
+
}
|
|
21978
|
+
[data-theme='dark'] [component-variant="progress-bar-empty"], [data-theme='light'] [component-variant="progress-bar-empty"] {
|
|
21979
|
+
--progress-bar-height: 16px;
|
|
21980
|
+
--progress-bar-width: 100%;
|
|
21981
|
+
--progress-bar-background-color: var(--surface-background-4);
|
|
21982
|
+
--progress-bar-color: var(--text-primary);
|
|
21983
|
+
--progress-bar-border-top-left-radius: var(--corner-radius-extra-large);
|
|
21984
|
+
--progress-bar-border-top-right-radius: var(--corner-radius-extra-large);
|
|
21985
|
+
--progress-bar-border-bottom-left-radius: var(--corner-radius-extra-large);
|
|
21986
|
+
--progress-bar-border-bottom-right-radius: var(--corner-radius-extra-large);
|
|
21987
|
+
--progress-bar-font-family: inter;
|
|
21988
|
+
--progress-bar-font-size: 12px;
|
|
21989
|
+
--progress-bar-font-weight: 500;
|
|
21990
|
+
--progress-bar-line-height: 16px;
|
|
21991
|
+
--progress-bar-paragraph-spacing: 0px;
|
|
21992
|
+
--progress-bar-paragraph-indent: 0px
|
|
21993
|
+
}
|
|
21994
|
+
[data-theme='dark'] [component-variant="progress-bar-filled"], [data-theme='light'] [component-variant="progress-bar-filled"] {
|
|
21995
|
+
--progress-bar-height: 16px;
|
|
21996
|
+
--progress-bar-width: 100%;
|
|
21997
|
+
--progress-bar-background-color: var(--surface-background-4);
|
|
21998
|
+
--progress-bar-color: var(--text-primary);
|
|
21999
|
+
--progress-bar-border-top-left-radius: var(--corner-radius-extra-large);
|
|
22000
|
+
--progress-bar-border-top-right-radius: var(--corner-radius-extra-large);
|
|
22001
|
+
--progress-bar-border-bottom-left-radius: var(--corner-radius-extra-large);
|
|
22002
|
+
--progress-bar-border-bottom-right-radius: var(--corner-radius-extra-large);
|
|
22003
|
+
--progress-bar-font-family: inter;
|
|
22004
|
+
--progress-bar-font-size: 12px;
|
|
22005
|
+
--progress-bar-font-weight: 500;
|
|
22006
|
+
--progress-bar-line-height: 16px;
|
|
22007
|
+
--progress-bar-paragraph-spacing: 0px;
|
|
22008
|
+
--progress-bar-paragraph-indent: 0px
|
|
22009
|
+
}
|
|
22010
|
+
[data-theme='dark'] [component-variant="progress-bar-empty"], [data-theme='light'] [component-variant="progress-bar-empty"] {
|
|
22011
|
+
--progress-bar-indicator-height: 16px;
|
|
22012
|
+
--progress-bar-indicator-width: 144px;
|
|
22013
|
+
--progress-bar-indicator-background-color: var(--interactive-surface-primary-default);
|
|
22014
|
+
--progress-bar-indicator-border-top-left-radius: var(--corner-radius-extra-large);
|
|
22015
|
+
--progress-bar-indicator-border-top-right-radius: var(--corner-radius-extra-large);
|
|
22016
|
+
--progress-bar-indicator-border-bottom-left-radius: var(--corner-radius-extra-large);
|
|
22017
|
+
--progress-bar-indicator-border-bottom-right-radius: var(--corner-radius-extra-large);
|
|
22018
|
+
--progress-bar-indicator-padding-left: 10px;
|
|
22019
|
+
--progress-bar-indicator-padding-right: 10px;
|
|
22020
|
+
--progress-bar-indicator-padding-top: 10px;
|
|
22021
|
+
--progress-bar-indicator-padding-bottom: 10px;
|
|
22022
|
+
--progress-bar-indicator-row-gap: 10px;
|
|
22023
|
+
--progress-bar-indicator-font-family: sans-sarif;
|
|
22024
|
+
--progress-bar-indicator-font-size: initial;
|
|
22025
|
+
--progress-bar-indicator-font-weight: regular;
|
|
22026
|
+
--progress-bar-indicator-paragraph-spacing: 0px;
|
|
22027
|
+
--progress-bar-indicator-paragraph-indent: 0px
|
|
22028
|
+
}
|
|
22029
|
+
[data-theme='dark'] [component-variant="progress-bar-filled"], [data-theme='light'] [component-variant="progress-bar-filled"] {
|
|
22030
|
+
--progress-bar-indicator-height: 16px;
|
|
22031
|
+
--progress-bar-indicator-width: 481px;
|
|
22032
|
+
--progress-bar-indicator-background-color: var(--interactive-surface-primary-default);
|
|
22033
|
+
--progress-bar-indicator-border-top-left-radius: var(--corner-radius-extra-large);
|
|
22034
|
+
--progress-bar-indicator-border-top-right-radius: var(--corner-radius-extra-large);
|
|
22035
|
+
--progress-bar-indicator-border-bottom-left-radius: var(--corner-radius-extra-large);
|
|
22036
|
+
--progress-bar-indicator-border-bottom-right-radius: var(--corner-radius-extra-large);
|
|
22037
|
+
--progress-bar-indicator-font-family: sans-sarif;
|
|
22038
|
+
--progress-bar-indicator-font-size: initial;
|
|
22039
|
+
--progress-bar-indicator-font-weight: regular;
|
|
22040
|
+
--progress-bar-indicator-paragraph-spacing: 0px;
|
|
22041
|
+
--progress-bar-indicator-paragraph-indent: 0px
|
|
22042
|
+
}
|
|
22043
|
+
[data-theme='dark'] [component-variant="progress-bar-empty"], [data-theme='light'] [component-variant="progress-bar-empty"] {
|
|
22044
|
+
--progress-bar-label-color: var(--text-primary);
|
|
22045
|
+
--progress-bar-label-font-family: inter;
|
|
22046
|
+
--progress-bar-label-font-size: 12px;
|
|
22047
|
+
--progress-bar-label-font-weight: 500;
|
|
22048
|
+
--progress-bar-label-line-height: 16px;
|
|
22049
|
+
--progress-bar-label-paragraph-spacing: 0px;
|
|
22050
|
+
--progress-bar-label-paragraph-indent: 0px
|
|
22051
|
+
}
|
|
22052
|
+
[data-theme='dark'] [component-variant="progress-bar-filled"], [data-theme='light'] [component-variant="progress-bar-filled"] {
|
|
22053
|
+
--progress-bar-label-height: 16px;
|
|
22054
|
+
--progress-bar-label-width: 25px;
|
|
22055
|
+
--progress-bar-label-color: var(--text-primary);
|
|
22056
|
+
--progress-bar-label-font-family: inter;
|
|
22057
|
+
--progress-bar-label-font-size: 12px;
|
|
22058
|
+
--progress-bar-label-font-weight: 500;
|
|
22059
|
+
--progress-bar-label-line-height: 16px;
|
|
22060
|
+
--progress-bar-label-paragraph-spacing: 0px;
|
|
22061
|
+
--progress-bar-label-paragraph-indent: 0px
|
|
22062
|
+
}
|
|
22063
|
+
[data-theme='dark'] [component-variant^="toast-notification-"], [data-theme='light'] [component-variant^="toast-notification-"] {
|
|
22064
|
+
--toast-notification-opacity: 1;
|
|
22065
|
+
--toast-notification-height: auto;
|
|
22066
|
+
--toast-notification-min-height: auto;
|
|
22067
|
+
--toast-notification-max-height: none;
|
|
22068
|
+
--toast-notification-width: auto;
|
|
22069
|
+
--toast-notification-min-width: auto;
|
|
22070
|
+
--toast-notification-max-width: none;
|
|
22071
|
+
--toast-notification-background-color: transparent;
|
|
22072
|
+
--toast-notification-fill: currentcolor;
|
|
22073
|
+
--toast-notification-border-top-left-radius: 0px;
|
|
22074
|
+
--toast-notification-border-top-right-radius: 0px;
|
|
22075
|
+
--toast-notification-border-bottom-left-radius: 0px;
|
|
22076
|
+
--toast-notification-border-bottom-right-radius: 0px;
|
|
22077
|
+
--toast-notification-border-color: transparent;
|
|
22078
|
+
--toast-notification-border-style: solid;
|
|
22079
|
+
--toast-notification-border-gap: normal;
|
|
22080
|
+
--toast-notification-border-dash: none;
|
|
22081
|
+
--toast-notification-border-top-width: 0px;
|
|
22082
|
+
--toast-notification-border-right-width: 0px;
|
|
22083
|
+
--toast-notification-border-bottom-width: 0px;
|
|
22084
|
+
--toast-notification-border-left-width: 0px;
|
|
22085
|
+
--toast-notification-outline-color: auto;
|
|
22086
|
+
--toast-notification-outline-style: solid;
|
|
22087
|
+
--toast-notification-outline-width: 0px;
|
|
22088
|
+
--toast-notification-padding-left: 0px;
|
|
22089
|
+
--toast-notification-padding-right: 0px;
|
|
22090
|
+
--toast-notification-padding-top: 0px;
|
|
22091
|
+
--toast-notification-padding-bottom: 0px;
|
|
22092
|
+
--toast-notification-row-gap: 0px;
|
|
22093
|
+
--toast-notification-column-gap: 0px;
|
|
22094
|
+
--toast-notification-font-family: sans-serif;
|
|
22095
|
+
--toast-notification-font-size: medium;
|
|
22096
|
+
--toast-notification-color: currentcolor;
|
|
22097
|
+
--toast-notification-letter-spacing: normal;
|
|
22098
|
+
--toast-notification-line-height: normal;
|
|
22099
|
+
--toast-notification-paragraph-spacing: ;
|
|
22100
|
+
--toast-notification-paragraph-indent:
|
|
22101
|
+
}
|
|
22102
|
+
[data-theme='dark'] [component-variant="toast-notification-success"], [data-theme='light'] [component-variant="toast-notification-success"] {
|
|
22103
|
+
--toast-notification-height: 40px;
|
|
22104
|
+
--toast-notification-background-color: var(--surface-background-success);
|
|
22105
|
+
--toast-notification-color: var(--text-primary);
|
|
22106
|
+
--toast-notification-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
22107
|
+
--toast-notification-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
22108
|
+
--toast-notification-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
22109
|
+
--toast-notification-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
22110
|
+
--toast-notification-border-color: var(--border-success);
|
|
22111
|
+
--toast-notification-border-top-width: 1px;
|
|
22112
|
+
--toast-notification-border-right-width: 1px;
|
|
22113
|
+
--toast-notification-border-bottom-width: 1px;
|
|
22114
|
+
--toast-notification-border-left-width: 1px;
|
|
22115
|
+
--toast-notification-padding-left: var(--spacing-space-3);
|
|
22116
|
+
--toast-notification-padding-right: var(--spacing-space-3);
|
|
22117
|
+
--toast-notification-padding-top: var(--spacing-space-3);
|
|
22118
|
+
--toast-notification-padding-bottom: var(--spacing-space-3);
|
|
22119
|
+
--toast-notification-row-gap: var(--spacing-space-2);
|
|
22120
|
+
--toast-notification-column-gap: var(--spacing-space-2);
|
|
22121
|
+
--toast-notification-font-family: var(--font-family-body);
|
|
22122
|
+
--toast-notification-font-size: var(--font-size-body-small);
|
|
22123
|
+
--toast-notification-font-weight: var(--font-weight-medium);
|
|
22124
|
+
--toast-notification-line-height: var(--line-height-body-small);
|
|
22125
|
+
--toast-notification-paragraph-spacing: 0px;
|
|
22126
|
+
--toast-notification-paragraph-indent: 0px
|
|
22127
|
+
}
|
|
22128
|
+
[data-theme='dark'] [component-variant="toast-notification-error"], [data-theme='light'] [component-variant="toast-notification-error"] {
|
|
22129
|
+
--toast-notification-height: 40px;
|
|
22130
|
+
--toast-notification-background-color: var(--surface-background-error);
|
|
22131
|
+
--toast-notification-color: var(--text-primary);
|
|
22132
|
+
--toast-notification-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
22133
|
+
--toast-notification-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
22134
|
+
--toast-notification-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
22135
|
+
--toast-notification-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
22136
|
+
--toast-notification-border-color: var(--border-destructive);
|
|
22137
|
+
--toast-notification-border-top-width: 1px;
|
|
22138
|
+
--toast-notification-border-right-width: 1px;
|
|
22139
|
+
--toast-notification-border-bottom-width: 1px;
|
|
22140
|
+
--toast-notification-border-left-width: 1px;
|
|
22141
|
+
--toast-notification-padding-left: var(--spacing-space-3);
|
|
22142
|
+
--toast-notification-padding-right: var(--spacing-space-3);
|
|
22143
|
+
--toast-notification-padding-top: var(--spacing-space-3);
|
|
22144
|
+
--toast-notification-padding-bottom: var(--spacing-space-3);
|
|
22145
|
+
--toast-notification-row-gap: var(--spacing-space-2);
|
|
22146
|
+
--toast-notification-column-gap: var(--spacing-space-2);
|
|
22147
|
+
--toast-notification-font-family: var(--font-family-body);
|
|
22148
|
+
--toast-notification-font-size: var(--font-size-body-small);
|
|
22149
|
+
--toast-notification-font-weight: var(--font-weight-medium);
|
|
22150
|
+
--toast-notification-line-height: var(--line-height-body-small);
|
|
22151
|
+
--toast-notification-paragraph-spacing: 0px;
|
|
22152
|
+
--toast-notification-paragraph-indent: 0px
|
|
22153
|
+
}
|
|
22154
|
+
[data-theme='dark'] [component-variant="toast-notification-neutral"], [data-theme='light'] [component-variant="toast-notification-neutral"] {
|
|
22155
|
+
--toast-notification-height: 40px;
|
|
22156
|
+
--toast-notification-background-color: var(--surface-background-5);
|
|
22157
|
+
--toast-notification-color: var(--text-primary);
|
|
22158
|
+
--toast-notification-border-top-left-radius: var(--corner-radius-extra-extra-small);
|
|
22159
|
+
--toast-notification-border-top-right-radius: var(--corner-radius-extra-extra-small);
|
|
22160
|
+
--toast-notification-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
|
|
22161
|
+
--toast-notification-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
|
|
22162
|
+
--toast-notification-border-color: var(--border-border-grey-1);
|
|
22163
|
+
--toast-notification-border-top-width: 1px;
|
|
22164
|
+
--toast-notification-border-right-width: 1px;
|
|
22165
|
+
--toast-notification-border-bottom-width: 1px;
|
|
22166
|
+
--toast-notification-border-left-width: 1px;
|
|
22167
|
+
--toast-notification-padding-left: var(--spacing-space-3);
|
|
22168
|
+
--toast-notification-padding-right: var(--spacing-space-3);
|
|
22169
|
+
--toast-notification-padding-top: var(--spacing-space-3);
|
|
22170
|
+
--toast-notification-padding-bottom: var(--spacing-space-3);
|
|
22171
|
+
--toast-notification-row-gap: var(--spacing-space-2);
|
|
22172
|
+
--toast-notification-column-gap: var(--spacing-space-2);
|
|
22173
|
+
--toast-notification-font-family: var(--font-family-body);
|
|
22174
|
+
--toast-notification-font-size: var(--font-size-body-small);
|
|
22175
|
+
--toast-notification-font-weight: var(--font-weight-medium);
|
|
22176
|
+
--toast-notification-line-height: var(--line-height-body-small);
|
|
22177
|
+
--toast-notification-paragraph-spacing: 0px;
|
|
22178
|
+
--toast-notification-paragraph-indent: 0px
|
|
22179
|
+
}
|
|
22180
|
+
[data-theme='dark'] [component-variant="toast-notification-success"], [data-theme='light'] [component-variant="toast-notification-success"] {
|
|
22181
|
+
--toast-notification-message-container-padding-left: var(--spacing-space-5);
|
|
22182
|
+
--toast-notification-message-container-padding-right: var(--spacing-space-5);
|
|
22183
|
+
--toast-notification-message-container-row-gap: var(--spacing-space-5);
|
|
22184
|
+
--toast-notification-message-container-column-gap: var(--spacing-space-5);
|
|
22185
|
+
--toast-notification-message-container-font-family: sans-sarif;
|
|
22186
|
+
--toast-notification-message-container-font-size: initial;
|
|
22187
|
+
--toast-notification-message-container-font-weight: regular;
|
|
22188
|
+
--toast-notification-message-container-paragraph-spacing: 0px;
|
|
22189
|
+
--toast-notification-message-container-paragraph-indent: 0px
|
|
22190
|
+
}
|
|
22191
|
+
[data-theme='dark'] [component-variant="toast-notification-error"], [data-theme='light'] [component-variant="toast-notification-error"] {
|
|
22192
|
+
--toast-notification-message-container-padding-left: var(--spacing-space-5);
|
|
22193
|
+
--toast-notification-message-container-padding-right: var(--spacing-space-5);
|
|
22194
|
+
--toast-notification-message-container-row-gap: var(--spacing-space-5);
|
|
22195
|
+
--toast-notification-message-container-column-gap: var(--spacing-space-5);
|
|
22196
|
+
--toast-notification-message-container-font-family: sans-sarif;
|
|
22197
|
+
--toast-notification-message-container-font-size: initial;
|
|
22198
|
+
--toast-notification-message-container-font-weight: regular;
|
|
22199
|
+
--toast-notification-message-container-paragraph-spacing: 0px;
|
|
22200
|
+
--toast-notification-message-container-paragraph-indent: 0px
|
|
22201
|
+
}
|
|
22202
|
+
[data-theme='dark'] [component-variant="toast-notification-neutral"], [data-theme='light'] [component-variant="toast-notification-neutral"] {
|
|
22203
|
+
--toast-notification-message-container-padding-left: var(--spacing-space-5);
|
|
22204
|
+
--toast-notification-message-container-padding-right: var(--spacing-space-5);
|
|
22205
|
+
--toast-notification-message-container-row-gap: var(--spacing-space-5);
|
|
22206
|
+
--toast-notification-message-container-column-gap: var(--spacing-space-5);
|
|
22207
|
+
--toast-notification-message-container-font-family: sans-sarif;
|
|
22208
|
+
--toast-notification-message-container-font-size: initial;
|
|
22209
|
+
--toast-notification-message-container-font-weight: regular;
|
|
22210
|
+
--toast-notification-message-container-paragraph-spacing: 0px;
|
|
22211
|
+
--toast-notification-message-container-paragraph-indent: 0px
|
|
22212
|
+
}
|
|
22213
|
+
[data-theme='dark'] [component-variant^="pagination-"], [data-theme='light'] [component-variant^="pagination-"] {
|
|
22214
|
+
--pagination-opacity: 1;
|
|
22215
|
+
--pagination-height: auto;
|
|
22216
|
+
--pagination-min-height: auto;
|
|
22217
|
+
--pagination-max-height: none;
|
|
22218
|
+
--pagination-width: auto;
|
|
22219
|
+
--pagination-min-width: auto;
|
|
22220
|
+
--pagination-max-width: none;
|
|
22221
|
+
--pagination-background-color: transparent;
|
|
22222
|
+
--pagination-fill: currentcolor;
|
|
22223
|
+
--pagination-border-top-left-radius: 0px;
|
|
22224
|
+
--pagination-border-top-right-radius: 0px;
|
|
22225
|
+
--pagination-border-bottom-left-radius: 0px;
|
|
22226
|
+
--pagination-border-bottom-right-radius: 0px;
|
|
22227
|
+
--pagination-border-color: transparent;
|
|
22228
|
+
--pagination-border-style: solid;
|
|
22229
|
+
--pagination-border-gap: normal;
|
|
22230
|
+
--pagination-border-dash: none;
|
|
22231
|
+
--pagination-border-top-width: 0px;
|
|
22232
|
+
--pagination-border-right-width: 0px;
|
|
22233
|
+
--pagination-border-bottom-width: 0px;
|
|
22234
|
+
--pagination-border-left-width: 0px;
|
|
22235
|
+
--pagination-outline-color: auto;
|
|
22236
|
+
--pagination-outline-style: solid;
|
|
22237
|
+
--pagination-outline-width: 0px;
|
|
22238
|
+
--pagination-padding-left: 0px;
|
|
22239
|
+
--pagination-padding-right: 0px;
|
|
22240
|
+
--pagination-padding-top: 0px;
|
|
22241
|
+
--pagination-padding-bottom: 0px;
|
|
22242
|
+
--pagination-row-gap: 0px;
|
|
22243
|
+
--pagination-column-gap: 0px;
|
|
22244
|
+
--pagination-font-family: sans-serif;
|
|
22245
|
+
--pagination-font-size: medium;
|
|
22246
|
+
--pagination-color: currentcolor;
|
|
22247
|
+
--pagination-letter-spacing: normal;
|
|
22248
|
+
--pagination-line-height: normal;
|
|
22249
|
+
--pagination-paragraph-spacing: ;
|
|
22250
|
+
--pagination-paragraph-indent:
|
|
22251
|
+
}
|
|
22252
|
+
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
|
|
22253
|
+
--pagination-height: 32px;
|
|
22254
|
+
--pagination-background-color: var(--surface-background-4);
|
|
22255
|
+
--pagination-color: var(--text-secondary);
|
|
22256
|
+
--pagination-border-top-left-radius: var(--spacing-space-3);
|
|
22257
|
+
--pagination-border-top-right-radius: var(--spacing-space-3);
|
|
22258
|
+
--pagination-border-bottom-left-radius: var(--spacing-space-3);
|
|
22259
|
+
--pagination-border-bottom-right-radius: var(--spacing-space-3);
|
|
22260
|
+
--pagination-border-color: var(--border-border-grey-3);
|
|
22261
|
+
--pagination-border-top-width: 1px;
|
|
22262
|
+
--pagination-border-right-width: 1px;
|
|
22263
|
+
--pagination-border-bottom-width: 1px;
|
|
22264
|
+
--pagination-border-left-width: 1px;
|
|
22265
|
+
--pagination-padding-left: var(--spacing-space-3);
|
|
22266
|
+
--pagination-padding-right: var(--spacing-space-3);
|
|
22267
|
+
--pagination-padding-top: 57px;
|
|
22268
|
+
--pagination-padding-bottom: 57px;
|
|
22269
|
+
--pagination-row-gap: var(--spacing-space-5);
|
|
22270
|
+
--pagination-column-gap: var(--spacing-space-5);
|
|
22271
|
+
--pagination-font-family: var(--font-family-body);
|
|
22272
|
+
--pagination-font-size: var(--font-size-body-small);
|
|
22273
|
+
--pagination-font-weight: var(--font-weight-regular);
|
|
22274
|
+
--pagination-line-height: var(--line-height-body-small);
|
|
22275
|
+
--pagination-paragraph-spacing: 0px;
|
|
22276
|
+
--pagination-paragraph-indent: 0px
|
|
22277
|
+
}
|
|
22278
|
+
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
|
|
22279
|
+
--pagination-content-row-gap: var(--spacing-space-4);
|
|
22280
|
+
--pagination-content-column-gap: var(--spacing-space-4);
|
|
22281
|
+
--pagination-content-font-family: sans-sarif;
|
|
22282
|
+
--pagination-content-font-size: initial;
|
|
22283
|
+
--pagination-content-font-weight: regular;
|
|
22284
|
+
--pagination-content-paragraph-spacing: 0px;
|
|
22285
|
+
--pagination-content-paragraph-indent: 0px
|
|
22286
|
+
}
|
|
22287
|
+
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
|
|
22288
|
+
--pagination-values-container-row-gap: var(--spacing-space-4);
|
|
22289
|
+
--pagination-values-container-column-gap: var(--spacing-space-4)
|
|
22290
|
+
}
|
|
22291
|
+
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
|
|
22292
|
+
--pagination-total-pages-color: var(--text-secondary);
|
|
22293
|
+
--pagination-total-pages-font-size: var(--font-size-body-small);
|
|
22294
|
+
--pagination-total-pages-font-weight: var(--font-weight-regular);
|
|
22295
|
+
--pagination-total-pages-line-height: var(--line-height-body-small);
|
|
22296
|
+
--pagination-total-pages-paragraph-spacing: 0px;
|
|
22297
|
+
--pagination-total-pages-paragraph-indent: 0px
|
|
22298
|
+
}
|
|
22299
|
+
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
|
|
22300
|
+
--pagination-back-button-row-gap: var(--spacing-space-1);
|
|
22301
|
+
--pagination-back-button-column-gap: var(--spacing-space-1);
|
|
22302
|
+
--pagination-back-button-background-color: var(--interactive-surface-ghost-disabled)
|
|
22303
|
+
}
|
|
22304
|
+
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
|
|
22305
|
+
--pagination-forward-button-row-gap: var(--spacing-space-1);
|
|
22306
|
+
--pagination-forward-button-column-gap: var(--spacing-space-1);
|
|
22307
|
+
--pagination-forward-button-background-color: var(--interactive-surface-ghost-disabled)
|
|
22308
|
+
}
|
|
20754
22309
|
/* override the theme variables here */
|
|
20755
22310
|
[data-theme="light"],
|
|
20756
22311
|
[data-theme="dark"] {
|
|
@@ -21120,4 +22675,11 @@ span.flatpickr-weekday {
|
|
|
21120
22675
|
align-items: center;
|
|
21121
22676
|
justify-content: center;
|
|
21122
22677
|
width: auto;
|
|
22678
|
+
row-gap: var(--toast-notification-message-container-row-gap);
|
|
22679
|
+
-moz-column-gap: var(--toast-notification-message-container-column-gap);
|
|
22680
|
+
column-gap: var(--toast-notification-message-container-column-gap);
|
|
22681
|
+
padding-top: var(--toast-notification-message-container-padding-top);
|
|
22682
|
+
padding-bottom: var(--toast-notification-message-container-padding-bottom);
|
|
22683
|
+
padding-left: var(--toast-notification-message-container-padding-left);
|
|
22684
|
+
padding-right: var(--toast-notification-message-container-padding-right);
|
|
21123
22685
|
}
|