@i-cell/ids-styles 0.0.47 → 0.0.49
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 +696 -11
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +682 -8
- package/dist/dialog/dialog.css +3 -11
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +2 -8
- package/dist/side-nav/side-nav.css +690 -0
- package/dist/side-nav/side-nav.min.css +1 -0
- package/dist/side-nav/side-nav.plugin.js +687 -0
- package/dist/snackbar/snackbar.css +2 -0
- package/dist/snackbar/snackbar.min.css +1 -1
- package/dist/snackbar/snackbar.plugin.js +2 -0
- package/package.json +1 -1
|
@@ -5233,17 +5233,11 @@ module.exports = function ComponentsPlugin() {
|
|
|
5233
5233
|
'.ids-dialog::backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
|
|
5234
5234
|
'.ids-dialog.ids-dialog-with-backdrop::backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
|
|
5235
5235
|
'.ids-dialog .ids-dialog-container': { display: 'grid', gridTemplateRows: 'auto 1fr auto', position: 'relative', maxHeight: '80vh' },
|
|
5236
|
-
'.ids-dialog .ids-dialog-container .ids-dialog-header': { display: '
|
|
5236
|
+
'.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'grid', gridTemplateColumns: '1fr auto' },
|
|
5237
5237
|
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': { fontStyle: 'normal' },
|
|
5238
5238
|
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden': { display: 'none' },
|
|
5239
5239
|
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': { fontStyle: 'normal' },
|
|
5240
|
-
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': {
|
|
5241
|
-
display: 'flex',
|
|
5242
|
-
flexDirection: 'column',
|
|
5243
|
-
flex: '1 0 0',
|
|
5244
|
-
alignItems: 'flex-start',
|
|
5245
|
-
},
|
|
5246
|
-
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-close-button': { position: 'absolute', top: '12px', right: '12px' },
|
|
5240
|
+
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
|
|
5247
5241
|
'.ids-dialog .ids-dialog-container .ids-dialog-content': {
|
|
5248
5242
|
display: 'flex',
|
|
5249
5243
|
alignItems: 'center',
|
|
@@ -10905,6 +10899,684 @@ module.exports = function ComponentsPlugin() {
|
|
|
10905
10899
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
10906
10900
|
'.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
10907
10901
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
|
|
10902
|
+
'.ids-side-nav': {
|
|
10903
|
+
boxSizing: 'border-box',
|
|
10904
|
+
borderWidth: '0',
|
|
10905
|
+
borderStyle: 'none',
|
|
10906
|
+
borderColor: 'rgba(0,0,0,0)',
|
|
10907
|
+
lineHeight: 1.5,
|
|
10908
|
+
backgroundColor: 'var(--ids-comp-sidenav-color-bg-surface-default)',
|
|
10909
|
+
display: 'flex',
|
|
10910
|
+
flexDirection: 'column',
|
|
10911
|
+
},
|
|
10912
|
+
'.ids-side-nav::before,.ids-side-nav::after,.ids-side-nav *,.ids-side-nav ::before,.ids-side-nav ::after': {
|
|
10913
|
+
boxSizing: 'border-box',
|
|
10914
|
+
borderWidth: '0',
|
|
10915
|
+
borderStyle: 'none',
|
|
10916
|
+
borderColor: 'rgba(0,0,0,0)',
|
|
10917
|
+
},
|
|
10918
|
+
'.ids-side-nav .ids-side-nav-section': {
|
|
10919
|
+
display: 'flex',
|
|
10920
|
+
flexDirection: 'column',
|
|
10921
|
+
borderStyle: 'solid',
|
|
10922
|
+
backgroundColor: 'var(--ids-comp-sidenav-section-color-bg-surface-default)',
|
|
10923
|
+
borderColor: 'var(--ids-comp-sidenav-section-color-border-surface-default)',
|
|
10924
|
+
},
|
|
10925
|
+
'.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable': { display: 'flex', flexDirection: 'column' },
|
|
10926
|
+
'.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu': {
|
|
10927
|
+
display: 'flex',
|
|
10928
|
+
flexDirection: 'column',
|
|
10929
|
+
},
|
|
10930
|
+
'.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]': {
|
|
10931
|
+
marginLeft: 'auto',
|
|
10932
|
+
},
|
|
10933
|
+
'.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
10934
|
+
display: 'inline-flex',
|
|
10935
|
+
alignItems: 'center',
|
|
10936
|
+
width: '100%',
|
|
10937
|
+
outlineOffset: '2px',
|
|
10938
|
+
borderStyle: 'solid',
|
|
10939
|
+
},
|
|
10940
|
+
'.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:visited,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:visited':
|
|
10941
|
+
{ textDecoration: 'none' },
|
|
10942
|
+
'.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:active,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:active':
|
|
10943
|
+
{ outlineStyle: 'none' },
|
|
10944
|
+
'.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:not([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:not([disabled])':
|
|
10945
|
+
{ cursor: 'pointer' },
|
|
10946
|
+
'.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])':
|
|
10947
|
+
{ cursor: 'not-allowed', outlineStyle: 'none' },
|
|
10948
|
+
'.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before':
|
|
10949
|
+
{ content: '""', position: 'relative', top: '0' },
|
|
10950
|
+
'.ids-side-nav .ids-side-nav-title': { display: 'inline-flex', alignItems: 'center' },
|
|
10951
|
+
'.ids-side-nav.ids-side-nav-compact': {
|
|
10952
|
+
gap: 'var(--ids-comp-sidenav-size-gap-compact)',
|
|
10953
|
+
padding: 'var(--ids-comp-sidenav-size-padding-y-compact) var(--ids-comp-sidenav-size-padding-x-compact)',
|
|
10954
|
+
},
|
|
10955
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-section': {
|
|
10956
|
+
gap: 'var(--ids-comp-sidenav-section-size-gap-compact)',
|
|
10957
|
+
borderRadius: 'var(--ids-comp-sidenav-section-size-border-radius-compact)',
|
|
10958
|
+
borderWidth: 'var(--ids-comp-sidenav-section-size-border-width-compact)',
|
|
10959
|
+
padding: 'var(--ids-comp-sidenav-section-size-padding-y-compact) var(--ids-comp-sidenav-section-size-padding-x-compact)',
|
|
10960
|
+
},
|
|
10961
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label)': {
|
|
10962
|
+
minWidth: 'var(--ids-comp-sidenav-section-size-min-width-compact)',
|
|
10963
|
+
},
|
|
10964
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-title': {
|
|
10965
|
+
gap: 'var(--ids-comp-sidenav-section-title-size-gap-compact)',
|
|
10966
|
+
padding:
|
|
10967
|
+
'var(--ids-comp-sidenav-section-title-size-padding-y-compact) var(--ids-comp-sidenav-section-title-size-padding-x-compact)',
|
|
10968
|
+
},
|
|
10969
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-title-label': {
|
|
10970
|
+
fontFamily: 'var(--ids-comp-sidenav-section-title-typography-font-family-compact)',
|
|
10971
|
+
fontSize: 'var(--ids-comp-sidenav-section-title-typography-font-size-compact)',
|
|
10972
|
+
fontWeight: 'var(--ids-comp-sidenav-section-title-typography-font-weight-compact)',
|
|
10973
|
+
letterSpacing: 'var(--ids-comp-sidenav-section-title-typography-letter-spacing-compact)',
|
|
10974
|
+
lineHeight: 'var(--ids-comp-sidenav-section-title-typography-line-height-compact)',
|
|
10975
|
+
},
|
|
10976
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single': {
|
|
10977
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-size-border-radius-compact)',
|
|
10978
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-single-size-border-width-compact)',
|
|
10979
|
+
gap: 'var(--ids-comp-sidenav-navitem-single-size-gap-compact)',
|
|
10980
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-height-compact)',
|
|
10981
|
+
padding:
|
|
10982
|
+
'var(--ids-comp-sidenav-navitem-single-size-padding-y-compact) var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)',
|
|
10983
|
+
},
|
|
10984
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus-visible':
|
|
10985
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-compact)' },
|
|
10986
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single>.ids-icon': {
|
|
10987
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-icon-compact)',
|
|
10988
|
+
width: 'var(--ids-comp-sidenav-navitem-single-size-icon-compact)',
|
|
10989
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-compact)',
|
|
10990
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-compact)',
|
|
10991
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-compact)',
|
|
10992
|
+
},
|
|
10993
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label': {
|
|
10994
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-family-compact)',
|
|
10995
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-size-compact)',
|
|
10996
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-compact)',
|
|
10997
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-compact)',
|
|
10998
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-line-height-compact)',
|
|
10999
|
+
},
|
|
11000
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before': {
|
|
11001
|
+
height: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-compact)',
|
|
11002
|
+
width: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-compact)',
|
|
11003
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-compact)',
|
|
11004
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)*-1)',
|
|
11005
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-single-size-gap-compact)*-1)',
|
|
11006
|
+
},
|
|
11007
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
11008
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-compact)',
|
|
11009
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-compact)',
|
|
11010
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)',
|
|
11011
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact)',
|
|
11012
|
+
padding:
|
|
11013
|
+
'var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)',
|
|
11014
|
+
},
|
|
11015
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible':
|
|
11016
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact)' },
|
|
11017
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon': {
|
|
11018
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact)',
|
|
11019
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact)',
|
|
11020
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-compact)',
|
|
11021
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-compact)',
|
|
11022
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-compact)',
|
|
11023
|
+
},
|
|
11024
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label': {
|
|
11025
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-compact)',
|
|
11026
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-compact)',
|
|
11027
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-compact)',
|
|
11028
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-compact)',
|
|
11029
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-compact)',
|
|
11030
|
+
},
|
|
11031
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before': {
|
|
11032
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-compact)',
|
|
11033
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-compact)',
|
|
11034
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-compact)',
|
|
11035
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)*-1)',
|
|
11036
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)*-1)',
|
|
11037
|
+
},
|
|
11038
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu': {
|
|
11039
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact)',
|
|
11040
|
+
padding:
|
|
11041
|
+
'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact)',
|
|
11042
|
+
},
|
|
11043
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable': {
|
|
11044
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-size-gap-compact)',
|
|
11045
|
+
padding:
|
|
11046
|
+
'var(--ids-comp-sidenav-navitem-expandable-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-compact)',
|
|
11047
|
+
},
|
|
11048
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu':
|
|
11049
|
+
{
|
|
11050
|
+
paddingLeft:
|
|
11051
|
+
'calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact))',
|
|
11052
|
+
},
|
|
11053
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-title+.ids-side-nav-item': {
|
|
11054
|
+
marginTop: 'var(--ids-comp-sidenav-section-size-gap-compact)',
|
|
11055
|
+
},
|
|
11056
|
+
'.ids-side-nav.ids-side-nav-compact .ids-side-nav-item+.ids-side-nav-item': {
|
|
11057
|
+
marginTop: 'var(--ids-comp-sidenav-section-list-size-gap-compact)',
|
|
11058
|
+
},
|
|
11059
|
+
'.ids-side-nav.ids-side-nav-comfortable': {
|
|
11060
|
+
gap: 'var(--ids-comp-sidenav-size-gap-comfortable)',
|
|
11061
|
+
padding: 'var(--ids-comp-sidenav-size-padding-y-comfortable) var(--ids-comp-sidenav-size-padding-x-comfortable)',
|
|
11062
|
+
},
|
|
11063
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section': {
|
|
11064
|
+
gap: 'var(--ids-comp-sidenav-section-size-gap-comfortable)',
|
|
11065
|
+
borderRadius: 'var(--ids-comp-sidenav-section-size-border-radius-comfortable)',
|
|
11066
|
+
borderWidth: 'var(--ids-comp-sidenav-section-size-border-width-comfortable)',
|
|
11067
|
+
padding: 'var(--ids-comp-sidenav-section-size-padding-y-comfortable) var(--ids-comp-sidenav-section-size-padding-x-comfortable)',
|
|
11068
|
+
},
|
|
11069
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label)': {
|
|
11070
|
+
minWidth: 'var(--ids-comp-sidenav-section-size-min-width-comfortable)',
|
|
11071
|
+
},
|
|
11072
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title': {
|
|
11073
|
+
gap: 'var(--ids-comp-sidenav-section-title-size-gap-comfortable)',
|
|
11074
|
+
padding:
|
|
11075
|
+
'var(--ids-comp-sidenav-section-title-size-padding-y-comfortable) var(--ids-comp-sidenav-section-title-size-padding-x-comfortable)',
|
|
11076
|
+
},
|
|
11077
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title-label': {
|
|
11078
|
+
fontFamily: 'var(--ids-comp-sidenav-section-title-typography-font-family-comfortable)',
|
|
11079
|
+
fontSize: 'var(--ids-comp-sidenav-section-title-typography-font-size-comfortable)',
|
|
11080
|
+
fontWeight: 'var(--ids-comp-sidenav-section-title-typography-font-weight-comfortable)',
|
|
11081
|
+
letterSpacing: 'var(--ids-comp-sidenav-section-title-typography-letter-spacing-comfortable)',
|
|
11082
|
+
lineHeight: 'var(--ids-comp-sidenav-section-title-typography-line-height-comfortable)',
|
|
11083
|
+
},
|
|
11084
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single': {
|
|
11085
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-size-border-radius-comfortable)',
|
|
11086
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-single-size-border-width-comfortable)',
|
|
11087
|
+
gap: 'var(--ids-comp-sidenav-navitem-single-size-gap-comfortable)',
|
|
11088
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-height-comfortable)',
|
|
11089
|
+
padding:
|
|
11090
|
+
'var(--ids-comp-sidenav-navitem-single-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)',
|
|
11091
|
+
},
|
|
11092
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus-visible':
|
|
11093
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-comfortable)' },
|
|
11094
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single>.ids-icon': {
|
|
11095
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-icon-comfortable)',
|
|
11096
|
+
width: 'var(--ids-comp-sidenav-navitem-single-size-icon-comfortable)',
|
|
11097
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-comfortable)',
|
|
11098
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-comfortable)',
|
|
11099
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-comfortable)',
|
|
11100
|
+
},
|
|
11101
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label': {
|
|
11102
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-family-comfortable)',
|
|
11103
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-size-comfortable)',
|
|
11104
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-comfortable)',
|
|
11105
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-comfortable)',
|
|
11106
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-line-height-comfortable)',
|
|
11107
|
+
},
|
|
11108
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before': {
|
|
11109
|
+
height: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-comfortable)',
|
|
11110
|
+
width: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-comfortable)',
|
|
11111
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-comfortable)',
|
|
11112
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)*-1)',
|
|
11113
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-single-size-gap-comfortable)*-1)',
|
|
11114
|
+
},
|
|
11115
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
11116
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-comfortable)',
|
|
11117
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-comfortable)',
|
|
11118
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)',
|
|
11119
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable)',
|
|
11120
|
+
padding:
|
|
11121
|
+
'var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)',
|
|
11122
|
+
},
|
|
11123
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible':
|
|
11124
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable)' },
|
|
11125
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon': {
|
|
11126
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable)',
|
|
11127
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable)',
|
|
11128
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-comfortable)',
|
|
11129
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-comfortable)',
|
|
11130
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-comfortable)',
|
|
11131
|
+
},
|
|
11132
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label': {
|
|
11133
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-comfortable)',
|
|
11134
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-comfortable)',
|
|
11135
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-comfortable)',
|
|
11136
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-comfortable)',
|
|
11137
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-comfortable)',
|
|
11138
|
+
},
|
|
11139
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before': {
|
|
11140
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-comfortable)',
|
|
11141
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-comfortable)',
|
|
11142
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-comfortable)',
|
|
11143
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)*-1)',
|
|
11144
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)*-1)',
|
|
11145
|
+
},
|
|
11146
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu': {
|
|
11147
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable)',
|
|
11148
|
+
padding:
|
|
11149
|
+
'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable)',
|
|
11150
|
+
},
|
|
11151
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable': {
|
|
11152
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable)',
|
|
11153
|
+
padding:
|
|
11154
|
+
'var(--ids-comp-sidenav-navitem-expandable-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-comfortable)',
|
|
11155
|
+
},
|
|
11156
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu':
|
|
11157
|
+
{
|
|
11158
|
+
paddingLeft:
|
|
11159
|
+
'calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable))',
|
|
11160
|
+
},
|
|
11161
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title+.ids-side-nav-item': {
|
|
11162
|
+
marginTop: 'var(--ids-comp-sidenav-section-size-gap-comfortable)',
|
|
11163
|
+
},
|
|
11164
|
+
'.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item+.ids-side-nav-item': {
|
|
11165
|
+
marginTop: 'var(--ids-comp-sidenav-section-list-size-gap-comfortable)',
|
|
11166
|
+
},
|
|
11167
|
+
'.ids-side-nav.ids-side-nav-spacious': {
|
|
11168
|
+
gap: 'var(--ids-comp-sidenav-size-gap-spacious)',
|
|
11169
|
+
padding: 'var(--ids-comp-sidenav-size-padding-y-spacious) var(--ids-comp-sidenav-size-padding-x-spacious)',
|
|
11170
|
+
},
|
|
11171
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section': {
|
|
11172
|
+
gap: 'var(--ids-comp-sidenav-section-size-gap-spacious)',
|
|
11173
|
+
borderRadius: 'var(--ids-comp-sidenav-section-size-border-radius-spacious)',
|
|
11174
|
+
borderWidth: 'var(--ids-comp-sidenav-section-size-border-width-spacious)',
|
|
11175
|
+
padding: 'var(--ids-comp-sidenav-section-size-padding-y-spacious) var(--ids-comp-sidenav-section-size-padding-x-spacious)',
|
|
11176
|
+
},
|
|
11177
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label)': {
|
|
11178
|
+
minWidth: 'var(--ids-comp-sidenav-section-size-min-width-spacious)',
|
|
11179
|
+
},
|
|
11180
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title': {
|
|
11181
|
+
gap: 'var(--ids-comp-sidenav-section-title-size-gap-spacious)',
|
|
11182
|
+
padding:
|
|
11183
|
+
'var(--ids-comp-sidenav-section-title-size-padding-y-spacious) var(--ids-comp-sidenav-section-title-size-padding-x-spacious)',
|
|
11184
|
+
},
|
|
11185
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title-label': {
|
|
11186
|
+
fontFamily: 'var(--ids-comp-sidenav-section-title-typography-font-family-spacious)',
|
|
11187
|
+
fontSize: 'var(--ids-comp-sidenav-section-title-typography-font-size-spacious)',
|
|
11188
|
+
fontWeight: 'var(--ids-comp-sidenav-section-title-typography-font-weight-spacious)',
|
|
11189
|
+
letterSpacing: 'var(--ids-comp-sidenav-section-title-typography-letter-spacing-spacious)',
|
|
11190
|
+
lineHeight: 'var(--ids-comp-sidenav-section-title-typography-line-height-spacious)',
|
|
11191
|
+
},
|
|
11192
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single': {
|
|
11193
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-size-border-radius-spacious)',
|
|
11194
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-single-size-border-width-spacious)',
|
|
11195
|
+
gap: 'var(--ids-comp-sidenav-navitem-single-size-gap-spacious)',
|
|
11196
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-height-spacious)',
|
|
11197
|
+
padding:
|
|
11198
|
+
'var(--ids-comp-sidenav-navitem-single-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)',
|
|
11199
|
+
},
|
|
11200
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus-visible':
|
|
11201
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-spacious)' },
|
|
11202
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single>.ids-icon': {
|
|
11203
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-icon-spacious)',
|
|
11204
|
+
width: 'var(--ids-comp-sidenav-navitem-single-size-icon-spacious)',
|
|
11205
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-spacious)',
|
|
11206
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-spacious)',
|
|
11207
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-spacious)',
|
|
11208
|
+
},
|
|
11209
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label': {
|
|
11210
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-family-spacious)',
|
|
11211
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-size-spacious)',
|
|
11212
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-spacious)',
|
|
11213
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-spacious)',
|
|
11214
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-line-height-spacious)',
|
|
11215
|
+
},
|
|
11216
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before': {
|
|
11217
|
+
height: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-spacious)',
|
|
11218
|
+
width: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-spacious)',
|
|
11219
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-spacious)',
|
|
11220
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)*-1)',
|
|
11221
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-single-size-gap-spacious)*-1)',
|
|
11222
|
+
},
|
|
11223
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
11224
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-spacious)',
|
|
11225
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-spacious)',
|
|
11226
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)',
|
|
11227
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious)',
|
|
11228
|
+
padding:
|
|
11229
|
+
'var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)',
|
|
11230
|
+
},
|
|
11231
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible':
|
|
11232
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious)' },
|
|
11233
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon': {
|
|
11234
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious)',
|
|
11235
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious)',
|
|
11236
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-spacious)',
|
|
11237
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-spacious)',
|
|
11238
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-spacious)',
|
|
11239
|
+
},
|
|
11240
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label': {
|
|
11241
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-spacious)',
|
|
11242
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-spacious)',
|
|
11243
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-spacious)',
|
|
11244
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-spacious)',
|
|
11245
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-spacious)',
|
|
11246
|
+
},
|
|
11247
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before': {
|
|
11248
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-spacious)',
|
|
11249
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-spacious)',
|
|
11250
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-spacious)',
|
|
11251
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)*-1)',
|
|
11252
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)*-1)',
|
|
11253
|
+
},
|
|
11254
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu': {
|
|
11255
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious)',
|
|
11256
|
+
padding:
|
|
11257
|
+
'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious)',
|
|
11258
|
+
},
|
|
11259
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable': {
|
|
11260
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious)',
|
|
11261
|
+
padding:
|
|
11262
|
+
'var(--ids-comp-sidenav-navitem-expandable-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-spacious)',
|
|
11263
|
+
},
|
|
11264
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu':
|
|
11265
|
+
{
|
|
11266
|
+
paddingLeft:
|
|
11267
|
+
'calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious))',
|
|
11268
|
+
},
|
|
11269
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title+.ids-side-nav-item': {
|
|
11270
|
+
marginTop: 'var(--ids-comp-sidenav-section-size-gap-spacious)',
|
|
11271
|
+
},
|
|
11272
|
+
'.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item+.ids-side-nav-item': {
|
|
11273
|
+
marginTop: 'var(--ids-comp-sidenav-section-list-size-gap-spacious)',
|
|
11274
|
+
},
|
|
11275
|
+
'.ids-side-nav.ids-side-nav-dense': {
|
|
11276
|
+
gap: 'var(--ids-comp-sidenav-size-gap-dense)',
|
|
11277
|
+
padding: 'var(--ids-comp-sidenav-size-padding-y-dense) var(--ids-comp-sidenav-size-padding-x-dense)',
|
|
11278
|
+
},
|
|
11279
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-section': {
|
|
11280
|
+
gap: 'var(--ids-comp-sidenav-section-size-gap-dense)',
|
|
11281
|
+
borderRadius: 'var(--ids-comp-sidenav-section-size-border-radius-dense)',
|
|
11282
|
+
borderWidth: 'var(--ids-comp-sidenav-section-size-border-width-dense)',
|
|
11283
|
+
padding: 'var(--ids-comp-sidenav-section-size-padding-y-dense) var(--ids-comp-sidenav-section-size-padding-x-dense)',
|
|
11284
|
+
},
|
|
11285
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label)': {
|
|
11286
|
+
minWidth: 'var(--ids-comp-sidenav-section-size-min-width-dense)',
|
|
11287
|
+
},
|
|
11288
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-title': {
|
|
11289
|
+
gap: 'var(--ids-comp-sidenav-section-title-size-gap-dense)',
|
|
11290
|
+
padding: 'var(--ids-comp-sidenav-section-title-size-padding-y-dense) var(--ids-comp-sidenav-section-title-size-padding-x-dense)',
|
|
11291
|
+
},
|
|
11292
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-title-label': {
|
|
11293
|
+
fontFamily: 'var(--ids-comp-sidenav-section-title-typography-font-family-dense)',
|
|
11294
|
+
fontSize: 'var(--ids-comp-sidenav-section-title-typography-font-size-dense)',
|
|
11295
|
+
fontWeight: 'var(--ids-comp-sidenav-section-title-typography-font-weight-dense)',
|
|
11296
|
+
letterSpacing: 'var(--ids-comp-sidenav-section-title-typography-letter-spacing-dense)',
|
|
11297
|
+
lineHeight: 'var(--ids-comp-sidenav-section-title-typography-line-height-dense)',
|
|
11298
|
+
},
|
|
11299
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single': {
|
|
11300
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-size-border-radius-dense)',
|
|
11301
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-single-size-border-width-dense)',
|
|
11302
|
+
gap: 'var(--ids-comp-sidenav-navitem-single-size-gap-dense)',
|
|
11303
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-height-dense)',
|
|
11304
|
+
padding: 'var(--ids-comp-sidenav-navitem-single-size-padding-y-dense) var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)',
|
|
11305
|
+
},
|
|
11306
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus-visible':
|
|
11307
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-dense)' },
|
|
11308
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single>.ids-icon': {
|
|
11309
|
+
height: 'var(--ids-comp-sidenav-navitem-single-size-icon-dense)',
|
|
11310
|
+
width: 'var(--ids-comp-sidenav-navitem-single-size-icon-dense)',
|
|
11311
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-dense)',
|
|
11312
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-dense)',
|
|
11313
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-dense)',
|
|
11314
|
+
},
|
|
11315
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label': {
|
|
11316
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-family-dense)',
|
|
11317
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-size-dense)',
|
|
11318
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-dense)',
|
|
11319
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-dense)',
|
|
11320
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-single-label-typography-line-height-dense)',
|
|
11321
|
+
},
|
|
11322
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before': {
|
|
11323
|
+
height: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-dense)',
|
|
11324
|
+
width: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-dense)',
|
|
11325
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-dense)',
|
|
11326
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)*-1)',
|
|
11327
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-single-size-gap-dense)*-1)',
|
|
11328
|
+
},
|
|
11329
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
11330
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-dense)',
|
|
11331
|
+
borderWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-dense)',
|
|
11332
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)',
|
|
11333
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense)',
|
|
11334
|
+
padding:
|
|
11335
|
+
'var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)',
|
|
11336
|
+
},
|
|
11337
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible':
|
|
11338
|
+
{ outlineWidth: 'var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense)' },
|
|
11339
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon': {
|
|
11340
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense)',
|
|
11341
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense)',
|
|
11342
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-dense)',
|
|
11343
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-dense)',
|
|
11344
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-dense)',
|
|
11345
|
+
},
|
|
11346
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label': {
|
|
11347
|
+
fontFamily: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-dense)',
|
|
11348
|
+
fontSize: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-dense)',
|
|
11349
|
+
fontWeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-dense)',
|
|
11350
|
+
letterSpacing: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-dense)',
|
|
11351
|
+
lineHeight: 'var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-dense)',
|
|
11352
|
+
},
|
|
11353
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before': {
|
|
11354
|
+
height: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-dense)',
|
|
11355
|
+
width: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-dense)',
|
|
11356
|
+
borderRadius: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-dense)',
|
|
11357
|
+
left: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)*-1)',
|
|
11358
|
+
marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)*-1)',
|
|
11359
|
+
},
|
|
11360
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu': {
|
|
11361
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense)',
|
|
11362
|
+
padding:
|
|
11363
|
+
'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense)',
|
|
11364
|
+
},
|
|
11365
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable': {
|
|
11366
|
+
gap: 'var(--ids-comp-sidenav-navitem-expandable-size-gap-dense)',
|
|
11367
|
+
padding:
|
|
11368
|
+
'var(--ids-comp-sidenav-navitem-expandable-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-dense)',
|
|
11369
|
+
},
|
|
11370
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu':
|
|
11371
|
+
{
|
|
11372
|
+
paddingLeft:
|
|
11373
|
+
'calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense))',
|
|
11374
|
+
},
|
|
11375
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-title+.ids-side-nav-item': {
|
|
11376
|
+
marginTop: 'var(--ids-comp-sidenav-section-size-gap-dense)',
|
|
11377
|
+
},
|
|
11378
|
+
'.ids-side-nav.ids-side-nav-dense .ids-side-nav-item+.ids-side-nav-item': {
|
|
11379
|
+
marginTop: 'var(--ids-comp-sidenav-section-list-size-gap-dense)',
|
|
11380
|
+
},
|
|
11381
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single': {
|
|
11382
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-default)',
|
|
11383
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-default)',
|
|
11384
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-default)',
|
|
11385
|
+
},
|
|
11386
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single>.ids-icon': {
|
|
11387
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-default)',
|
|
11388
|
+
},
|
|
11389
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover': {
|
|
11390
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-hovered)',
|
|
11391
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-hovered)',
|
|
11392
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-hovered)',
|
|
11393
|
+
},
|
|
11394
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon': {
|
|
11395
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-hovered)',
|
|
11396
|
+
},
|
|
11397
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible':
|
|
11398
|
+
{
|
|
11399
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-focused)',
|
|
11400
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-focused)',
|
|
11401
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-focused)',
|
|
11402
|
+
outlineColor: 'var(--ids-comp-sidenav-navitem-single-focused-outline-color-dark-focused)',
|
|
11403
|
+
},
|
|
11404
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon':
|
|
11405
|
+
{ color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-focused)' },
|
|
11406
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active': {
|
|
11407
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-pressed)',
|
|
11408
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-pressed)',
|
|
11409
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-pressed)',
|
|
11410
|
+
},
|
|
11411
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon': {
|
|
11412
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-pressed)',
|
|
11413
|
+
},
|
|
11414
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled])': {
|
|
11415
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-disabled)',
|
|
11416
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-disabled)',
|
|
11417
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-disabled)',
|
|
11418
|
+
},
|
|
11419
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon': {
|
|
11420
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-disabled)',
|
|
11421
|
+
},
|
|
11422
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active])': {
|
|
11423
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-active)',
|
|
11424
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-active)',
|
|
11425
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-active)',
|
|
11426
|
+
},
|
|
11427
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon': {
|
|
11428
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-active)',
|
|
11429
|
+
},
|
|
11430
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before':
|
|
11431
|
+
{ backgroundColor: 'var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-surface-default)' },
|
|
11432
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
11433
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-default)',
|
|
11434
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-default)',
|
|
11435
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-default)',
|
|
11436
|
+
},
|
|
11437
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon': {
|
|
11438
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-default)',
|
|
11439
|
+
},
|
|
11440
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover': {
|
|
11441
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-hovered)',
|
|
11442
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-hovered)',
|
|
11443
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-hovered)',
|
|
11444
|
+
},
|
|
11445
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon': {
|
|
11446
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-hovered)',
|
|
11447
|
+
},
|
|
11448
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible':
|
|
11449
|
+
{
|
|
11450
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-focused)',
|
|
11451
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-focused)',
|
|
11452
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-focused)',
|
|
11453
|
+
outlineColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-dark-focused)',
|
|
11454
|
+
},
|
|
11455
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon':
|
|
11456
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-focused)' },
|
|
11457
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active': {
|
|
11458
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-pressed)',
|
|
11459
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-pressed)',
|
|
11460
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-pressed)',
|
|
11461
|
+
},
|
|
11462
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon':
|
|
11463
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-pressed)' },
|
|
11464
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])': {
|
|
11465
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-disabled)',
|
|
11466
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-disabled)',
|
|
11467
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-disabled)',
|
|
11468
|
+
},
|
|
11469
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon':
|
|
11470
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-disabled)' },
|
|
11471
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])': {
|
|
11472
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-active)',
|
|
11473
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-active)',
|
|
11474
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-active)',
|
|
11475
|
+
},
|
|
11476
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon':
|
|
11477
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-active)' },
|
|
11478
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before':
|
|
11479
|
+
{ backgroundColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-surface-default)' },
|
|
11480
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single': {
|
|
11481
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-default)',
|
|
11482
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-default)',
|
|
11483
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-light-default)',
|
|
11484
|
+
},
|
|
11485
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single>.ids-icon': {
|
|
11486
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-default)',
|
|
11487
|
+
},
|
|
11488
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover': {
|
|
11489
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-hovered)',
|
|
11490
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-hovered)',
|
|
11491
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-light-hovered)',
|
|
11492
|
+
},
|
|
11493
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon': {
|
|
11494
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-hovered)',
|
|
11495
|
+
},
|
|
11496
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible':
|
|
11497
|
+
{
|
|
11498
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-focused)',
|
|
11499
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-focused)',
|
|
11500
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-light-focused)',
|
|
11501
|
+
outlineColor: 'var(--ids-comp-sidenav-navitem-single-focused-outline-color-light-focused)',
|
|
11502
|
+
},
|
|
11503
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon':
|
|
11504
|
+
{ color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-focused)' },
|
|
11505
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active': {
|
|
11506
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-pressed)',
|
|
11507
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-pressed)',
|
|
11508
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-light-pressed)',
|
|
11509
|
+
},
|
|
11510
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon': {
|
|
11511
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-pressed)',
|
|
11512
|
+
},
|
|
11513
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled])': {
|
|
11514
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-disabled)',
|
|
11515
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-disabled)',
|
|
11516
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-light-disabled)',
|
|
11517
|
+
},
|
|
11518
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon': {
|
|
11519
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-disabled)',
|
|
11520
|
+
},
|
|
11521
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active])': {
|
|
11522
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-active)',
|
|
11523
|
+
background: 'var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-active)',
|
|
11524
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-single-standard-color-border-light-active)',
|
|
11525
|
+
},
|
|
11526
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon': {
|
|
11527
|
+
color: 'var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-active)',
|
|
11528
|
+
},
|
|
11529
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before':
|
|
11530
|
+
{ backgroundColor: 'var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-light-default)' },
|
|
11531
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary': {
|
|
11532
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-default)',
|
|
11533
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-default)',
|
|
11534
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-default)',
|
|
11535
|
+
},
|
|
11536
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon': {
|
|
11537
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-default)',
|
|
11538
|
+
},
|
|
11539
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover': {
|
|
11540
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-hovered)',
|
|
11541
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-hovered)',
|
|
11542
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-hovered)',
|
|
11543
|
+
},
|
|
11544
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon': {
|
|
11545
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-hovered)',
|
|
11546
|
+
},
|
|
11547
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible':
|
|
11548
|
+
{
|
|
11549
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-focused)',
|
|
11550
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-focused)',
|
|
11551
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-focused)',
|
|
11552
|
+
outlineColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-light-focused)',
|
|
11553
|
+
},
|
|
11554
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon':
|
|
11555
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-focused)' },
|
|
11556
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active': {
|
|
11557
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-pressed)',
|
|
11558
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-pressed)',
|
|
11559
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-pressed)',
|
|
11560
|
+
},
|
|
11561
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon': {
|
|
11562
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-pressed)',
|
|
11563
|
+
},
|
|
11564
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])': {
|
|
11565
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-disabled)',
|
|
11566
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-disabled)',
|
|
11567
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-disabled)',
|
|
11568
|
+
},
|
|
11569
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon':
|
|
11570
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-disabled)' },
|
|
11571
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])': {
|
|
11572
|
+
color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-active)',
|
|
11573
|
+
background: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-active)',
|
|
11574
|
+
borderColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-active)',
|
|
11575
|
+
},
|
|
11576
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon':
|
|
11577
|
+
{ color: 'var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-active)' },
|
|
11578
|
+
'.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before':
|
|
11579
|
+
{ backgroundColor: 'var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-light-default)' },
|
|
10908
11580
|
'.ids-side-sheet': { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)', lineHeight: 1.5 },
|
|
10909
11581
|
'.ids-side-sheet::before,.ids-side-sheet::after,.ids-side-sheet *,.ids-side-sheet ::before,.ids-side-sheet ::after': {
|
|
10910
11582
|
boxSizing: 'border-box',
|
|
@@ -11332,6 +12004,8 @@ module.exports = function ComponentsPlugin() {
|
|
|
11332
12004
|
'.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message': {
|
|
11333
12005
|
flex: '1 0 0',
|
|
11334
12006
|
fontStyle: 'normal',
|
|
12007
|
+
display: 'flex',
|
|
12008
|
+
alignItems: 'center',
|
|
11335
12009
|
},
|
|
11336
12010
|
'.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action': {
|
|
11337
12011
|
display: 'flex',
|