@i-cell/ids-styles 0.0.70 → 0.0.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/checkbox/checkbox-group.css +40 -12
  2. package/dist/checkbox/checkbox-group.min.css +1 -1
  3. package/dist/checkbox/checkbox-group.plugin.js +40 -12
  4. package/dist/checkbox/checkbox.css +6 -0
  5. package/dist/checkbox/checkbox.min.css +1 -1
  6. package/dist/checkbox/checkbox.plugin.js +9 -1
  7. package/dist/components.css +104 -26
  8. package/dist/components.min.css +1 -1
  9. package/dist/components.plugin.js +102 -24
  10. package/dist/datepicker/datepicker.css +31 -2
  11. package/dist/datepicker/datepicker.min.css +1 -1
  12. package/dist/datepicker/datepicker.plugin.js +32 -2
  13. package/dist/dialog/dialog.css +8 -6
  14. package/dist/dialog/dialog.min.css +1 -1
  15. package/dist/dialog/dialog.plugin.js +2 -2
  16. package/dist/radio/radio.css +18 -5
  17. package/dist/radio/radio.min.css +1 -1
  18. package/dist/radio/radio.plugin.js +11 -6
  19. package/dist/side-sheet/side-sheet.css +1 -1
  20. package/dist/side-sheet/side-sheet.min.css +1 -1
  21. package/dist/side-sheet/side-sheet.plugin.js +8 -1
  22. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -3535,7 +3535,7 @@ input[autocomplete] {
3535
3535
  justify-content: center;
3536
3536
  align-items: flex-start;
3537
3537
  }
3538
- .ids-checkbox-group > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3538
+ .ids-checkbox-group > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3539
3539
  font-style: normal;
3540
3540
  }
3541
3541
  .ids-checkbox-group > .ids-checkbox-group__list {
@@ -3553,10 +3553,17 @@ input[autocomplete] {
3553
3553
  padding: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-compact);
3554
3554
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-compact);
3555
3555
  }
3556
- .ids-checkbox-group.ids-checkbox-group-compact > .ids-checkbox-group__legend {
3556
+ .ids-checkbox-group.ids-checkbox-group-compact > .ids-checkbox-group__legend-wrapper {
3557
+ display: flex;
3558
+ flex-direction: column;
3557
3559
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-compact);
3558
3560
  }
3559
- .ids-checkbox-group.ids-checkbox-group-compact > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3561
+ .ids-checkbox-group.ids-checkbox-group-compact > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-container {
3562
+ display: flex;
3563
+ flex-direction: row;
3564
+ gap: var(--ids-comp-checkbox-label-size-gap-compact);
3565
+ }
3566
+ .ids-checkbox-group.ids-checkbox-group-compact > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3560
3567
  font-family: var(--ids-comp-checkbox-group-label-typography-font-family-compact);
3561
3568
  font-size: var(--ids-comp-checkbox-group-label-typography-font-size-compact);
3562
3569
  font-weight: var(--ids-comp-checkbox-group-label-typography-font-weight-compact);
@@ -3583,10 +3590,17 @@ input[autocomplete] {
3583
3590
  padding: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-comfortable);
3584
3591
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-comfortable);
3585
3592
  }
3586
- .ids-checkbox-group.ids-checkbox-group-comfortable > .ids-checkbox-group__legend {
3593
+ .ids-checkbox-group.ids-checkbox-group-comfortable > .ids-checkbox-group__legend-wrapper {
3594
+ display: flex;
3595
+ flex-direction: column;
3587
3596
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-comfortable);
3588
3597
  }
3589
- .ids-checkbox-group.ids-checkbox-group-comfortable > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3598
+ .ids-checkbox-group.ids-checkbox-group-comfortable > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-container {
3599
+ display: flex;
3600
+ flex-direction: row;
3601
+ gap: var(--ids-comp-checkbox-label-size-gap-comfortable);
3602
+ }
3603
+ .ids-checkbox-group.ids-checkbox-group-comfortable > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3590
3604
  font-family: var(--ids-comp-checkbox-group-label-typography-font-family-comfortable);
3591
3605
  font-size: var(--ids-comp-checkbox-group-label-typography-font-size-comfortable);
