@i-cell/ids-styles 0.0.43 → 0.0.45
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.
|
@@ -10901,6 +10901,375 @@ module.exports = function ComponentsPlugin() {
|
|
|
10901
10901
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
10902
10902
|
'.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
10903
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
|
+
},
|
|
11000
|
+
'.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':
|
|
11001
|
+
{
|
|
11002
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-compact)',
|
|
11003
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-compact)',
|
|
11004
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-compact)',
|
|
11005
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact)',
|
|
11006
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-compact)',
|
|
11007
|
+
},
|
|
11008
|
+
'.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content': {
|
|
11009
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-compact)',
|
|
11010
|
+
},
|
|
11011
|
+
'.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container': {
|
|
11012
|
+
borderRight:
|
|
11013
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11014
|
+
borderRadius:
|
|
11015
|
+
'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)',
|
|
11016
|
+
},
|
|
11017
|
+
'.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop': {
|
|
11018
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact)',
|
|
11019
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact)',
|
|
11020
|
+
},
|
|
11021
|
+
'.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container': {
|
|
11022
|
+
borderLeft:
|
|
11023
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11024
|
+
borderRadius:
|
|
11025
|
+
'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)',
|
|
11026
|
+
},
|
|
11027
|
+
'.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop': {
|
|
11028
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact)',
|
|
11029
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact)',
|
|
11030
|
+
},
|
|
11031
|
+
'.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline': {
|
|
11032
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable)',
|
|
11033
|
+
},
|
|
11034
|
+
'.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline':
|
|
11035
|
+
{
|
|
11036
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
11037
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable)',
|
|
11038
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable)',
|
|
11039
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-comfortable)',
|
|
11040
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable)',
|
|
11041
|
+
padding:
|
|
11042
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable)',
|
|
11043
|
+
},
|
|
11044
|
+
'.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':
|
|
11045
|
+
{
|
|
11046
|
+
padding:
|
|
11047
|
+
'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)',
|
|
11048
|
+
},
|
|
11049
|
+
'.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)':
|
|
11050
|
+
{
|
|
11051
|
+
padding:
|
|
11052
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable)',
|
|
11053
|
+
},
|
|
11054
|
+
'.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':
|
|
11055
|
+
{
|
|
11056
|
+
padding:
|
|
11057
|
+
'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)',
|
|
11058
|
+
borderTop:
|
|
11059
|
+
'var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
11060
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-comfortable)',
|
|
11061
|
+
},
|
|
11062
|
+
'.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':
|
|
11063
|
+
{
|
|
11064
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
11065
|
+
padding:
|
|
11066
|
+
'var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable)',
|
|
11067
|
+
},
|
|
11068
|
+
'.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':
|
|
11069
|
+
{
|
|
11070
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable)',
|
|
11071
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable)',
|
|
11072
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable)',
|
|
11073
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable)',
|
|
11074
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable)',
|
|
11075
|
+
},
|
|
11076
|
+
'.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content': {
|
|
11077
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-comfortable)',
|
|
11078
|
+
},
|
|
11079
|
+
'.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container': {
|
|
11080
|
+
borderRight:
|
|
11081
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11082
|
+
borderRadius:
|
|
11083
|
+
'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)',
|
|
11084
|
+
},
|
|
11085
|
+
'.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop': {
|
|
11086
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable)',
|
|
11087
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable)',
|
|
11088
|
+
},
|
|
11089
|
+
'.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container': {
|
|
11090
|
+
borderLeft:
|
|
11091
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11092
|
+
borderRadius:
|
|
11093
|
+
'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)',
|
|
11094
|
+
},
|
|
11095
|
+
'.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop': {
|
|
11096
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable)',
|
|
11097
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable)',
|
|
11098
|
+
},
|
|
11099
|
+
'.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline': {
|
|
11100
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious)',
|
|
11101
|
+
},
|
|
11102
|
+
'.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline':
|
|
11103
|
+
{
|
|
11104
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
11105
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-spacious)',
|
|
11106
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious)',
|
|
11107
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-spacious)',
|
|
11108
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious)',
|
|
11109
|
+
padding:
|
|
11110
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious)',
|
|
11111
|
+
},
|
|
11112
|
+
'.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':
|
|
11113
|
+
{
|
|
11114
|
+
padding:
|
|
11115
|
+
'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)',
|
|
11116
|
+
},
|
|
11117
|
+
'.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)':
|
|
11118
|
+
{
|
|
11119
|
+
padding:
|
|
11120
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious)',
|
|
11121
|
+
},
|
|
11122
|
+
'.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':
|
|
11123
|
+
{
|
|
11124
|
+
padding:
|
|
11125
|
+
'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)',
|
|
11126
|
+
borderTop:
|
|
11127
|
+
'var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
11128
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-spacious)',
|
|
11129
|
+
},
|
|
11130
|
+
'.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':
|
|
11131
|
+
{
|
|
11132
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
11133
|
+
padding: 'var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious)',
|
|
11134
|
+
},
|
|
11135
|
+
'.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':
|
|
11136
|
+
{
|
|
11137
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-spacious)',
|
|
11138
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-spacious)',
|
|
11139
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious)',
|
|
11140
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious)',
|
|
11141
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-spacious)',
|
|
11142
|
+
},
|
|
11143
|
+
'.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content': {
|
|
11144
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-spacious)',
|
|
11145
|
+
},
|
|
11146
|
+
'.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container': {
|
|
11147
|
+
borderRight:
|
|
11148
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11149
|
+
borderRadius:
|
|
11150
|
+
'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)',
|
|
11151
|
+
},
|
|
11152
|
+
'.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop': {
|
|
11153
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious)',
|
|
11154
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious)',
|
|
11155
|
+
},
|
|
11156
|
+
'.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container': {
|
|
11157
|
+
borderLeft:
|
|
11158
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11159
|
+
borderRadius:
|
|
11160
|
+
'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)',
|
|
11161
|
+
},
|
|
11162
|
+
'.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop': {
|
|
11163
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious)',
|
|
11164
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious)',
|
|
11165
|
+
},
|
|
11166
|
+
'.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline': {
|
|
11167
|
+
borderRadius: 'var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense)',
|
|
11168
|
+
},
|
|
11169
|
+
'.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline':
|
|
11170
|
+
{
|
|
11171
|
+
backgroundColor: 'var(--ids-comp-sidesheet-container-color-bg-default)',
|
|
11172
|
+
gap: 'var(--ids-comp-sidesheet-container-orientation-size-gap-dense)',
|
|
11173
|
+
maxWidth: 'var(--ids-comp-sidesheet-container-orientation-size-max-width-dense)',
|
|
11174
|
+
width: 'var(--ids-comp-sidesheet-container-orientation-size-width-dense)',
|
|
11175
|
+
minHeight: 'var(--ids-comp-sidesheet-container-orientation-size-min-height-dense)',
|
|
11176
|
+
padding:
|
|
11177
|
+
'var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense)',
|
|
11178
|
+
},
|
|
11179
|
+
'.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':
|
|
11180
|
+
{
|
|
11181
|
+
padding:
|
|
11182
|
+
'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)',
|
|
11183
|
+
},
|
|
11184
|
+
'.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)':
|
|
11185
|
+
{
|
|
11186
|
+
padding:
|
|
11187
|
+
'var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense)',
|
|
11188
|
+
},
|
|
11189
|
+
'.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':
|
|
11190
|
+
{
|
|
11191
|
+
padding:
|
|
11192
|
+
'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)',
|
|
11193
|
+
borderTop:
|
|
11194
|
+
'var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default)',
|
|
11195
|
+
gap: 'var(--ids-comp-sidesheet-footer-gap-dense)',
|
|
11196
|
+
},
|
|
11197
|
+
'.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':
|
|
11198
|
+
{
|
|
11199
|
+
background: 'var(--ids-comp-sidesheet-header-color-bg-default)',
|
|
11200
|
+
padding: 'var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense)',
|
|
11201
|
+
},
|
|
11202
|
+
'.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':
|
|
11203
|
+
{
|
|
11204
|
+
fontFamily: 'var(--ids-comp-sidesheet-header-title-typography-font-family-dense)',
|
|
11205
|
+
fontSize: 'var(--ids-comp-sidesheet-header-title-typography-font-size-dense)',
|
|
11206
|
+
fontWeight: 'var(--ids-comp-sidesheet-header-title-typography-font-weight-dense)',
|
|
11207
|
+
letterSpacing: 'var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense)',
|
|
11208
|
+
lineHeight: 'var(--ids-comp-sidesheet-header-title-typography-line-height-dense)',
|
|
11209
|
+
},
|
|
11210
|
+
'.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content': {
|
|
11211
|
+
gap: 'var(--ids-comp-sidesheet-header-size-gap-dense)',
|
|
11212
|
+
},
|
|
11213
|
+
'.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container': {
|
|
11214
|
+
borderRight:
|
|
11215
|
+
'var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11216
|
+
borderRadius:
|
|
11217
|
+
'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)',
|
|
11218
|
+
},
|
|
11219
|
+
'.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop': {
|
|
11220
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense)',
|
|
11221
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense)',
|
|
11222
|
+
},
|
|
11223
|
+
'.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container': {
|
|
11224
|
+
borderLeft:
|
|
11225
|
+
'var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)',
|
|
11226
|
+
borderRadius:
|
|
11227
|
+
'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)',
|
|
11228
|
+
},
|
|
11229
|
+
'.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop': {
|
|
11230
|
+
paddingLeft: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense)',
|
|
11231
|
+
paddingRight: 'var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense)',
|
|
11232
|
+
},
|
|
11233
|
+
'.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':
|
|
11234
|
+
{ width: '100%', display: 'flex', justifyContent: 'flex-end', alignItems: 'center' },
|
|
11235
|
+
'.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))':
|
|
11236
|
+
{ justifyContent: 'space-between' },
|
|
11237
|
+
'.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':
|
|
11238
|
+
{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between' },
|
|
11239
|
+
'.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':
|
|
11240
|
+
{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between' },
|
|
11241
|
+
'.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':
|
|
11242
|
+
{ display: 'flex', alignItems: 'center' },
|
|
11243
|
+
'.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':
|
|
11244
|
+
{ marginLeft: 'auto' },
|
|
11245
|
+
'.ids-side-sheet .ids-side-sheet__container.right,.ids-side-sheet .ids-side-sheet__container--inline.right': {
|
|
11246
|
+
left: 'auto',
|
|
11247
|
+
right: '0',
|
|
11248
|
+
},
|
|
11249
|
+
'.ids-side-sheet .ids-side-sheet__container--inline': {
|
|
11250
|
+
position: 'sticky',
|
|
11251
|
+
display: 'flex',
|
|
11252
|
+
flexDirection: 'column',
|
|
11253
|
+
top: '0',
|
|
11254
|
+
left: '0',
|
|
11255
|
+
height: '100%',
|
|
11256
|
+
transform: 'none',
|
|
11257
|
+
},
|
|
11258
|
+
'.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default': {
|
|
11259
|
+
width: '100%',
|
|
11260
|
+
display: 'flex',
|
|
11261
|
+
alignItems: 'center',
|
|
11262
|
+
justifyContent: 'space-between',
|
|
11263
|
+
},
|
|
11264
|
+
'.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content': {
|
|
11265
|
+
display: 'flex',
|
|
11266
|
+
alignItems: 'center',
|
|
11267
|
+
},
|
|
11268
|
+
'.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn': {
|
|
11269
|
+
marginLeft: 'auto',
|
|
11270
|
+
},
|
|
11271
|
+
'.ids-side-sheet .ids-side-sheet__container--inline.right': { left: 'auto', right: '0', transform: 'none' },
|
|
11272
|
+
'.ids-side-sheet .ids-side-sheet__header-close-btn': { alignSelf: 'flex-start', cursor: 'pointer' },
|
|
10904
11273
|
'.ids-snackbar-group': {
|
|
10905
11274
|
boxSizing: 'border-box',
|
|
10906
11275
|
borderWidth: '0',
|