@i-cell/ids-styles 0.0.72 → 0.0.73
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 +22 -37
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +18 -10
- package/dist/dialog/dialog.css +0 -1
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +0 -1
- package/dist/divider/divider.css +1 -0
- package/dist/divider/divider.min.css +1 -1
- package/dist/divider/divider.plugin.js +1 -0
- package/dist/radio/radio.css +1 -0
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +1 -1
- package/dist/side-nav/side-nav.css +20 -36
- package/dist/side-nav/side-nav.min.css +1 -1
- package/dist/side-nav/side-nav.plugin.js +16 -8
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -5921,7 +5921,6 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5921
5921
|
display: grid;
|
|
5922
5922
|
}
|
|
5923
5923
|
.ids-dialog .ids-dialog-container .ids-dialog-content {
|
|
5924
|
-
display: flex;
|
|
5925
5924
|
overflow-y: auto;
|
|
5926
5925
|
background: var(--ids-comp-dialog-content-color-bg-default);
|
|
5927
5926
|
}
|
|
@@ -6124,6 +6123,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
6124
6123
|
border-color: transparent;
|
|
6125
6124
|
line-height: 1.5;
|
|
6126
6125
|
display: flex;
|
|
6126
|
+
flex-shrink: 0;
|
|
6127
6127
|
align-items: center;
|
|
6128
6128
|
justify-content: center;
|
|
6129
6129
|
}
|
|
@@ -10781,6 +10781,7 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
10781
10781
|
}
|
|
10782
10782
|
.ids-radio-group > .ids-radio-group__list {
|
|
10783
10783
|
display: flex;
|
|
10784
|
+
width: inherit;
|
|
10784
10785
|
}
|
|
10785
10786
|
.ids-radio-group.ids-radio-group-horizontal > .ids-radio-group__list {
|
|
10786
10787
|
flex-direction: row;
|
|
@@ -12819,16 +12820,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
12819
12820
|
margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact) * -1);
|
|
12820
12821
|
}
|
|
12821
12822
|
.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
|
|
12822
|
-
--submenu-
|
|
12823
|
-
|
|
12824
|
-
|
|
12825
|
-
|
|
12826
|
-
) +
|
|
12827
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) +
|
|
12828
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) +
|
|
12829
|
-
calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) * var(--submenu-items-count))
|
|
12823
|
+
--submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
|
|
12824
|
+
--submenu-item-height: max(
|
|
12825
|
+
var(--ids-comp-sidenav-navitem-single-size-height-compact),
|
|
12826
|
+
var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact)
|
|
12830
12827
|
);
|
|
12831
|
-
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
|
|
12828
|
+
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) + var(--ids-comp-sidenav-section-list-size-gap-compact)));
|
|
12832
12829
|
gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);
|
|
12833
12830
|
padding: 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);
|
|
12834
12831
|
}
|
|
@@ -12934,16 +12931,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
12934
12931
|
margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable) * -1);
|
|
12935
12932
|
}
|
|
12936
12933
|
.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
|
|
12937
|
-
--submenu-
|
|
12938
|
-
|
|
12939
|
-
|
|
12940
|
-
|
|
12941
|
-
) +
|
|
12942
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) +
|
|
12943
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) +
|
|
12944
|
-
calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) * var(--submenu-items-count))
|
|
12934
|
+
--submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
|
|
12935
|
+
--submenu-item-height: max(
|
|
12936
|
+
var(--ids-comp-sidenav-navitem-single-size-height-comfortable),
|
|
12937
|
+
var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable)
|
|
12945
12938
|
);
|
|
12946
|
-
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
|
|
12939
|
+
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) + var(--ids-comp-sidenav-section-list-size-gap-comfortable)));
|
|
12947
12940
|
gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);
|
|
12948
12941
|
padding: 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);
|
|
12949
12942
|
}
|
|
@@ -13049,16 +13042,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
13049
13042
|
margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious) * -1);
|
|
13050
13043
|
}
|
|
13051
13044
|
.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
|
|
13052
|
-
--submenu-
|
|
13053
|
-
|
|
13054
|
-
|
|
13055
|
-
|
|
13056
|
-
) +
|
|
13057
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) +
|
|
13058
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) +
|
|
13059
|
-
calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) * var(--submenu-items-count))
|
|
13045
|
+
--submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
|
|
13046
|
+
--submenu-item-height: max(
|
|
13047
|
+
var(--ids-comp-sidenav-navitem-single-size-height-spacious),
|
|
13048
|
+
var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious)
|
|
13060
13049
|
);
|
|
13061
|
-
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
|
|
13050
|
+
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) + var(--ids-comp-sidenav-section-list-size-gap-spacious)));
|
|
13062
13051
|
gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);
|
|
13063
13052
|
padding: 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);
|
|
13064
13053
|
}
|
|
@@ -13164,16 +13153,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
13164
13153
|
margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense) * -1);
|
|
13165
13154
|
}
|
|
13166
13155
|
.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
|
|
13167
|
-
--submenu-
|
|
13168
|
-
|
|
13169
|
-
|
|
13170
|
-
|
|
13171
|
-
) +
|
|
13172
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) +
|
|
13173
|
-
var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) +
|
|
13174
|
-
calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) * var(--submenu-items-count))
|
|
13156
|
+
--submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
|
|
13157
|
+
--submenu-item-height: max(
|
|
13158
|
+
var(--ids-comp-sidenav-navitem-single-size-height-dense),
|
|
13159
|
+
var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense)
|
|
13175
13160
|
);
|
|
13176
|
-
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
|
|
13161
|
+
max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) + var(--ids-comp-sidenav-section-list-size-gap-dense)));
|
|
13177
13162
|
gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);
|
|
13178
13163
|
padding: 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);
|
|
13179
13164
|
}
|