3592
3606
  font-weight: var(--ids-comp-checkbox-group-label-typography-font-weight-comfortable);
@@ -3613,10 +3627,17 @@ input[autocomplete] {
3613
3627
  padding: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-spacious);
3614
3628
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-spacious);
3615
3629
  }
3616
- .ids-checkbox-group.ids-checkbox-group-spacious > .ids-checkbox-group__legend {
3630
+ .ids-checkbox-group.ids-checkbox-group-spacious > .ids-checkbox-group__legend-wrapper {
3631
+ display: flex;
3632
+ flex-direction: column;
3617
3633
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-spacious);
3618
3634
  }
3619
- .ids-checkbox-group.ids-checkbox-group-spacious > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3635
+ .ids-checkbox-group.ids-checkbox-group-spacious > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-container {
3636
+ display: flex;
3637
+ flex-direction: row;
3638
+ gap: var(--ids-comp-checkbox-label-size-gap-spacious);
3639
+ }
3640
+ .ids-checkbox-group.ids-checkbox-group-spacious > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3620
3641
  font-family: var(--ids-comp-checkbox-group-label-typography-font-family-spacious);
3621
3642
  font-size: var(--ids-comp-checkbox-group-label-typography-font-size-spacious);
3622
3643
  font-weight: var(--ids-comp-checkbox-group-label-typography-font-weight-spacious);
@@ -3643,10 +3664,17 @@ input[autocomplete] {
3643
3664
  padding: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-dense);
3644
3665
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-dense);
3645
3666
  }
3646
- .ids-checkbox-group.ids-checkbox-group-dense > .ids-checkbox-group__legend {
3667
+ .ids-checkbox-group.ids-checkbox-group-dense > .ids-checkbox-group__legend-wrapper {
3668
+ display: flex;
3669
+ flex-direction: column;
3647
3670
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-dense);
3648
3671
  }
3649
- .ids-checkbox-group.ids-checkbox-group-dense > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3672
+ .ids-checkbox-group.ids-checkbox-group-dense > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-container {
3673
+ display: flex;
3674
+ flex-direction: row;
3675
+ gap: var(--ids-comp-checkbox-label-size-gap-dense);
3676
+ }
3677
+ .ids-checkbox-group.ids-checkbox-group-dense > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3650
3678
  font-family: var(--ids-comp-checkbox-group-label-typography-font-family-dense);
3651
3679
  font-size: var(--ids-comp-checkbox-group-label-typography-font-size-dense);
3652
3680
  font-weight: var(--ids-comp-checkbox-group-label-typography-font-weight-dense);
@@ -3669,13 +3697,13 @@ input[autocomplete] {
3669
3697
  padding: var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-dense);
3670
3698
  gap: var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-dense);
3671
3699
  }
3672
- .ids-checkbox-group.ids-checkbox-group-light > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3700
+ .ids-checkbox-group.ids-checkbox-group-light > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3673
3701
  color: var(--ids-comp-checkbox-label-color-fg-light-default);
3674
3702
  }
3675
- .ids-checkbox-group.ids-checkbox-group-dark > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3703
+ .ids-checkbox-group.ids-checkbox-group-dark > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3676
3704
  color: var(--ids-comp-checkbox-label-color-fg-dark-default);
3677
3705
  }
