@i-cell/ids-styles 0.0.38 → 0.0.40
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/badge/badge.css +227 -0
- package/dist/badge/badge.min.css +1 -0
- package/dist/badge/badge.plugin.js +220 -0
- package/dist/card/card.css +13 -3
- package/dist/card/card.min.css +1 -1
- package/dist/card/card.plugin.js +10 -2
- package/dist/components.css +289 -48
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +263 -44
- package/dist/form-elements/form-field/form-field.css +18 -18
- package/dist/form-elements/form-field/form-field.min.css +1 -1
- package/dist/form-elements/form-field/form-field.plugin.js +18 -18
- package/dist/radio/radio.css +30 -27
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +24 -24
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -529,6 +529,234 @@
|
|
|
529
529
|
background: var(--ids-comp-avatar-color-bg-dark-default);
|
|
530
530
|
}
|
|
531
531
|
|
|
532
|
+
.ids-badge {
|
|
533
|
+
box-sizing: border-box;
|
|
534
|
+
border-width: 0;
|
|
535
|
+
border-style: none;
|
|
536
|
+
border-color: transparent;
|
|
537
|
+
line-height: 1.5;
|
|
538
|
+
}
|
|
539
|
+
.ids-badge::before, .ids-badge::after, .ids-badge *, .ids-badge ::before, .ids-badge ::after {
|
|
540
|
+
box-sizing: border-box;
|
|
541
|
+
border-width: 0;
|
|
542
|
+
border-style: none;
|
|
543
|
+
border-color: transparent;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.ids-badge {
|
|
547
|
+
display: inline-flex;
|
|
548
|
+
position: relative;
|
|
549
|
+
}
|
|
550
|
+
.ids-badge .ids-badge__container, .ids-badge .ids-badge__container-no-element {
|
|
551
|
+
white-space: nowrap;
|
|
552
|
+
position: absolute;
|
|
553
|
+
top: 0;
|
|
554
|
+
left: 100%;
|
|
555
|
+
transform: translate(0, -50%);
|
|
556
|
+
transform-origin: top left;
|
|
557
|
+
text-align: center;
|
|
558
|
+
display: flex;
|
|
559
|
+
align-items: center;
|
|
560
|
+
z-index: 1000;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.ids-badge-primary > .ids-badge__container, .ids-badge-primary .ids-badge__container-no-element {
|
|
564
|
+
background-color: var(--ids-comp-badge-filled-color-bg-primary-default);
|
|
565
|
+
border-color: var(--ids-comp-badge-filled-color-border-primary-default);
|
|
566
|
+
color: var(--ids-comp-badge-filled-color-fg-label-primary-default);
|
|
567
|
+
}
|
|
568
|
+
.ids-badge-primary > .ids-badge__container > .ids-icon, .ids-badge-primary .ids-badge__container-no-element > .ids-icon {
|
|
569
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-primary-default);
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
.ids-badge-secondary > .ids-badge__container, .ids-badge-secondary .ids-badge__container-no-element {
|
|
573
|
+
background-color: var(--ids-comp-badge-filled-color-bg-secondary-default);
|
|
574
|
+
border-color: var(--ids-comp-badge-filled-color-border-secondary-default);
|
|
575
|
+
color: var(--ids-comp-badge-filled-color-fg-label-secondary-default);
|
|
576
|
+
}
|
|
577
|
+
.ids-badge-secondary > .ids-badge__container > .ids-icon, .ids-badge-secondary .ids-badge__container-no-element > .ids-icon {
|
|
578
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-secondary-default);
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
.ids-badge-brand > .ids-badge__container, .ids-badge-brand .ids-badge__container-no-element {
|
|
582
|
+
background-color: var(--ids-comp-badge-filled-color-bg-brand-default);
|
|
583
|
+
border-color: var(--ids-comp-badge-filled-color-border-brand-default);
|
|
584
|
+
color: var(--ids-comp-badge-filled-color-fg-label-brand-default);
|
|
585
|
+
}
|
|
586
|
+
.ids-badge-brand > .ids-badge__container > .ids-icon, .ids-badge-brand .ids-badge__container-no-element > .ids-icon {
|
|
587
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-brand-default);
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.ids-badge-error > .ids-badge__container, .ids-badge-error .ids-badge__container-no-element {
|
|
591
|
+
background-color: var(--ids-comp-badge-filled-color-bg-error-default);
|
|
592
|
+
border-color: var(--ids-comp-badge-filled-color-border-error-default);
|
|
593
|
+
color: var(--ids-comp-badge-filled-color-fg-label-error-default);
|
|
594
|
+
}
|
|
595
|
+
.ids-badge-error > .ids-badge__container > .ids-icon, .ids-badge-error .ids-badge__container-no-element > .ids-icon {
|
|
596
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-error-default);
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
.ids-badge-success > .ids-badge__container, .ids-badge-success .ids-badge__container-no-element {
|
|
600
|
+
background-color: var(--ids-comp-badge-filled-color-bg-success-default);
|
|
601
|
+
border-color: var(--ids-comp-badge-filled-color-border-success-default);
|
|
602
|
+
color: var(--ids-comp-badge-filled-color-fg-label-success-default);
|
|
603
|
+
}
|
|
604
|
+
.ids-badge-success > .ids-badge__container > .ids-icon, .ids-badge-success .ids-badge__container-no-element > .ids-icon {
|
|
605
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-success-default);
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
.ids-badge-warning > .ids-badge__container, .ids-badge-warning .ids-badge__container-no-element {
|
|
609
|
+
background-color: var(--ids-comp-badge-filled-color-bg-warning-default);
|
|
610
|
+
border-color: var(--ids-comp-badge-filled-color-border-warning-default);
|
|
611
|
+
color: var(--ids-comp-badge-filled-color-fg-label-warning-default);
|
|
612
|
+
}
|
|
613
|
+
.ids-badge-warning > .ids-badge__container > .ids-icon, .ids-badge-warning .ids-badge__container-no-element > .ids-icon {
|
|
614
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-warning-default);
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
.ids-badge-light > .ids-badge__container, .ids-badge-light .ids-badge__container-no-element {
|
|
618
|
+
background-color: var(--ids-comp-badge-filled-color-bg-light-default);
|
|
619
|
+
border-color: var(--ids-comp-badge-filled-color-border-light-default);
|
|
620
|
+
color: var(--ids-comp-badge-filled-color-fg-label-light-default);
|
|
621
|
+
}
|
|
622
|
+
.ids-badge-light > .ids-badge__container > .ids-icon, .ids-badge-light .ids-badge__container-no-element > .ids-icon {
|
|
623
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-light-default);
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
.ids-badge-dark > .ids-badge__container, .ids-badge-dark .ids-badge__container-no-element {
|
|
627
|
+
background-color: var(--ids-comp-badge-filled-color-bg-dark-default);
|
|
628
|
+
border-color: var(--ids-comp-badge-filled-color-border-dark-default);
|
|
629
|
+
color: var(--ids-comp-badge-filled-color-fg-label-dark-default);
|
|
630
|
+
}
|
|
631
|
+
.ids-badge-dark > .ids-badge__container > .ids-icon, .ids-badge-dark .ids-badge__container-no-element > .ids-icon {
|
|
632
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-dark-default);
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
.ids-badge-surface > .ids-badge__container, .ids-badge-surface .ids-badge__container-no-element {
|
|
636
|
+
background-color: var(--ids-comp-badge-filled-color-bg-surface-default);
|
|
637
|
+
border-color: var(--ids-comp-badge-filled-color-border-surface-default);
|
|
638
|
+
color: var(--ids-comp-badge-filled-color-fg-label-surface-default);
|
|
639
|
+
}
|
|
640
|
+
.ids-badge-surface > .ids-badge__container > .ids-icon, .ids-badge-surface .ids-badge__container-no-element > .ids-icon {
|
|
641
|
+
color: var(--ids-comp-badge-filled-color-fg-icon-surface-default);
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.ids-badge-compact > .ids-badge__container {
|
|
645
|
+
border-radius: var(--ids-comp-badge-size-border-radius-compact);
|
|
646
|
+
border-width: var(--ids-comp-badge-size-border-width-compact);
|
|
647
|
+
padding: var(--ids-comp-badge-size-padding-y-compact) var(--ids-comp-badge-size-padding-x-compact);
|
|
648
|
+
height: var(--ids-comp-badge-size-height-compact);
|
|
649
|
+
min-width: var(--ids-comp-badge-size-min-width-compact);
|
|
650
|
+
gap: var(--ids-comp-badge-size-gap-compact);
|
|
651
|
+
}
|
|
652
|
+
.ids-badge-compact > .ids-badge__container > .ids-badge__label {
|
|
653
|
+
font-family: var(--ids-comp-badge-label-typography-font-family-compact);
|
|
654
|
+
font-size: var(--ids-comp-badge-label-typography-font-size-compact);
|
|
655
|
+
font-weight: var(--ids-comp-badge-label-typography-font-weight-compact);
|
|
656
|
+
letter-spacing: var(--ids-comp-badge-label-typography-letter-spacing-compact);
|
|
657
|
+
line-height: var(--ids-comp-badge-label-typography-line-height-compact);
|
|
658
|
+
}
|
|
659
|
+
.ids-badge-compact > .ids-badge__container > .ids-icon {
|
|
660
|
+
font-size: var(--ids-comp-badge-icon-typography-font-size-compact);
|
|
661
|
+
font-weight: var(--ids-comp-badge-icon-typography-font-weight-compact);
|
|
662
|
+
line-height: var(--ids-comp-badge-icon-typography-line-height-compact);
|
|
663
|
+
width: var(--ids-comp-badge-size-icon-compact);
|
|
664
|
+
height: var(--ids-comp-badge-size-icon-compact);
|
|
665
|
+
}
|
|
666
|
+
.ids-badge-compact > .ids-badge__container-no-element {
|
|
667
|
+
border-radius: var(--ids-comp-badge-noelement-size-border-radius-compact);
|
|
668
|
+
border-width: var(--ids-comp-badge-noelement-size-border-width-compact);
|
|
669
|
+
min-width: var(--ids-comp-badge-noelement-size-width-compact);
|
|
670
|
+
height: var(--ids-comp-badge-noelement-size-height-compact);
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
.ids-badge-comfortable > .ids-badge__container {
|
|
674
|
+
border-radius: var(--ids-comp-badge-size-border-radius-comfortable);
|
|
675
|
+
border-width: var(--ids-comp-badge-size-border-width-comfortable);
|
|
676
|
+
padding: var(--ids-comp-badge-size-padding-y-comfortable) var(--ids-comp-badge-size-padding-x-comfortable);
|
|
677
|
+
height: var(--ids-comp-badge-size-height-comfortable);
|
|
678
|
+
min-width: var(--ids-comp-badge-size-min-width-comfortable);
|
|
679
|
+
gap: var(--ids-comp-badge-size-gap-comfortable);
|
|
680
|
+
}
|
|
681
|
+
.ids-badge-comfortable > .ids-badge__container > .ids-badge__label {
|
|
682
|
+
font-family: var(--ids-comp-badge-label-typography-font-family-comfortable);
|
|
683
|
+
font-size: var(--ids-comp-badge-label-typography-font-size-comfortable);
|
|
684
|
+
font-weight: var(--ids-comp-badge-label-typography-font-weight-comfortable);
|
|
685
|
+
letter-spacing: var(--ids-comp-badge-label-typography-letter-spacing-comfortable);
|
|
686
|
+
line-height: var(--ids-comp-badge-label-typography-line-height-comfortable);
|
|
687
|
+
}
|
|
688
|
+
.ids-badge-comfortable > .ids-badge__container > .ids-icon {
|
|
689
|
+
font-size: var(--ids-comp-badge-icon-typography-font-size-comfortable);
|
|
690
|
+
font-weight: var(--ids-comp-badge-icon-typography-font-weight-comfortable);
|
|
691
|
+
line-height: var(--ids-comp-badge-icon-typography-line-height-comfortable);
|
|
692
|
+
width: var(--ids-comp-badge-size-icon-comfortable);
|
|
693
|
+
height: var(--ids-comp-badge-size-icon-comfortable);
|
|
694
|
+
}
|
|
695
|
+
.ids-badge-comfortable > .ids-badge__container-no-element {
|
|
696
|
+
border-radius: var(--ids-comp-badge-noelement-size-border-radius-comfortable);
|
|
697
|
+
border-width: var(--ids-comp-badge-noelement-size-border-width-comfortable);
|
|
698
|
+
min-width: var(--ids-comp-badge-noelement-size-width-comfortable);
|
|
699
|
+
height: var(--ids-comp-badge-noelement-size-height-comfortable);
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
.ids-badge-spacious > .ids-badge__container {
|
|
703
|
+
border-radius: var(--ids-comp-badge-size-border-radius-spacious);
|
|
704
|
+
border-width: var(--ids-comp-badge-size-border-width-spacious);
|
|
705
|
+
padding: var(--ids-comp-badge-size-padding-y-spacious) var(--ids-comp-badge-size-padding-x-spacious);
|
|
706
|
+
height: var(--ids-comp-badge-size-height-spacious);
|
|
707
|
+
min-width: var(--ids-comp-badge-size-min-width-spacious);
|
|
708
|
+
gap: var(--ids-comp-badge-size-gap-spacious);
|
|
709
|
+
}
|
|
710
|
+
.ids-badge-spacious > .ids-badge__container > .ids-badge__label {
|
|
711
|
+
font-family: var(--ids-comp-badge-label-typography-font-family-spacious);
|
|
712
|
+
font-size: var(--ids-comp-badge-label-typography-font-size-spacious);
|
|
713
|
+
font-weight: var(--ids-comp-badge-label-typography-font-weight-spacious);
|
|
714
|
+
letter-spacing: var(--ids-comp-badge-label-typography-letter-spacing-spacious);
|
|
715
|
+
line-height: var(--ids-comp-badge-label-typography-line-height-spacious);
|
|
716
|
+
}
|
|
717
|
+
.ids-badge-spacious > .ids-badge__container > .ids-icon {
|
|
718
|
+
font-size: var(--ids-comp-badge-icon-typography-font-size-spacious);
|
|
719
|
+
font-weight: var(--ids-comp-badge-icon-typography-font-weight-spacious);
|
|
720
|
+
line-height: var(--ids-comp-badge-icon-typography-line-height-spacious);
|
|
721
|
+
width: var(--ids-comp-badge-size-icon-spacious);
|
|
722
|
+
height: var(--ids-comp-badge-size-icon-spacious);
|
|
723
|
+
}
|
|
724
|
+
.ids-badge-spacious > .ids-badge__container-no-element {
|
|
725
|
+
border-radius: var(--ids-comp-badge-noelement-size-border-radius-spacious);
|
|
726
|
+
border-width: var(--ids-comp-badge-noelement-size-border-width-spacious);
|
|
727
|
+
min-width: var(--ids-comp-badge-noelement-size-width-spacious);
|
|
728
|
+
height: var(--ids-comp-badge-noelement-size-height-spacious);
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
.ids-badge-dense > .ids-badge__container {
|
|
732
|
+
border-radius: var(--ids-comp-badge-size-border-radius-dense);
|
|
733
|
+
border-width: var(--ids-comp-badge-size-border-width-dense);
|
|
734
|
+
padding: var(--ids-comp-badge-size-padding-y-dense) var(--ids-comp-badge-size-padding-x-dense);
|
|
735
|
+
height: var(--ids-comp-badge-size-height-dense);
|
|
736
|
+
min-width: var(--ids-comp-badge-size-min-width-dense);
|
|
737
|
+
gap: var(--ids-comp-badge-size-gap-dense);
|
|
738
|
+
}
|
|
739
|
+
.ids-badge-dense > .ids-badge__container > .ids-badge__label {
|
|
740
|
+
font-family: var(--ids-comp-badge-label-typography-font-family-dense);
|
|
741
|
+
font-size: var(--ids-comp-badge-label-typography-font-size-dense);
|
|
742
|
+
font-weight: var(--ids-comp-badge-label-typography-font-weight-dense);
|
|
743
|
+
letter-spacing: var(--ids-comp-badge-label-typography-letter-spacing-dense);
|
|
744
|
+
line-height: var(--ids-comp-badge-label-typography-line-height-dense);
|
|
745
|
+
}
|
|
746
|
+
.ids-badge-dense > .ids-badge__container > .ids-icon {
|
|
747
|
+
font-size: var(--ids-comp-badge-icon-typography-font-size-dense);
|
|
748
|
+
font-weight: var(--ids-comp-badge-icon-typography-font-weight-dense);
|
|
749
|
+
line-height: var(--ids-comp-badge-icon-typography-line-height-dense);
|
|
750
|
+
width: var(--ids-comp-badge-size-icon-dense);
|
|
751
|
+
height: var(--ids-comp-badge-size-icon-dense);
|
|
752
|
+
}
|
|
753
|
+
.ids-badge-dense > .ids-badge__container-no-element {
|
|
754
|
+
border-radius: var(--ids-comp-badge-noelement-size-border-radius-dense);
|
|
755
|
+
border-width: var(--ids-comp-badge-noelement-size-border-width-dense);
|
|
756
|
+
min-width: var(--ids-comp-badge-noelement-size-width-dense);
|
|
757
|
+
height: var(--ids-comp-badge-noelement-size-height-dense);
|
|
758
|
+
}
|
|
759
|
+
|
|
532
760
|
.ids-button-group {
|
|
533
761
|
box-sizing: border-box;
|
|
534
762
|
border-width: 0;
|
|
@@ -1863,9 +2091,6 @@
|
|
|
1863
2091
|
border-style: none;
|
|
1864
2092
|
border-color: transparent;
|
|
1865
2093
|
line-height: 1.5;
|
|
1866
|
-
display: flex;
|
|
1867
|
-
border-style: solid;
|
|
1868
|
-
box-sizing: border-box;
|
|
1869
2094
|
}
|
|
1870
2095
|
.ids-card::before, .ids-card::after, .ids-card *, .ids-card ::before, .ids-card ::after {
|
|
1871
2096
|
box-sizing: border-box;
|
|
@@ -1873,6 +2098,11 @@
|
|
|
1873
2098
|
border-style: none;
|
|
1874
2099
|
border-color: transparent;
|
|
1875
2100
|
}
|
|
2101
|
+
|
|
2102
|
+
.ids-card {
|
|
2103
|
+
display: flex;
|
|
2104
|
+
box-sizing: border-box;
|
|
2105
|
+
}
|
|
1876
2106
|
.ids-card.ids-card-clickable {
|
|
1877
2107
|
pointer-events: auto;
|
|
1878
2108
|
cursor: pointer;
|
|
@@ -1949,6 +2179,7 @@
|
|
|
1949
2179
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-compact);
|
|
1950
2180
|
}
|
|
1951
2181
|
.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined {
|
|
2182
|
+
border-style: solid;
|
|
1952
2183
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-compact);
|
|
1953
2184
|
}
|
|
1954
2185
|
.ids-card.ids-card-compact.ids-card-vertical {
|
|
@@ -1957,6 +2188,7 @@
|
|
|
1957
2188
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-compact);
|
|
1958
2189
|
}
|
|
1959
2190
|
.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined {
|
|
2191
|
+
border-style: solid;
|
|
1960
2192
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-compact);
|
|
1961
2193
|
}
|
|
1962
2194
|
.ids-card.ids-card-compact.ids-card-clickable:focus {
|
|
@@ -1992,6 +2224,7 @@
|
|
|
1992
2224
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-comfortable);
|
|
1993
2225
|
}
|
|
1994
2226
|
.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined {
|
|
2227
|
+
border-style: solid;
|
|
1995
2228
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-comfortable);
|
|
1996
2229
|
}
|
|
1997
2230
|
.ids-card.ids-card-comfortable.ids-card-vertical {
|
|
@@ -2000,6 +2233,7 @@
|
|
|
2000
2233
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-comfortable);
|
|
2001
2234
|
}
|
|
2002
2235
|
.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined {
|
|
2236
|
+
border-style: solid;
|
|
2003
2237
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-comfortable);
|
|
2004
2238
|
}
|
|
2005
2239
|
.ids-card.ids-card-comfortable.ids-card-clickable:focus {
|
|
@@ -2035,6 +2269,7 @@
|
|
|
2035
2269
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-spacious);
|
|
2036
2270
|
}
|
|
2037
2271
|
.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined {
|
|
2272
|
+
border-style: solid;
|
|
2038
2273
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-spacious);
|
|
2039
2274
|
}
|
|
2040
2275
|
.ids-card.ids-card-spacious.ids-card-vertical {
|
|
@@ -2043,6 +2278,7 @@
|
|
|
2043
2278
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-spacious);
|
|
2044
2279
|
}
|
|
2045
2280
|
.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined {
|
|
2281
|
+
border-style: solid;
|
|
2046
2282
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-spacious);
|
|
2047
2283
|
}
|
|
2048
2284
|
.ids-card.ids-card-spacious.ids-card-clickable:focus {
|
|
@@ -2078,6 +2314,7 @@
|
|
|
2078
2314
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-dense);
|
|
2079
2315
|
}
|
|
2080
2316
|
.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined {
|
|
2317
|
+
border-style: solid;
|
|
2081
2318
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-dense);
|
|
2082
2319
|
}
|
|
2083
2320
|
.ids-card.ids-card-dense.ids-card-vertical {
|
|
@@ -2086,6 +2323,7 @@
|
|
|
2086
2323
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-dense);
|
|
2087
2324
|
}
|
|
2088
2325
|
.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined {
|
|
2326
|
+
border-style: solid;
|
|
2089
2327
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-dense);
|
|
2090
2328
|
}
|
|
2091
2329
|
.ids-card.ids-card-dense.ids-card-clickable:focus {
|
|
@@ -5745,33 +5983,33 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5745
5983
|
border-left-color: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default);
|
|
5746
5984
|
background: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default);
|
|
5747
5985
|
}
|
|
5748
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
5986
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) {
|
|
5749
5987
|
border-color: var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-focused);
|
|
5750
5988
|
background: var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-focused);
|
|
5751
5989
|
outline-color: var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused);
|
|
5752
5990
|
}
|
|
5753
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
5991
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__leading-icon > .ids-icon {
|
|
5754
5992
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused);
|
|
5755
5993
|
}
|
|
5756
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
5994
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
5757
5995
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused);
|
|
5758
5996
|
}
|
|
5759
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
5997
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5760
5998
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
5761
5999
|
}
|
|
5762
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6000
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5763
6001
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
|
|
5764
6002
|
}
|
|
5765
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6003
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5766
6004
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
5767
6005
|
}
|
|
5768
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6006
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
5769
6007
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused);
|
|
5770
6008
|
}
|
|
5771
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6009
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__trailing-icon > .ids-icon {
|
|
5772
6010
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused);
|
|
5773
6011
|
}
|
|
5774
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6012
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__action {
|
|
5775
6013
|
border-left-color: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default);
|
|
5776
6014
|
background: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default);
|
|
5777
6015
|
}
|
|
@@ -6137,33 +6375,33 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
6137
6375
|
border-left-color: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default);
|
|
6138
6376
|
background: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default);
|
|
6139
6377
|
}
|
|
6140
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6378
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) {
|
|
6141
6379
|
border-color: var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-focused);
|
|
6142
6380
|
background: var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-focused);
|
|
6143
6381
|
outline-color: var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused);
|
|
6144
6382
|
}
|
|
6145
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6383
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__leading-icon > .ids-icon {
|
|
6146
6384
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused);
|
|
6147
6385
|
}
|
|
6148
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6386
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
6149
6387
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused);
|
|
6150
6388
|
}
|
|
6151
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6389
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
6152
6390
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
6153
6391
|
}
|
|
6154
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6392
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
6155
6393
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
|
|
6156
6394
|
}
|
|
6157
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6395
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
6158
6396
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
6159
6397
|
}
|
|
6160
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6398
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
6161
6399
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused);
|
|
6162
6400
|
}
|
|
6163
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6401
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__trailing-icon > .ids-icon {
|
|
6164
6402
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused);
|
|
6165
6403
|
}
|
|
6166
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.
|
|
6404
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__action {
|
|
6167
6405
|
border-left-color: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default);
|
|
6168
6406
|
background: var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default);
|
|
6169
6407
|
}
|
|
@@ -9320,9 +9558,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9320
9558
|
border-style: none;
|
|
9321
9559
|
border-color: transparent;
|
|
9322
9560
|
line-height: 1.5;
|
|
9323
|
-
display: inline-flex;
|
|
9324
|
-
align-items: flex-start;
|
|
9325
|
-
justify-content: start;
|
|
9326
9561
|
}
|
|
9327
9562
|
.ids-radio-group::before, .ids-radio-group::after, .ids-radio-group *, .ids-radio-group ::before, .ids-radio-group ::after {
|
|
9328
9563
|
box-sizing: border-box;
|
|
@@ -9330,6 +9565,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9330
9565
|
border-style: none;
|
|
9331
9566
|
border-color: transparent;
|
|
9332
9567
|
}
|
|
9568
|
+
|
|
9569
|
+
.ids-radio-group {
|
|
9570
|
+
display: inline-flex;
|
|
9571
|
+
align-items: flex-start;
|
|
9572
|
+
justify-content: start;
|
|
9573
|
+
}
|
|
9333
9574
|
.ids-radio-group.ids-radio-group-horizontal {
|
|
9334
9575
|
flex-direction: row;
|
|
9335
9576
|
}
|
|
@@ -9427,32 +9668,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9427
9668
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact);
|
|
9428
9669
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-compact);
|
|
9429
9670
|
}
|
|
9430
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9671
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio {
|
|
9431
9672
|
padding: var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);
|
|
9432
9673
|
gap: var(--ids-comp-radio-button-container-size-gap-compact);
|
|
9433
9674
|
}
|
|
9434
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9675
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9435
9676
|
top: calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact)) / 2);
|
|
9436
9677
|
left: calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact)) / 2);
|
|
9437
9678
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-compact);
|
|
9438
9679
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-compact);
|
|
9439
9680
|
}
|
|
9440
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9681
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9441
9682
|
width: var(--ids-comp-radio-button-input-size-width-compact);
|
|
9442
9683
|
height: var(--ids-comp-radio-button-input-size-height-compact);
|
|
9443
9684
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-compact);
|
|
9444
9685
|
border-width: var(--ids-comp-radio-button-input-size-border-width-compact);
|
|
9445
9686
|
}
|
|
9446
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9687
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9447
9688
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-compact);
|
|
9448
9689
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-compact);
|
|
9449
9690
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);
|
|
9450
9691
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact);
|
|
9451
9692
|
}
|
|
9452
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9693
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9453
9694
|
outline-width: var(--ids-comp-radio-focused-outline-outline-compact);
|
|
9454
9695
|
}
|
|
9455
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9696
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label {
|
|
9456
9697
|
padding: var(--ids-comp-radio-button-label-size-padding-y-compact) 0px;
|
|
9457
9698
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-compact);
|
|
9458
9699
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-compact);
|
|
@@ -9468,32 +9709,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9468
9709
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable);
|
|
9469
9710
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-comfortable);
|
|
9470
9711
|
}
|
|
9471
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9712
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio {
|
|
9472
9713
|
padding: var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);
|
|
9473
9714
|
gap: var(--ids-comp-radio-button-container-size-gap-comfortable);
|
|
9474
9715
|
}
|
|
9475
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9716
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9476
9717
|
top: calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)) / 2);
|
|
9477
9718
|
left: calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)) / 2);
|
|
9478
9719
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable);
|
|
9479
9720
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable);
|
|
9480
9721
|
}
|
|
9481
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9722
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9482
9723
|
width: var(--ids-comp-radio-button-input-size-width-comfortable);
|
|
9483
9724
|
height: var(--ids-comp-radio-button-input-size-height-comfortable);
|
|
9484
9725
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-comfortable);
|
|
9485
9726
|
border-width: var(--ids-comp-radio-button-input-size-border-width-comfortable);
|
|
9486
9727
|
}
|
|
9487
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9728
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9488
9729
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);
|
|
9489
9730
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);
|
|
9490
9731
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);
|
|
9491
9732
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable);
|
|
9492
9733
|
}
|
|
9493
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9734
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9494
9735
|
outline-width: var(--ids-comp-radio-focused-outline-outline-comfortable);
|
|
9495
9736
|
}
|
|
9496
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9737
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label {
|
|
9497
9738
|
padding: var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px;
|
|
9498
9739
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-comfortable);
|
|
9499
9740
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-comfortable);
|
|
@@ -9509,32 +9750,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9509
9750
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious);
|
|
9510
9751
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-spacious);
|
|
9511
9752
|
}
|
|
9512
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9753
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio {
|
|
9513
9754
|
padding: var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);
|
|
9514
9755
|
gap: var(--ids-comp-radio-button-container-size-gap-spacious);
|
|
9515
9756
|
}
|
|
9516
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9757
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9517
9758
|
top: calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)) / 2);
|
|
9518
9759
|
left: calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)) / 2);
|
|
9519
9760
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-spacious);
|
|
9520
9761
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-spacious);
|
|
9521
9762
|
}
|
|
9522
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9763
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9523
9764
|
width: var(--ids-comp-radio-button-input-size-width-spacious);
|
|
9524
9765
|
height: var(--ids-comp-radio-button-input-size-height-spacious);
|
|
9525
9766
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-spacious);
|
|
9526
9767
|
border-width: var(--ids-comp-radio-button-input-size-border-width-spacious);
|
|
9527
9768
|
}
|
|
9528
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9769
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9529
9770
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);
|
|
9530
9771
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);
|
|
9531
9772
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);
|
|
9532
9773
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious);
|
|
9533
9774
|
}
|
|
9534
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9775
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9535
9776
|
outline-width: var(--ids-comp-radio-focused-outline-outline-spacious);
|
|
9536
9777
|
}
|
|
9537
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9778
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label {
|
|
9538
9779
|
padding: var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px;
|
|
9539
9780
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-spacious);
|
|
9540
9781
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-spacious);
|
|
@@ -9550,32 +9791,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9550
9791
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense);
|
|
9551
9792
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-dense);
|
|
9552
9793
|
}
|
|
9553
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9794
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio {
|
|
9554
9795
|
padding: var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);
|
|
9555
9796
|
gap: var(--ids-comp-radio-button-container-size-gap-dense);
|
|
9556
9797
|
}
|
|
9557
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9798
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9558
9799
|
top: calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense)) / 2);
|
|
9559
9800
|
left: calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense)) / 2);
|
|
9560
9801
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-dense);
|
|
9561
9802
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-dense);
|
|
9562
9803
|
}
|
|
9563
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9804
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9564
9805
|
width: var(--ids-comp-radio-button-input-size-width-dense);
|
|
9565
9806
|
height: var(--ids-comp-radio-button-input-size-height-dense);
|
|
9566
9807
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-dense);
|
|
9567
9808
|
border-width: var(--ids-comp-radio-button-input-size-border-width-dense);
|
|
9568
9809
|
}
|
|
9569
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9810
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9570
9811
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-dense);
|
|
9571
9812
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-dense);
|
|
9572
9813
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);
|
|
9573
9814
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense);
|
|
9574
9815
|
}
|
|
9575
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9816
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9576
9817
|
outline-width: var(--ids-comp-radio-focused-outline-outline-dense);
|
|
9577
9818
|
}
|
|
9578
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9819
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label {
|
|
9579
9820
|
padding: var(--ids-comp-radio-button-label-size-padding-y-dense) 0px;
|
|
9580
9821
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-dense);
|
|
9581
9822
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-dense);
|