@i-cell/ids-styles 0.0.43 → 0.0.44
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/components.css
CHANGED
|
@@ -11614,6 +11614,368 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
11614
11614
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
11615
11615
|
}
|
|
11616
11616
|
|
|
11617
|
+
.ids-side-sheet {
|
|
11618
|
+
box-sizing: border-box;
|
|
11619
|
+
border-width: 0;
|
|
11620
|
+
border-style: none;
|
|
11621
|
+
border-color: transparent;
|
|
11622
|
+
line-height: 1.5;
|
|
11623
|
+
}
|
|
11624
|
+
.ids-side-sheet::before, .ids-side-sheet::after, .ids-side-sheet *, .ids-side-sheet ::before, .ids-side-sheet ::after {
|
|
11625
|
+
box-sizing: border-box;
|
|
11626
|
+
border-width: 0;
|
|
11627
|
+
border-style: none;
|
|
11628
|
+
border-color: transparent;
|
|
11629
|
+
}
|
|
11630
|
+
.ids-side-sheet .ids-side-sheet__backdrop {
|
|
11631
|
+
position: fixed;
|
|
11632
|
+
top: 0;
|
|
11633
|
+
left: 0;
|
|
11634
|
+
width: 100vw;
|
|
11635
|
+
height: 100vh;
|
|
11636
|
+
z-index: 999;
|
|
11637
|
+
}
|
|
11638
|
+
.ids-side-sheet .ids-side-sheet__container, .ids-side-sheet .ids-side-sheet__container--inline {
|
|
11639
|
+
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);
|
|
11640
|
+
}
|
|
11641
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content {
|
|
11642
|
+
background: var(--ids-comp-sidesheet-content-color-bg-default);
|
|
11643
|
+
}
|
|
11644
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content--scrollable, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable {
|
|
11645
|
+
max-height: 100%;
|
|
11646
|
+
overflow-y: auto;
|
|
11647
|
+
overflow-x: hidden;
|
|
11648
|
+
}
|
|
11649
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable), .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable) {
|
|
11650
|
+
overflow: hidden;
|
|
11651
|
+
}
|
|
11652
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
|
|
11653
|
+
color: var(--ids-comp-sidesheet-header-title-color-fg-default);
|
|
11654
|
+
}
|
|
11655
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer {
|
|
11656
|
+
background: var(--ids-comp-sidesheet-footer-color-bg-default);
|
|
11657
|
+
width: 100%;
|
|
11658
|
+
}
|
|
11659
|
+
.ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop {
|
|
11660
|
+
background: var(--ids-comp-sidesheet-backdrop-background-default);
|
|
11661
|
+
}
|
|
11662
|
+
.ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop {
|
|
11663
|
+
background: var(--ids-comp-sidesheet-backdrop-background-transparent);
|
|
11664
|
+
}
|
|
11665
|
+
.ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop {
|
|
11666
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact);
|
|
11667
|
+
}
|
|
11668
|
+
.ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop {
|
|
11669
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact);
|
|
11670
|
+
}
|
|
11671
|
+
.ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop {
|
|
11672
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable);
|
|
11673
|
+
}
|
|
11674
|
+
.ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop {
|
|
11675
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable);
|
|
11676
|
+
}
|
|
11677
|
+
.ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop {
|
|
11678
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious);
|
|
11679
|
+
}
|
|
11680
|
+
.ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop {
|
|
11681
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious);
|
|
11682
|
+
}
|
|
11683
|
+
.ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop {
|
|
11684
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense);
|
|
11685
|
+
}
|
|
11686
|
+
.ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop {
|
|
11687
|
+
opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense);
|
|
11688
|
+
}
|
|
11689
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline {
|
|
11690
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact);
|
|
11691
|
+
}
|
|
11692
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline {
|
|
11693
|
+
background-color: var(--ids-comp-sidesheet-container-color-bg-default);
|
|
11694
|
+
gap: var(--ids-comp-sidesheet-container-orientation-size-gap-compact);
|
|
11695
|
+
max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-compact);
|
|
11696
|
+
width: var(--ids-comp-sidesheet-container-orientation-size-width-compact);
|
|
11697
|
+
min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-compact);
|
|
11698
|
+
padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact);
|
|
11699
|
+
}
|
|
11700
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content--scrollable, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable {
|
|
11701
|
+
padding: var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-compact);
|
|
11702
|
+
}
|
|
11703
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable), .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable) {
|
|
11704
|
+
padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact);
|
|
11705
|
+
}
|
|
11706
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__footer, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__footer {
|
|
11707
|
+
padding: var(--ids-comp-sidesheet-footer-padding-y-top-compact) var(--ids-comp-sidesheet-footer-padding-x-compact) var(--ids-comp-sidesheet-footer-padding-y-compact);
|
|
11708
|
+
border-top: var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
|
|
11709
|
+
gap: var(--ids-comp-sidesheet-footer-gap-compact);
|
|
11710
|
+
}
|
|
11711
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default {
|
|
11712
|
+
background: var(--ids-comp-sidesheet-header-color-bg-default);
|
|
11713
|
+
padding: var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact);
|
|
11714
|
+
gap: var(--ids-comp-sidesheet-header-size-gap-compact);
|
|
11715
|
+
}
|
|
11716
|
+
.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
|
|
11717
|
+
font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-compact);
|
|
11718
|
+
font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-compact);
|
|
11719
|
+
font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-compact);
|
|
11720
|
+
letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);
|
|
11721
|
+
line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-compact);
|
|
11722
|
+
}
|
|
11723
|
+
.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container {
|
|
11724
|
+
border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11725
|
+
}
|
|
11726
|
+
.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop {
|
|
11727
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact);
|
|
11728
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact);
|
|
11729
|
+
}
|
|
11730
|
+
.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container {
|
|
11731
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact);
|
|
11732
|
+
}
|
|
11733
|
+
.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container {
|
|
11734
|
+
border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11735
|
+
}
|
|
11736
|
+
.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop {
|
|
11737
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact);
|
|
11738
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact);
|
|
11739
|
+
}
|
|
11740
|
+
.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container {
|
|
11741
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact);
|
|
11742
|
+
}
|
|
11743
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline {
|
|
11744
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable);
|
|
11745
|
+
}
|
|
11746
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline {
|
|
11747
|
+
background-color: var(--ids-comp-sidesheet-container-color-bg-default);
|
|
11748
|
+
gap: var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable);
|
|
11749
|
+
max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable);
|
|
11750
|
+
width: var(--ids-comp-sidesheet-container-orientation-size-width-comfortable);
|
|
11751
|
+
min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable);
|
|
11752
|
+
padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable);
|
|
11753
|
+
}
|
|
11754
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content--scrollable, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable {
|
|
11755
|
+
padding: var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-comfortable);
|
|
11756
|
+
}
|
|
11757
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable), .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable) {
|
|
11758
|
+
padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable);
|
|
11759
|
+
}
|
|
11760
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__footer, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__footer {
|
|
11761
|
+
padding: var(--ids-comp-sidesheet-footer-padding-y-top-comfortable) var(--ids-comp-sidesheet-footer-padding-x-comfortable) var(--ids-comp-sidesheet-footer-padding-y-comfortable);
|
|
11762
|
+
border-top: var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
|
|
11763
|
+
gap: var(--ids-comp-sidesheet-footer-gap-comfortable);
|
|
11764
|
+
}
|
|
11765
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default {
|
|
11766
|
+
background: var(--ids-comp-sidesheet-header-color-bg-default);
|
|
11767
|
+
padding: var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable);
|
|
11768
|
+
gap: var(--ids-comp-sidesheet-header-size-gap-comfortable);
|
|
11769
|
+
}
|
|
11770
|
+
.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
|
|
11771
|
+
font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);
|
|
11772
|
+
font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable);
|
|
11773
|
+
font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable);
|
|
11774
|
+
letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);
|
|
11775
|
+
line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable);
|
|
11776
|
+
}
|
|
11777
|
+
.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container {
|
|
11778
|
+
border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11779
|
+
}
|
|
11780
|
+
.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop {
|
|
11781
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable);
|
|
11782
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable);
|
|
11783
|
+
}
|
|
11784
|
+
.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container {
|
|
11785
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable);
|
|
11786
|
+
}
|
|
11787
|
+
.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container {
|
|
11788
|
+
border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11789
|
+
}
|
|
11790
|
+
.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop {
|
|
11791
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable);
|
|
11792
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable);
|
|
11793
|
+
}
|
|
11794
|
+
.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container {
|
|
11795
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable);
|
|
11796
|
+
}
|
|
11797
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline {
|
|
11798
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious);
|
|
11799
|
+
}
|
|
11800
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline {
|
|
11801
|
+
background-color: var(--ids-comp-sidesheet-container-color-bg-default);
|
|
11802
|
+
gap: var(--ids-comp-sidesheet-container-orientation-size-gap-spacious);
|
|
11803
|
+
max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious);
|
|
11804
|
+
width: var(--ids-comp-sidesheet-container-orientation-size-width-spacious);
|
|
11805
|
+
min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious);
|
|
11806
|
+
padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious);
|
|
11807
|
+
}
|
|
11808
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content--scrollable, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable {
|
|
11809
|
+
padding: var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-spacious);
|
|
11810
|
+
}
|
|
11811
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable), .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable) {
|
|
11812
|
+
padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious);
|
|
11813
|
+
}
|
|
11814
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__footer, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__footer {
|
|
11815
|
+
padding: var(--ids-comp-sidesheet-footer-padding-y-top-spacious) var(--ids-comp-sidesheet-footer-padding-x-spacious) var(--ids-comp-sidesheet-footer-padding-y-spacious);
|
|
11816
|
+
border-top: var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
|
|
11817
|
+
gap: var(--ids-comp-sidesheet-footer-gap-spacious);
|
|
11818
|
+
}
|
|
11819
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default {
|
|
11820
|
+
background: var(--ids-comp-sidesheet-header-color-bg-default);
|
|
11821
|
+
padding: var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious);
|
|
11822
|
+
gap: var(--ids-comp-sidesheet-header-size-gap-spacious);
|
|
11823
|
+
}
|
|
11824
|
+
.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
|
|
11825
|
+
font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);
|
|
11826
|
+
font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-spacious);
|
|
11827
|
+
font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious);
|
|
11828
|
+
letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);
|
|
11829
|
+
line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-spacious);
|
|
11830
|
+
}
|
|
11831
|
+
.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container {
|
|
11832
|
+
border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11833
|
+
}
|
|
11834
|
+
.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop {
|
|
11835
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious);
|
|
11836
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious);
|
|
11837
|
+
}
|
|
11838
|
+
.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container {
|
|
11839
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious);
|
|
11840
|
+
}
|
|
11841
|
+
.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container {
|
|
11842
|
+
border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11843
|
+
}
|
|
11844
|
+
.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop {
|
|
11845
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious);
|
|
11846
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious);
|
|
11847
|
+
}
|
|
11848
|
+
.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container {
|
|
11849
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious);
|
|
11850
|
+
}
|
|
11851
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline {
|
|
11852
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense);
|
|
11853
|
+
}
|
|
11854
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline {
|
|
11855
|
+
background-color: var(--ids-comp-sidesheet-container-color-bg-default);
|
|
11856
|
+
gap: var(--ids-comp-sidesheet-container-orientation-size-gap-dense);
|
|
11857
|
+
max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-dense);
|
|
11858
|
+
width: var(--ids-comp-sidesheet-container-orientation-size-width-dense);
|
|
11859
|
+
min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-dense);
|
|
11860
|
+
padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense);
|
|
11861
|
+
}
|
|
11862
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content--scrollable, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable {
|
|
11863
|
+
padding: var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-dense);
|
|
11864
|
+
}
|
|
11865
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable), .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable) {
|
|
11866
|
+
padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense);
|
|
11867
|
+
}
|
|
11868
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__footer, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__footer {
|
|
11869
|
+
padding: var(--ids-comp-sidesheet-footer-padding-y-top-dense) var(--ids-comp-sidesheet-footer-padding-x-dense) var(--ids-comp-sidesheet-footer-padding-y-dense);
|
|
11870
|
+
border-top: var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
|
|
11871
|
+
gap: var(--ids-comp-sidesheet-footer-gap-dense);
|
|
11872
|
+
}
|
|
11873
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default {
|
|
11874
|
+
background: var(--ids-comp-sidesheet-header-color-bg-default);
|
|
11875
|
+
padding: var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense);
|
|
11876
|
+
gap: var(--ids-comp-sidesheet-header-size-gap-dense);
|
|
11877
|
+
}
|
|
11878
|
+
.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
|
|
11879
|
+
font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-dense);
|
|
11880
|
+
font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-dense);
|
|
11881
|
+
font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-dense);
|
|
11882
|
+
letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);
|
|
11883
|
+
line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-dense);
|
|
11884
|
+
}
|
|
11885
|
+
.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container {
|
|
11886
|
+
border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11887
|
+
}
|
|
11888
|
+
.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop {
|
|
11889
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense);
|
|
11890
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense);
|
|
11891
|
+
}
|
|
11892
|
+
.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container {
|
|
11893
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense);
|
|
11894
|
+
}
|
|
11895
|
+
.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container {
|
|
11896
|
+
border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
|
|
11897
|
+
}
|
|
11898
|
+
.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop {
|
|
11899
|
+
padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense);
|
|
11900
|
+
padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense);
|
|
11901
|
+
}
|
|
11902
|
+
.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container {
|
|
11903
|
+
border-radius: var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense);
|
|
11904
|
+
}
|
|
11905
|
+
.ids-side-sheet .ids-side-sheet__container, .ids-side-sheet .ids-side-sheet__container--inline {
|
|
11906
|
+
display: flex;
|
|
11907
|
+
height: 100%;
|
|
11908
|
+
flex-direction: column;
|
|
11909
|
+
align-items: flex-start;
|
|
11910
|
+
position: fixed;
|
|
11911
|
+
top: 0;
|
|
11912
|
+
left: 0;
|
|
11913
|
+
z-index: 1000;
|
|
11914
|
+
}
|
|
11915
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row {
|
|
11916
|
+
width: 100%;
|
|
11917
|
+
display: flex;
|
|
11918
|
+
justify-content: flex-end;
|
|
11919
|
+
align-items: center;
|
|
11920
|
+
}
|
|
11921
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row:has(> :nth-child(2)), .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row:has(> :nth-child(2)) {
|
|
11922
|
+
justify-content: space-between;
|
|
11923
|
+
}
|
|
11924
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--custom {
|
|
11925
|
+
width: 100%;
|
|
11926
|
+
display: flex;
|
|
11927
|
+
align-items: center;
|
|
11928
|
+
justify-content: space-between;
|
|
11929
|
+
}
|
|
11930
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default {
|
|
11931
|
+
width: 100%;
|
|
11932
|
+
display: flex;
|
|
11933
|
+
align-items: center;
|
|
11934
|
+
justify-content: space-between;
|
|
11935
|
+
}
|
|
11936
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
|
|
11937
|
+
display: flex;
|
|
11938
|
+
align-items: center;
|
|
11939
|
+
}
|
|
11940
|
+
.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-close-btn, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn {
|
|
11941
|
+
margin-left: auto;
|
|
11942
|
+
}
|
|
11943
|
+
.ids-side-sheet .ids-side-sheet__container.right, .ids-side-sheet .ids-side-sheet__container--inline.right {
|
|
11944
|
+
left: auto;
|
|
11945
|
+
right: 0;
|
|
11946
|
+
}
|
|
11947
|
+
.ids-side-sheet .ids-side-sheet__container--inline {
|
|
11948
|
+
position: sticky;
|
|
11949
|
+
display: flex;
|
|
11950
|
+
flex-direction: column;
|
|
11951
|
+
top: 0;
|
|
11952
|
+
left: 0;
|
|
11953
|
+
height: 100%;
|
|
11954
|
+
transform: none;
|
|
11955
|
+
}
|
|
11956
|
+
.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default {
|
|
11957
|
+
width: 100%;
|
|
11958
|
+
display: flex;
|
|
11959
|
+
align-items: center;
|
|
11960
|
+
justify-content: space-between;
|
|
11961
|
+
}
|
|
11962
|
+
.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
|
|
11963
|
+
display: flex;
|
|
11964
|
+
align-items: center;
|
|
11965
|
+
}
|
|
11966
|
+
.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn {
|
|
11967
|
+
margin-left: auto;
|
|
11968
|
+
}
|
|
11969
|
+
.ids-side-sheet .ids-side-sheet__container--inline.right {
|
|
11970
|
+
left: auto;
|
|
11971
|
+
right: 0;
|
|
11972
|
+
transform: none;
|
|
11973
|
+
}
|
|
11974
|
+
.ids-side-sheet .ids-side-sheet__header-close-btn {
|
|
11975
|
+
align-self: flex-start;
|
|
11976
|
+
cursor: pointer;
|
|
11977
|
+
}
|
|
11978
|
+
|
|
11617
11979
|
.ids-snackbar-group {
|
|
11618
11980
|
box-sizing: border-box;
|
|
11619
11981
|
border-width: 0;
|