3678
- .ids-checkbox-group.ids-checkbox-group-surface > .ids-checkbox-group__legend > .ids-checkbox-group__legend-label {
3706
+ .ids-checkbox-group.ids-checkbox-group-surface > .ids-checkbox-group__legend-wrapper > .ids-checkbox-group__legend-label {
3679
3707
  color: var(--ids-comp-checkbox-label-color-fg-surface-default);
3680
3708
  }
3681
3709
 
@@ -3730,6 +3758,8 @@ input[autocomplete] {
3730
3758
  }
3731
3759
  .ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container {
3732
3760
  text-align: start;
3761
+ display: flex;
3762
+ flex-direction: row;
3733
3763
  }
3734
3764
  .ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label {
3735
3765
  font-style: normal;
@@ -3778,6 +3808,7 @@ input[autocomplete] {
3778
3808
  letter-spacing: var(--ids-comp-checkbox-label-typography-letter-spacing-compact);
3779
3809
  font-size: var(--ids-comp-checkbox-label-typography-font-size-compact);
3780
3810
  line-height: var(--ids-comp-checkbox-label-typography-line-height-compact);
3811
+ gap: var(--ids-comp-checkbox-label-size-gap-compact);
3781
3812
  }
3782
3813
  .ids-checkbox.ids-checkbox-comfortable {
3783
3814
  padding: var(--ids-comp-checkbox-container-size-padding-y-comfortable) var(--ids-comp-checkbox-container-size-padding-x-comfortable);
@@ -3820,6 +3851,7 @@ input[autocomplete] {
3820
3851
  letter-spacing: var(--ids-comp-checkbox-label-typography-letter-spacing-comfortable);
3821
3852
  font-size: var(--ids-comp-checkbox-label-typography-font-size-comfortable);
3822
3853
  line-height: var(--ids-comp-checkbox-label-typography-line-height-comfortable);
3854
+ gap: var(--ids-comp-checkbox-label-size-gap-comfortable);
3823
3855
  }
3824
3856
  .ids-checkbox.ids-checkbox-spacious {
3825
3857
  padding: var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious);
@@ -3862,6 +3894,7 @@ input[autocomplete] {
3862
3894
  letter-spacing: var(--ids-comp-checkbox-label-typography-letter-spacing-spacious);
3863
3895
  font-size: var(--ids-comp-checkbox-label-typography-font-size-spacious);
3864
3896
  line-height: var(--ids-comp-checkbox-label-typography-line-height-spacious);
3897
+ gap: var(--ids-comp-checkbox-label-size-gap-spacious);
3865
3898
  }
3866
3899
  .ids-checkbox.ids-checkbox-dense {
3867
3900
  padding: var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense);
@@ -3904,6 +3937,7 @@ input[autocomplete] {
3904
3937
  letter-spacing: var(--ids-comp-checkbox-label-typography-letter-spacing-dense);
3905
3938
  font-size: var(--ids-comp-checkbox-label-typography-font-size-dense);
3906
3939
  line-height: var(--ids-comp-checkbox-label-typography-line-height-dense);
3940
+ gap: var(--ids-comp-checkbox-label-size-gap-dense);
3907
3941
  }
3908
3942
  .ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true]) {
3909
3943
  border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-hovered);
@@ -5524,10 +5558,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5524
5558
  .ids-calendar {
5525
5559
  display: flex;
5526
5560
  flex-direction: column;
5527
- background-color: white;
5528
5561
  border-width: 1px;
5529
5562
  border-style: solid;
5530
- border-color: lightgrey;
5531
5563
  }
5532
5564
  .ids-calendar > .ids-calendar__header {
5533
5565
  display: flex;
@@ -5558,6 +5590,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5558
5590
  .ids-calendar.ids-calendar-compact {
5559
5591
  gap: var(--ids-comp-date-picker-size-gap-compact);
5560
5592
  padding: var(--ids-comp-date-picker-size-padding-y-compact) var(--ids-comp-date-picker-size-padding-x-compact);
5593
+ border-radius: var(--ids-comp-overlay-panel-size-border-radius-compact);
5561
5594
  }
5562
5595
  .ids-calendar.ids-calendar-compact .ids-calendar-grid {
5563
5596
  column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-compact);
@@ -5597,6 +5630,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5597
5630
  .ids-calendar.ids-calendar-comfortable {
5598
5631
  gap: var(--ids-comp-date-picker-size-gap-comfortable);
5599
5632
  padding: var(--ids-comp-date-picker-size-padding-y-comfortable) var(--ids-comp-date-picker-size-padding-x-comfortable);
5633
+ border-radius: var(--ids-comp-overlay-panel-size-border-radius-comfortable);
5600
5634
  }
5601
5635
  .ids-calendar.ids-calendar-comfortable .ids-calendar-grid {
5602
5636
  column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-comfortable);
@@ -5636,6 +5670,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5636
5670
  .ids-calendar.ids-calendar-spacious {
5637
5671
  gap: var(--ids-comp-date-picker-size-gap-spacious);
5638
5672
  padding: var(--ids-comp-date-picker-size-padding-y-spacious) var(--ids-comp-date-picker-size-padding-x-spacious);
5673
+ border-radius: var(--ids-comp-overlay-panel-size-border-radius-spacious);
5639
5674
  }
5640
5675
  .ids-calendar.ids-calendar-spacious .ids-calendar-grid {
5641
5676
  column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-spacious);
@@ -5675,6 +5710,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5675
5710
  .ids-calendar.ids-calendar-dense {
5676
5711
  gap: var(--ids-comp-date-picker-size-gap-dense);
5677
5712
  padding: var(--ids-comp-date-picker-size-padding-y-dense) var(--ids-comp-date-picker-size-padding-x-dense);
5713
+ border-radius: var(--ids-comp-overlay-panel-size-border-radius-dense);
5678
5714
  }
5679
5715
  .ids-calendar.ids-calendar-dense .ids-calendar-grid {
5680
5716
  column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-dense);
@@ -5711,6 +5747,15 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5711
5747
  .ids-calendar.ids-calendar-dense .ids-calendar-cell > .ids-calendar-button:is(:focus, :focus-visible) {
5712
5748
  outline-width: var(--ids-comp-date-picker-focused-outline-size-outline-dense);
5713
5749
  }
5750
+ .ids-calendar.ids-calendar-filled {
5751
+ box-shadow: none;
5752
+ }
5753
+ .ids-calendar.ids-calendar-outlined {
5754
+ box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxs) var(--ids-smc-reference-container-effects-shadow-blur-xxs) var(--ids-smc-reference-container-effects-shadow-spread-none) var(--ids-smc-reference-container-effects-shadow-color-dark-lighter);
5755
+ }
5756
+ .ids-calendar.ids-calendar-elevated {
5757
+ box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default);
5758
+ }
5714
5759
  .ids-calendar.ids-calendar-surface .ids-calendar-cell {
5715
5760
  background-color: var(--ids-comp-date-picker-cell-unselected-color-bg-surface-default);
5716
5761
  border-color: var(--ids-comp-date-picker-cell-unselected-color-border-surface-default);
@@ -5787,6 +5832,24 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5787
5832
  .ids-calendar.ids-calendar-surface .ids-calendar-cell > .ids-calendar-button:is(:focus, :focus-visible) {
5788
5833
  outline-color: var(--ids-comp-date-picker-focused-outline-color-dark);
5789
5834
  }
5835
+ .ids-calendar.ids-calendar-filled.ids-calendar-surface {
5836
+ background: var(--ids-comp-overlay-panel-filled-color-bg-surface-default);
5837
+ }
5838
+ .ids-calendar.ids-calendar-filled.ids-calendar-surface.ids-calendar-outlined {
5839
+ border-color: var(--ids-comp-overlay-panel-filled-color-border-surface-default);
5840
+ }
5841
+ .ids-calendar.ids-calendar-outlined.ids-calendar-surface {
5842
+ background: var(--ids-comp-overlay-panel-outlined-color-bg-surface-default);
5843
+ }
5844
+ .ids-calendar.ids-calendar-outlined.ids-calendar-surface.ids-calendar-outlined {
5845
+ border-color: var(--ids-comp-overlay-panel-outlined-color-border-surface-default);
5846
+ }
5847
+ .ids-calendar.ids-calendar-elevated.ids-calendar-surface {
5848
+ background: var(--ids-comp-overlay-panel-elevated-color-bg-surface-default);
5849
+ }
5850
+ .ids-calendar.ids-calendar-elevated.ids-calendar-surface.ids-calendar-outlined {
5851
+ border-color: var(--ids-comp-overlay-panel-elevated-color-border-surface-default);
5852
+ }
5790
5853
 
5791
5854
  .ids-year-selector > .ids-year-selector__years-grid {
5792
5855
  display: grid;
@@ -5807,6 +5870,14 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5807
5870
  grid-template-columns: repeat(7, 1fr);
5808
5871
  }
5809
5872
 
5873
+ .ids-dialog-backdrop {
5874
+ background-color: var(--ids-comp-dialog-backdrop-background);
5875
+ }
5876
+
5877
+ .ids-dialog-transparent-backdrop {
5878
+ background-color: transparent;
5879
+ }
5880
+
5810
5881
  .ids-dialog {
5811
5882
  box-sizing: border-box;
5812
5883
  border-width: 0;
@@ -5825,12 +5896,6 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5825
5896
  border-style: none;
5826
5897
  border-color: transparent;
5827
5898
  }
5828
- .ids-dialog::backdrop {
5829
- background-color: transparent;
5830
- }
5831
- .ids-dialog.ids-dialog-with-backdrop::backdrop {
5832
- background-color: var(--ids-comp-dialog-backdrop-background);
5833
- }
5834
5899
  .ids-dialog .ids-dialog-container {
5835
5900
  display: grid;
5836
5901
  grid-template-rows: auto 1fr auto;
@@ -10702,7 +10767,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10702
10767
  border-color: transparent;
10703
10768
  }
10704
10769
  .ids-radio-group.ids-radio-group-left {
10705
- align-items: flex-end;
10770
+ align-items: flex-start;
10706
10771
  }
10707
10772
  .ids-radio-group.ids-radio-group-right {
10708
10773
  align-items: flex-start;
@@ -10721,8 +10786,20 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10721
10786
  flex-direction: row;
10722
10787
  align-items: center;
10723
10788
  }
10789
+ .ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top > .ids-radio-group__list {
10790
+ align-items: flex-end;
10791
+ }
10792
+ .ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom > .ids-radio-group__list {
10793
+ align-items: flex-start;
10794
+ }
10724
10795
  .ids-radio-group.ids-radio-group-vertical > .ids-radio-group__list {
10725
10796
  flex-direction: column;
10797
+ align-items: center;
10798
+ }
10799
+ .ids-radio-group.ids-radio-group-vertical.ids-radio-group-left > .ids-radio-group__list {
10800
+ align-items: flex-end;
10801
+ }
10802
+ .ids-radio-group.ids-radio-group-vertical.ids-radio-group-right > .ids-radio-group__list {
10726
10803
  align-items: flex-start;
10727
10804
  }
10728
10805
  .ids-radio-group .ids-radio {
@@ -10751,6 +10828,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10751
10828
  }
10752
10829
  .ids-radio-group .ids-radio.ids-radio-top .ids-radio__label, .ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label {
10753
10830
  justify-content: center;
10831
+ text-align: center;
10754
10832
  }
10755
10833
  .ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper, .ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper {
10756
10834
  align-items: flex-start;
@@ -10812,7 +10890,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10812
10890
  cursor: not-allowed;
10813
10891
  }
10814
10892
  .ids-radio-group.ids-radio-group-compact {
10815
- padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact);
10893
+ padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact);
10816
10894
  gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact);
