@i-cell/ids-styles 0.0.42 → 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/breadcrumb/breadcrumb.css +288 -0
- package/dist/breadcrumb/breadcrumb.min.css +1 -0
- package/dist/breadcrumb/breadcrumb.plugin.js +272 -0
- package/dist/components.css +651 -0
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +624 -0
- package/dist/side-sheet/side-sheet.css +361 -0
- package/dist/side-sheet/side-sheet.min.css +1 -0
- package/dist/side-sheet/side-sheet.plugin.js +370 -0
- package/package.json +2 -2
|
@@ -730,6 +730,269 @@ module.exports = function ComponentsPlugin() {
|
|
|
730
730
|
minWidth: 'var(--ids-comp-badge-noelement-size-width-dense)',
|
|
731
731
|
height: 'var(--ids-comp-badge-noelement-size-height-dense)',
|
|
732
732
|
},
|
|
733
|
+
'*:has(ids-breadcrumb.ids-breadcrumb)': { width: '100%' },
|
|
734
|
+
'.ids-breadcrumb': {
|
|
735
|
+
boxSizing: 'border-box',
|
|
736
|
+
borderWidth: '0',
|
|
737
|
+
borderStyle: 'none',
|
|
738
|
+
borderColor: 'rgba(0,0,0,0)',
|
|
739
|
+
lineHeight: 1.5,
|
|
740
|
+
display: 'block',
|
|
741
|
+
},
|
|
742
|
+
'.ids-breadcrumb::before,.ids-breadcrumb::after,.ids-breadcrumb *,.ids-breadcrumb ::before,.ids-breadcrumb ::after': {
|
|
743
|
+
boxSizing: 'border-box',
|
|
744
|
+
borderWidth: '0',
|
|
745
|
+
borderStyle: 'none',
|
|
746
|
+
borderColor: 'rgba(0,0,0,0)',
|
|
747
|
+
},
|
|
748
|
+
'.ids-breadcrumb-divider': { display: 'flex', alignItems: 'center' },
|
|
749
|
+
'.ids-breadcrumb-link': { display: 'block', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' },
|
|
750
|
+
'.ids-breadcrumb-link:link,.ids-breadcrumb-link:visited': { textDecoration: 'none' },
|
|
751
|
+
'.ids-breadcrumb-link:focus,.ids-breadcrumb-link:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
|
|
752
|
+
'.ids-breadcrumb-link:active': { outlineStyle: 'none' },
|
|
753
|
+
'.ids-breadcrumb-link:not([disabled])': { cursor: 'pointer' },
|
|
754
|
+
'.ids-breadcrumb-link:is([disabled])': { cursor: 'not-allowed' },
|
|
755
|
+
'.ids-breadcrumb-page': { display: 'block', cursor: 'default' },
|
|
756
|
+
'.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-list': {
|
|
757
|
+
display: 'inline-flex',
|
|
758
|
+
alignItems: 'center',
|
|
759
|
+
gap: 'var(--ids-comp-breadcrumb-size-gap-compact)',
|
|
760
|
+
},
|
|
761
|
+
'.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-list.ids-overlay-panel': { alignItems: 'start' },
|
|
762
|
+
'.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-link': {
|
|
763
|
+
fontFamily: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-family-compact)',
|
|
764
|
+
fontSize: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-size-compact)',
|
|
765
|
+
fontWeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-weight-compact)',
|
|
766
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-navigation-link-typography-letter-spacing-compact)',
|
|
767
|
+
lineHeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-line-height-compact)',
|
|
768
|
+
padding:
|
|
769
|
+
'var(--ids-comp-breadcrumb-navigation-link-size-padding-y-compact) var(--ids-comp-breadcrumb-navigation-link-size-padding-x-compact)',
|
|
770
|
+
maxWidth: 'var(--ids-comp-breadcrumb-navigation-link-size-max-width-compact)',
|
|
771
|
+
borderRadius: 'var(--ids-comp-breadcrumb-navigation-link-size-border-radius-compact)',
|
|
772
|
+
},
|
|
773
|
+
'.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-link:focus-visible':
|
|
774
|
+
{ outlineWidth: 'var(--ids-comp-breadcrumb-focused-outline-size-outline-compact)' },
|
|
775
|
+
'.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-page': {
|
|
776
|
+
fontFamily: 'var(--ids-comp-breadcrumb-current-page-typography-font-family-compact)',
|
|
777
|
+
fontSize: 'var(--ids-comp-breadcrumb-current-page-typography-font-size-compact)',
|
|
778
|
+
fontWeight: 'var(--ids-comp-breadcrumb-current-page-typography-font-weight-compact)',
|
|
779
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-current-page-typography-letter-spacing-compact)',
|
|
780
|
+
lineHeight: 'var(--ids-comp-breadcrumb-current-page-typography-line-height-compact)',
|
|
781
|
+
padding:
|
|
782
|
+
'var(--ids-comp-breadcrumb-current-page-size-padding-y-compact) var(--ids-comp-breadcrumb-current-page-size-padding-x-compact)',
|
|
783
|
+
maxWidth: 'var(--ids-comp-breadcrumb-current-page-size-max-width-compact)',
|
|
784
|
+
},
|
|
785
|
+
'.ids-breadcrumb.ids-breadcrumb-compact .ids-breadcrumb-divider-foreslash': {
|
|
786
|
+
fontFamily: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-family-compact)',
|
|
787
|
+
fontSize: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-size-compact)',
|
|
788
|
+
fontWeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-weight-compact)',
|
|
789
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-letter-spacing-compact)',
|
|
790
|
+
lineHeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-line-height-compact)',
|
|
791
|
+
padding:
|
|
792
|
+
'var(--ids-comp-breadcrumb-divider-foreslash-size-padding-y-compact) var(--ids-comp-breadcrumb-divider-foreslash-size-padding-x-compact)',
|
|
793
|
+
borderRadius: 'var(--ids-comp-breadcrumb-divider-foreslash-size-border-radius-compact)',
|
|
794
|
+
},
|
|
795
|
+
'.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-list': {
|
|
796
|
+
display: 'inline-flex',
|
|
797
|
+
alignItems: 'center',
|
|
798
|
+
gap: 'var(--ids-comp-breadcrumb-size-gap-comfortable)',
|
|
799
|
+
},
|
|
800
|
+
'.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-list.ids-overlay-panel': { alignItems: 'start' },
|
|
801
|
+
'.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-link': {
|
|
802
|
+
fontFamily: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-family-comfortable)',
|
|
803
|
+
fontSize: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-size-comfortable)',
|
|
804
|
+
fontWeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-weight-comfortable)',
|
|
805
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-navigation-link-typography-letter-spacing-comfortable)',
|
|
806
|
+
lineHeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-line-height-comfortable)',
|
|
807
|
+
padding:
|
|
808
|
+
'var(--ids-comp-breadcrumb-navigation-link-size-padding-y-comfortable) var(--ids-comp-breadcrumb-navigation-link-size-padding-x-comfortable)',
|
|
809
|
+
maxWidth: 'var(--ids-comp-breadcrumb-navigation-link-size-max-width-comfortable)',
|
|
810
|
+
borderRadius: 'var(--ids-comp-breadcrumb-navigation-link-size-border-radius-comfortable)',
|
|
811
|
+
},
|
|
812
|
+
'.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-link:focus-visible':
|
|
813
|
+
{ outlineWidth: 'var(--ids-comp-breadcrumb-focused-outline-size-outline-comfortable)' },
|
|
814
|
+
'.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-page': {
|
|
815
|
+
fontFamily: 'var(--ids-comp-breadcrumb-current-page-typography-font-family-comfortable)',
|
|
816
|
+
fontSize: 'var(--ids-comp-breadcrumb-current-page-typography-font-size-comfortable)',
|
|
817
|
+
fontWeight: 'var(--ids-comp-breadcrumb-current-page-typography-font-weight-comfortable)',
|
|
818
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-current-page-typography-letter-spacing-comfortable)',
|
|
819
|
+
lineHeight: 'var(--ids-comp-breadcrumb-current-page-typography-line-height-comfortable)',
|
|
820
|
+
padding:
|
|
821
|
+
'var(--ids-comp-breadcrumb-current-page-size-padding-y-comfortable) var(--ids-comp-breadcrumb-current-page-size-padding-x-comfortable)',
|
|
822
|
+
maxWidth: 'var(--ids-comp-breadcrumb-current-page-size-max-width-comfortable)',
|
|
823
|
+
},
|
|
824
|
+
'.ids-breadcrumb.ids-breadcrumb-comfortable .ids-breadcrumb-divider-foreslash': {
|
|
825
|
+
fontFamily: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-family-comfortable)',
|
|
826
|
+
fontSize: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-size-comfortable)',
|
|
827
|
+
fontWeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-weight-comfortable)',
|
|
828
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-letter-spacing-comfortable)',
|
|
829
|
+
lineHeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-line-height-comfortable)',
|
|
830
|
+
padding:
|
|
831
|
+
'var(--ids-comp-breadcrumb-divider-foreslash-size-padding-y-comfortable) var(--ids-comp-breadcrumb-divider-foreslash-size-padding-x-comfortable)',
|
|
832
|
+
borderRadius: 'var(--ids-comp-breadcrumb-divider-foreslash-size-border-radius-comfortable)',
|
|
833
|
+
},
|
|
834
|
+
'.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-list': {
|
|
835
|
+
display: 'inline-flex',
|
|
836
|
+
alignItems: 'center',
|
|
837
|
+
gap: 'var(--ids-comp-breadcrumb-size-gap-spacious)',
|
|
838
|
+
},
|
|
839
|
+
'.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-list.ids-overlay-panel': { alignItems: 'start' },
|
|
840
|
+
'.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-link': {
|
|
841
|
+
fontFamily: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-family-spacious)',
|
|
842
|
+
fontSize: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-size-spacious)',
|
|
843
|
+
fontWeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-weight-spacious)',
|
|
844
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-navigation-link-typography-letter-spacing-spacious)',
|
|
845
|
+
lineHeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-line-height-spacious)',
|
|
846
|
+
padding:
|
|
847
|
+
'var(--ids-comp-breadcrumb-navigation-link-size-padding-y-spacious) var(--ids-comp-breadcrumb-navigation-link-size-padding-x-spacious)',
|
|
848
|
+
maxWidth: 'var(--ids-comp-breadcrumb-navigation-link-size-max-width-spacious)',
|
|
849
|
+
borderRadius: 'var(--ids-comp-breadcrumb-navigation-link-size-border-radius-spacious)',
|
|
850
|
+
},
|
|
851
|
+
'.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-link:focus-visible':
|
|
852
|
+
{ outlineWidth: 'var(--ids-comp-breadcrumb-focused-outline-size-outline-spacious)' },
|
|
853
|
+
'.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-page': {
|
|
854
|
+
fontFamily: 'var(--ids-comp-breadcrumb-current-page-typography-font-family-spacious)',
|
|
855
|
+
fontSize: 'var(--ids-comp-breadcrumb-current-page-typography-font-size-spacious)',
|
|
856
|
+
fontWeight: 'var(--ids-comp-breadcrumb-current-page-typography-font-weight-spacious)',
|
|
857
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-current-page-typography-letter-spacing-spacious)',
|
|
858
|
+
lineHeight: 'var(--ids-comp-breadcrumb-current-page-typography-line-height-spacious)',
|
|
859
|
+
padding:
|
|
860
|
+
'var(--ids-comp-breadcrumb-current-page-size-padding-y-spacious) var(--ids-comp-breadcrumb-current-page-size-padding-x-spacious)',
|
|
861
|
+
maxWidth: 'var(--ids-comp-breadcrumb-current-page-size-max-width-spacious)',
|
|
862
|
+
},
|
|
863
|
+
'.ids-breadcrumb.ids-breadcrumb-spacious .ids-breadcrumb-divider-foreslash': {
|
|
864
|
+
fontFamily: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-family-spacious)',
|
|
865
|
+
fontSize: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-size-spacious)',
|
|
866
|
+
fontWeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-weight-spacious)',
|
|
867
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-letter-spacing-spacious)',
|
|
868
|
+
lineHeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-line-height-spacious)',
|
|
869
|
+
padding:
|
|
870
|
+
'var(--ids-comp-breadcrumb-divider-foreslash-size-padding-y-spacious) var(--ids-comp-breadcrumb-divider-foreslash-size-padding-x-spacious)',
|
|
871
|
+
borderRadius: 'var(--ids-comp-breadcrumb-divider-foreslash-size-border-radius-spacious)',
|
|
872
|
+
},
|
|
873
|
+
'.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-list': {
|
|
874
|
+
display: 'inline-flex',
|
|
875
|
+
alignItems: 'center',
|
|
876
|
+
gap: 'var(--ids-comp-breadcrumb-size-gap-dense)',
|
|
877
|
+
},
|
|
878
|
+
'.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-list.ids-overlay-panel': { alignItems: 'start' },
|
|
879
|
+
'.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-link': {
|
|
880
|
+
fontFamily: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-family-dense)',
|
|
881
|
+
fontSize: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-size-dense)',
|
|
882
|
+
fontWeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-font-weight-dense)',
|
|
883
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-navigation-link-typography-letter-spacing-dense)',
|
|
884
|
+
lineHeight: 'var(--ids-comp-breadcrumb-navigation-link-typography-line-height-dense)',
|
|
885
|
+
padding:
|
|
886
|
+
'var(--ids-comp-breadcrumb-navigation-link-size-padding-y-dense) var(--ids-comp-breadcrumb-navigation-link-size-padding-x-dense)',
|
|
887
|
+
maxWidth: 'var(--ids-comp-breadcrumb-navigation-link-size-max-width-dense)',
|
|
888
|
+
borderRadius: 'var(--ids-comp-breadcrumb-navigation-link-size-border-radius-dense)',
|
|
889
|
+
},
|
|
890
|
+
'.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-link:focus-visible':
|
|
891
|
+
{ outlineWidth: 'var(--ids-comp-breadcrumb-focused-outline-size-outline-dense)' },
|
|
892
|
+
'.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-page': {
|
|
893
|
+
fontFamily: 'var(--ids-comp-breadcrumb-current-page-typography-font-family-dense)',
|
|
894
|
+
fontSize: 'var(--ids-comp-breadcrumb-current-page-typography-font-size-dense)',
|
|
895
|
+
fontWeight: 'var(--ids-comp-breadcrumb-current-page-typography-font-weight-dense)',
|
|
896
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-current-page-typography-letter-spacing-dense)',
|
|
897
|
+
lineHeight: 'var(--ids-comp-breadcrumb-current-page-typography-line-height-dense)',
|
|
898
|
+
padding:
|
|
899
|
+
'var(--ids-comp-breadcrumb-current-page-size-padding-y-dense) var(--ids-comp-breadcrumb-current-page-size-padding-x-dense)',
|
|
900
|
+
maxWidth: 'var(--ids-comp-breadcrumb-current-page-size-max-width-dense)',
|
|
901
|
+
},
|
|
902
|
+
'.ids-breadcrumb.ids-breadcrumb-dense .ids-breadcrumb-divider-foreslash': {
|
|
903
|
+
fontFamily: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-family-dense)',
|
|
904
|
+
fontSize: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-size-dense)',
|
|
905
|
+
fontWeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-font-weight-dense)',
|
|
906
|
+
letterSpacing: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-letter-spacing-dense)',
|
|
907
|
+
lineHeight: 'var(--ids-comp-breadcrumb-divider-foreslash-typography-line-height-dense)',
|
|
908
|
+
padding:
|
|
909
|
+
'var(--ids-comp-breadcrumb-divider-foreslash-size-padding-y-dense) var(--ids-comp-breadcrumb-divider-foreslash-size-padding-x-dense)',
|
|
910
|
+
borderRadius: 'var(--ids-comp-breadcrumb-divider-foreslash-size-border-radius-dense)',
|
|
911
|
+
},
|
|
912
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-link': {
|
|
913
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-primary-default)',
|
|
914
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-primary-default)',
|
|
915
|
+
},
|
|
916
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-link:hover': {
|
|
917
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-primary-hovered)',
|
|
918
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-primary-hovered)',
|
|
919
|
+
},
|
|
920
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-link:focus-visible':
|
|
921
|
+
{
|
|
922
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-primary-focused)',
|
|
923
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-primary-focused)',
|
|
924
|
+
outlineColor: 'var(--ids-comp-breadcrumb-focused-outline-color-dark-focused)',
|
|
925
|
+
},
|
|
926
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-link:active': {
|
|
927
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-primary-pressed)',
|
|
928
|
+
},
|
|
929
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-link:is([disabled])': {
|
|
930
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-primary-disabled)',
|
|
931
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-primary-disabled)',
|
|
932
|
+
},
|
|
933
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-page': {
|
|
934
|
+
color: 'var(--ids-comp-breadcrumb-current-page-fg-primary-default)',
|
|
935
|
+
background: 'var(--ids-comp-breadcrumb-current-page-bg-primary-default)',
|
|
936
|
+
},
|
|
937
|
+
'.ids-breadcrumb.ids-breadcrumb-primary .ids-breadcrumb-divider-foreslash': {
|
|
938
|
+
color: 'var(--ids-comp-breadcrumb-divider-foreslash-fg-primary-default)',
|
|
939
|
+
},
|
|
940
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-link': {
|
|
941
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-light-default)',
|
|
942
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-light-default)',
|
|
943
|
+
},
|
|
944
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-link:hover': {
|
|
945
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-light-hovered)',
|
|
946
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-light-hovered)',
|
|
947
|
+
},
|
|
948
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-link:focus-visible':
|
|
949
|
+
{
|
|
950
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-light-focused)',
|
|
951
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-light-focused)',
|
|
952
|
+
outlineColor: 'var(--ids-comp-breadcrumb-focused-outline-color-light-focused)',
|
|
953
|
+
},
|
|
954
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-link:active': {
|
|
955
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-light-pressed)',
|
|
956
|
+
},
|
|
957
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-link:is([disabled])': {
|
|
958
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-light-disabled)',
|
|
959
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-light-disabled)',
|
|
960
|
+
},
|
|
961
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-page': {
|
|
962
|
+
color: 'var(--ids-comp-breadcrumb-current-page-fg-light-default)',
|
|
963
|
+
background: 'var(--ids-comp-breadcrumb-current-page-bg-light-default)',
|
|
964
|
+
},
|
|
965
|
+
'.ids-breadcrumb.ids-breadcrumb-light .ids-breadcrumb-divider-foreslash': {
|
|
966
|
+
color: 'var(--ids-comp-breadcrumb-divider-foreslash-fg-light-default)',
|
|
967
|
+
},
|
|
968
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-link': {
|
|
969
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-surface-default)',
|
|
970
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-surface-default)',
|
|
971
|
+
},
|
|
972
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-link:hover': {
|
|
973
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-surface-hovered)',
|
|
974
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-surface-hovered)',
|
|
975
|
+
},
|
|
976
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-link:focus,.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-link:focus-visible':
|
|
977
|
+
{
|
|
978
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-surface-focused)',
|
|
979
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-surface-focused)',
|
|
980
|
+
outlineColor: 'var(--ids-comp-breadcrumb-focused-outline-color-dark-focused)',
|
|
981
|
+
},
|
|
982
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-link:active': {
|
|
983
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-surface-pressed)',
|
|
984
|
+
},
|
|
985
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-link:is([disabled])': {
|
|
986
|
+
color: 'var(--ids-comp-breadcrumb-navigation-link-fg-surface-disabled)',
|
|
987
|
+
background: 'var(--ids-comp-breadcrumb-navigation-link-bg-surface-disabled)',
|
|
988
|
+
},
|
|
989
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-page': {
|
|
990
|
+
color: 'var(--ids-comp-breadcrumb-current-page-fg-surface-default)',
|
|
991
|
+
background: 'var(--ids-comp-breadcrumb-current-page-bg-surface-default)',
|
|
992
|
+
},
|
|
993
|
+
'.ids-breadcrumb.ids-breadcrumb-surface .ids-breadcrumb-divider-foreslash': {
|
|
994
|
+
color: 'var(--ids-comp-breadcrumb-divider-foreslash-fg-surface-default)',
|
|
995
|
+
},
|
|
733
996
|
'.ids-button-group': {
|
|
734
997
|
boxSizing: 'border-box',
|
|
735
998
|
borderWidth: '0',
|
|
@@ -10638,6 +10901,367 @@ module.exports = function ComponentsPlugin() {
|
|
|
10638
10901
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
10639
10902
|
'.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
10640
10903
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
|
|
10904
|
+
'.ids-side-sheet': { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)', lineHeight: 1.5 },
|
|
10905
|
+
'.ids-side-sheet::before,.ids-side-sheet::after,.ids-side-sheet *,.ids-side-sheet ::before,.ids-side-sheet ::after': {
|
|
10906
|
+
boxSizing: 'border-box',
|
|
10907
|
+
borderWidth: '0',
|
|
10908
|
+
borderStyle: 'none',
|
|
10909
|
+
borderColor: 'rgba(0,0,0,0)',
|
|
10910
|
+
},
|
|
10911
|
+
'.ids-side-sheet .ids-side-sheet__backdrop': { position: 'fixed', top: '0', left: '0', width: '100vw', height: '100vh', zIndex: 999 },
|
|
10912
|
+
'.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline': {
|
|
10913
|
+
boxShadow:
|
|
10914
|
+
'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)',
|
|
10915
|
+
display: 'flex',
|
|
10916
|
+
height: '100%',
|
|
10917
|
+
flexDirection: 'column',
|
|
10918
|
+
alignItems: 'flex-start',
|
|
10919
|
+
position: 'fixed',
|
|
10920
|
+
top: '0',
|
|
10921
|
+
left: '0',
|
|
10922
|
+
zIndex: 1000,
|
|
10923
|
+
},
|
|
10924
|
+
'.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content':
|
|
10925
|
+
{ background: 'var(--ids-comp-sidesheet-content-color-bg-default)' },
|
|
10926
|
+
'.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':
|
|
10927
|
+
{ maxHeight: '100%', overflowY: 'auto', overflowX: 'hidden' },
|
|
10928
|
+
'.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)':
|
|
10929
|
+
{ overflow: 'hidden' },
|
|
10930
|
+
'.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':
|
|
10931
|
+
{ color: 'var(--ids-comp-sidesheet-header-title-color-fg-default)' },
|
|
10932
|
+
'.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer':
|
|
10933
|
+
{ background: 'var(--ids-comp-sidesheet-footer-color-bg-default)', width: '100%' },
|
|
10934
|
+
'.ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop': {
|
|
10935
|
+
background: 'var(--ids-comp-sidesheet-backdrop-background-default)',
|
|
10936
|
+
},
|
|
10937
|
+
'.ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop': {
|
|
10938
|
+
background: 'var(--ids-comp-sidesheet-backdrop-background-transparent)',
|
|
10939
|
+
},
|
|
10940
|
+
'.ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop': {
|
|
10941
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact)',
|
|
10942
|
+
},
|
|
10943
|
+
'.ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop': {
|
|
10944
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact)',
|
|
10945
|
+
},
|
|
10946
|
+
'.ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop': {
|
|
10947
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable)',
|
|
10948
|
+
},
|
|
10949
|
+
'.ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop': {
|
|
10950
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable)',
|
|
10951
|
+
},
|
|
10952
|
+
'.ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop': {
|
|
10953
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious)',
|
|
10954
|
+
},
|
|
10955
|
+
'.ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop': {
|
|
10956
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious)',
|
|
10957
|
+
},
|
|
10958
|
+
'.ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop': {
|
|
10959
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense)',
|
|
10960
|
+
},
|
|
10961
|
+
'.ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop': {
|
|
10962
|
+
opacity: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense)',
|
|
10963
|
+
},
|
|
10964
|
+
'.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline': {
|
|
10965
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact)',
|
|
10966
|
+
},
|
|
10967
|
+
'.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline':
|
|
10968
|
+
{
|
|
10969
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
10970
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-compact)',
|
|
10971
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-compact)',
|
|
10972
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-compact)',
|
|
10973
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-compact)',
|
|
10974
|
+
padding:
|
|
10975
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact)',
|
|
10976
|
+
},
|
|
10977
|
+
'.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':
|
|
10978
|
+
{
|
|
10979
|
+
padding:
|
|
10980
|
+
'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)',
|
|
10981
|
+
},
|
|
10982
|
+
'.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)':
|
|
10983
|
+
{
|
|
10984
|
+
padding:
|
|
10985
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact)',
|
|
10986
|
+
},
|
|
10987
|
+
'.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':
|
|
10988
|
+
{
|
|
10989
|
+
padding:
|
|
10990
|
+
'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)',
|
|
10991
|
+
borderTop:
|
|
10992
|
+
'var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
10993
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-compact)',
|
|
10994
|
+
},
|
|
10995
|
+
'.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':
|
|
10996
|
+
{
|
|
10997
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
10998
|
+
padding: 'var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact)',
|
|
10999
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-compact)',
|
|
11000
|
+
},
|
|
11001
|
+
'.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':
|
|
11002
|
+
{
|
|
11003
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-compact)',
|
|
11004
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-compact)',
|
|
11005
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-compact)',
|
|
11006
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact)',
|
|
11007
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-compact)',
|
|
11008
|
+
},
|
|
11009
|
+
'.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container': {
|
|
11010
|
+
borderRight:
|
|
11011
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11012
|
+
borderRadius:
|
|
11013
|
+
'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)',
|
|
11014
|
+
},
|
|
11015
|
+
'.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop': {
|
|
11016
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact)',
|
|
11017
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact)',
|
|
11018
|
+
},
|
|
11019
|
+
'.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container': {
|
|
11020
|
+
borderLeft:
|
|
11021
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11022
|
+
borderRadius:
|
|
11023
|
+
'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)',
|
|
11024
|
+
},
|
|
11025
|
+
'.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop': {
|
|
11026
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact)',
|
|
11027
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact)',
|
|
11028
|
+
},
|
|
11029
|
+
'.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline': {
|
|
11030
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable)',
|
|
11031
|
+
},
|
|
11032
|
+
'.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline':
|
|
11033
|
+
{
|
|
11034
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
11035
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable)',
|
|
11036
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable)',
|
|
11037
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-comfortable)',
|
|
11038
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable)',
|
|
11039
|
+
padding:
|
|
11040
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable)',
|
|
11041
|
+
},
|
|
11042
|
+
'.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':
|
|
11043
|
+
{
|
|
11044
|
+
padding:
|
|
11045
|
+
'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)',
|
|
11046
|
+
},
|
|
11047
|
+
'.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)':
|
|
11048
|
+
{
|
|
11049
|
+
padding:
|
|
11050
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable)',
|
|
11051
|
+
},
|
|
11052
|
+
'.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':
|
|
11053
|
+
{
|
|
11054
|
+
padding:
|
|
11055
|
+
'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)',
|
|
11056
|
+
borderTop:
|
|
11057
|
+
'var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
11058
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-comfortable)',
|
|
11059
|
+
},
|
|
11060
|
+
'.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':
|
|
11061
|
+
{
|
|
11062
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
11063
|
+
padding:
|
|
11064
|
+
'var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable)',
|
|
11065
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-comfortable)',
|
|
11066
|
+
},
|
|
11067
|
+
'.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':
|
|
11068
|
+
{
|
|
11069
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable)',
|
|
11070
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable)',
|
|
11071
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable)',
|
|
11072
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable)',
|
|
11073
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable)',
|
|
11074
|
+
},
|
|
11075
|
+
'.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container': {
|
|
11076
|
+
borderRight:
|
|
11077
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11078
|
+
borderRadius:
|
|
11079
|
+
'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)',
|
|
11080
|
+
},
|
|
11081
|
+
'.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop': {
|
|
11082
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable)',
|
|
11083
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable)',
|
|
11084
|
+
},
|
|
11085
|
+
'.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container': {
|
|
11086
|
+
borderLeft:
|
|
11087
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11088
|
+
borderRadius:
|
|
11089
|
+
'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)',
|
|
11090
|
+
},
|
|
11091
|
+
'.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop': {
|
|
11092
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable)',
|
|
11093
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable)',
|
|
11094
|
+
},
|
|
11095
|
+
'.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline': {
|
|
11096
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious)',
|
|
11097
|
+
},
|
|
11098
|
+
'.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline':
|
|
11099
|
+
{
|
|
11100
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
11101
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-spacious)',
|
|
11102
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious)',
|
|
11103
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-spacious)',
|
|
11104
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious)',
|
|
11105
|
+
padding:
|
|
11106
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious)',
|
|
11107
|
+
},
|
|
11108
|
+
'.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':
|
|
11109
|
+
{
|
|
11110
|
+
padding:
|
|
11111
|
+
'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)',
|
|
11112
|
+
},
|
|
11113
|
+
'.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)':
|
|
11114
|
+
{
|
|
11115
|
+
padding:
|
|
11116
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious)',
|
|
11117
|
+
},
|
|
11118
|
+
'.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':
|
|
11119
|
+
{
|
|
11120
|
+
padding:
|
|
11121
|
+
'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)',
|
|
11122
|
+
borderTop:
|
|
11123
|
+
'var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
11124
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-spacious)',
|
|
11125
|
+
},
|
|
11126
|
+
'.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':
|
|
11127
|
+
{
|
|
11128
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
11129
|
+
padding: 'var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious)',
|
|
11130
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-spacious)',
|
|
11131
|
+
},
|
|
11132
|
+
'.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':
|
|
11133
|
+
{
|
|
11134
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-spacious)',
|
|
11135
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-spacious)',
|
|
11136
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious)',
|
|
11137
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious)',
|
|
11138
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-spacious)',
|
|
11139
|
+
},
|
|
11140
|
+
'.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container': {
|
|
11141
|
+
borderRight:
|
|
11142
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11143
|
+
borderRadius:
|
|
11144
|
+
'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)',
|
|
11145
|
+
},
|
|
11146
|
+
'.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop': {
|
|
11147
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious)',
|
|
11148
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious)',
|
|
11149
|
+
},
|
|
11150
|
+
'.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container': {
|
|
11151
|
+
borderLeft:
|
|
11152
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11153
|
+
borderRadius:
|
|
11154
|
+
'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)',
|
|
11155
|
+
},
|
|
11156
|
+
'.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop': {
|
|
11157
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious)',
|
|
11158
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious)',
|
|
11159
|
+
},
|
|
11160
|
+
'.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline': {
|
|
11161
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense)',
|
|
11162
|
+
},
|
|
11163
|
+
'.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline':
|
|
11164
|
+
{
|
|
11165
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
11166
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-dense)',
|
|
11167
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-dense)',
|
|
11168
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-dense)',
|
|
11169
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-dense)',
|
|
11170
|
+
padding:
|
|
11171
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense)',
|
|
11172
|
+
},
|
|
11173
|
+
'.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':
|
|
11174
|
+
{
|
|
11175
|
+
padding:
|
|
11176
|
+
'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)',
|
|
11177
|
+
},
|
|
11178
|
+
'.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)':
|
|
11179
|
+
{
|
|
11180
|
+
padding:
|
|
11181
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense)',
|
|
11182
|
+
},
|
|
11183
|
+
'.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':
|
|
11184
|
+
{
|
|
11185
|
+
padding:
|
|
11186
|
+
'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)',
|
|
11187
|
+
borderTop:
|
|
11188
|
+
'var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
11189
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-dense)',
|
|
11190
|
+
},
|
|
11191
|
+
'.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':
|
|
11192
|
+
{
|
|
11193
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
11194
|
+
padding: 'var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense)',
|
|
11195
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-dense)',
|
|
11196
|
+
},
|
|
11197
|
+
'.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':
|
|
11198
|
+
{
|
|
11199
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-dense)',
|
|
11200
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-dense)',
|
|
11201
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-dense)',
|
|
11202
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense)',
|
|
11203
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-dense)',
|
|
11204
|
+
},
|
|
11205
|
+
'.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container': {
|
|
11206
|
+
borderRight:
|
|
11207
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11208
|
+
borderRadius:
|
|
11209
|
+
'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)',
|
|
11210
|
+
},
|
|
11211
|
+
'.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop': {
|
|
11212
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense)',
|
|
11213
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense)',
|
|
11214
|
+
},
|
|
11215
|
+
'.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container': {
|
|
11216
|
+
borderLeft:
|
|
11217
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11218
|
+
borderRadius:
|
|
11219
|
+
'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)',
|
|
11220
|
+
},
|
|
11221
|
+
'.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop': {
|
|
11222
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense)',
|
|
11223
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense)',
|
|
11224
|
+
},
|
|
11225
|
+
'.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':
|
|
11226
|
+
{ width: '100%', display: 'flex', justifyContent: 'flex-end', alignItems: 'center' },
|
|
11227
|
+
'.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))':
|
|
11228
|
+
{ justifyContent: 'space-between' },
|
|
11229
|
+
'.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':
|
|
11230
|
+
{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between' },
|
|
11231
|
+
'.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':
|
|
11232
|
+
{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between' },
|
|
11233
|
+
'.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':
|
|
11234
|
+
{ display: 'flex', alignItems: 'center' },
|
|
11235
|
+
'.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':
|
|
11236
|
+
{ marginLeft: 'auto' },
|
|
11237
|
+
'.ids-side-sheet .ids-side-sheet__container.right,.ids-side-sheet .ids-side-sheet__container--inline.right': {
|
|
11238
|
+
left: 'auto',
|
|
11239
|
+
right: '0',
|
|
11240
|
+
},
|
|
11241
|
+
'.ids-side-sheet .ids-side-sheet__container--inline': {
|
|
11242
|
+
position: 'sticky',
|
|
11243
|
+
display: 'flex',
|
|
11244
|
+
flexDirection: 'column',
|
|
11245
|
+
top: '0',
|
|
11246
|
+
left: '0',
|
|
11247
|
+
height: '100%',
|
|
11248
|
+
transform: 'none',
|
|
11249
|
+
},
|
|
11250
|
+
'.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default': {
|
|
11251
|
+
width: '100%',
|
|
11252
|
+
display: 'flex',
|
|
11253
|
+
alignItems: 'center',
|
|
11254
|
+
justifyContent: 'space-between',
|
|
11255
|
+
},
|
|
11256
|
+
'.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content': {
|
|
11257
|
+
display: 'flex',
|
|
11258
|
+
alignItems: 'center',
|
|
11259
|
+
},
|
|
11260
|
+
'.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn': {
|
|
11261
|
+
marginLeft: 'auto',
|
|
11262
|
+
},
|
|
11263
|
+
'.ids-side-sheet .ids-side-sheet__container--inline.right': { left: 'auto', right: '0', transform: 'none' },
|
|
11264
|
+
'.ids-side-sheet .ids-side-sheet__header-close-btn': { alignSelf: 'flex-start', cursor: 'pointer' },
|
|
10641
11265
|
'.ids-snackbar-group': {
|
|
10642
11266
|
boxSizing: 'border-box',
|
|
10643
11267
|
borderWidth: '0',
|