@ni/nimble-components 7.6.0 → 7.7.0
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/all-components-bundle.js +28 -5
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2 -2
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/checkbox/index.js +3 -2
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/checkbox/styles.js +26 -4
- package/dist/esm/checkbox/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -13675,22 +13675,44 @@
|
|
|
13675
13675
|
color: ${bodyDisabledFontColor};
|
|
13676
13676
|
}
|
|
13677
13677
|
|
|
13678
|
+
slot[name='checked-indicator'],
|
|
13679
|
+
slot[name='indeterminate-indicator'] {
|
|
13680
|
+
display: none;
|
|
13681
|
+
}
|
|
13682
|
+
|
|
13678
13683
|
slot[name='checked-indicator'] svg {
|
|
13679
13684
|
height: ${iconSize};
|
|
13680
13685
|
width: ${iconSize};
|
|
13681
13686
|
overflow: visible;
|
|
13682
13687
|
}
|
|
13683
13688
|
|
|
13689
|
+
:host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
|
|
13690
|
+
display: contents;
|
|
13691
|
+
}
|
|
13692
|
+
|
|
13684
13693
|
slot[name='checked-indicator'] path {
|
|
13685
13694
|
fill: ${borderColor};
|
|
13686
|
-
opacity: 0;
|
|
13687
13695
|
}
|
|
13688
13696
|
|
|
13689
|
-
:host([
|
|
13690
|
-
|
|
13697
|
+
:host([disabled]) slot[name='checked-indicator'] path {
|
|
13698
|
+
fill: rgba(${borderRgbPartialColor}, 0.3);
|
|
13691
13699
|
}
|
|
13692
13700
|
|
|
13693
|
-
|
|
13701
|
+
slot[name='indeterminate-indicator'] svg {
|
|
13702
|
+
height: ${iconSize};
|
|
13703
|
+
width: ${iconSize};
|
|
13704
|
+
overflow: visible;
|
|
13705
|
+
}
|
|
13706
|
+
|
|
13707
|
+
:host(.indeterminate) slot[name='indeterminate-indicator'] {
|
|
13708
|
+
display: contents;
|
|
13709
|
+
}
|
|
13710
|
+
|
|
13711
|
+
slot[name='indeterminate-indicator'] path {
|
|
13712
|
+
fill: ${borderColor};
|
|
13713
|
+
}
|
|
13714
|
+
|
|
13715
|
+
:host([disabled]) slot[name='indeterminate-indicator'] path {
|
|
13694
13716
|
fill: rgba(${borderRgbPartialColor}, 0.3);
|
|
13695
13717
|
}
|
|
13696
13718
|
`;
|
|
@@ -13705,7 +13727,8 @@
|
|
|
13705
13727
|
baseClass: Checkbox$1,
|
|
13706
13728
|
template: checkboxTemplate,
|
|
13707
13729
|
styles: styles$h,
|
|
13708
|
-
checkedIndicator: check16X16.data
|
|
13730
|
+
checkedIndicator: check16X16.data,
|
|
13731
|
+
indeterminateIndicator: minus16X16.data
|
|
13709
13732
|
});
|
|
13710
13733
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckbox());
|
|
13711
13734
|
|