10817
10895
  }
10818
10896
  .ids-radio-group.ids-radio-group-compact > .ids-radio-group__legend {
@@ -10875,7 +10953,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10875
10953
  letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-compact);
10876
10954
  }
10877
10955
  .ids-radio-group.ids-radio-group-comfortable {
10878
- padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable);
10956
+ padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable);
10879
10957
  gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable);
10880
10958
  }
10881
10959
  .ids-radio-group.ids-radio-group-comfortable > .ids-radio-group__legend {
@@ -10938,7 +11016,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
10938
11016
  letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable);
10939
11017
  }
10940
11018
  .ids-radio-group.ids-radio-group-spacious {
10941
- padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious);
11019
+ padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious);
10942
11020
  gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious);
10943
11021
  }
10944
11022
  .ids-radio-group.ids-radio-group-spacious > .ids-radio-group__legend {
@@ -11001,7 +11079,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11001
11079
  letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-spacious);
11002
11080
  }
11003
11081
  .ids-radio-group.ids-radio-group-dense {
11004
- padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense);
11082
+ padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense);
11005
11083
  gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense);
11006
11084
  }
11007
11085
  .ids-radio-group.ids-radio-group-dense > .ids-radio-group__legend {
@@ -13342,7 +13420,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
13342
13420
  left: 0;
13343
13421
  width: 100vw;
13344
13422
  height: 100vh;
13345
- z-index: 999;
13423
+ z-index: 1000;
13346
13424
  }
13347
13425
  .ids-side-sheet .ids-side-sheet__container, .ids-side-sheet .ids-side-sheet__container--inline {
13348
13426
  box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default);