@ni/nimble-components 7.6.0 → 7.8.1

package/dist/all-components-bundle.js

@@ -13675,22 +13675,44 @@
         color: ${bodyDisabledFontColor};
     }
 
+    slot[name='checked-indicator'],
+    slot[name='indeterminate-indicator'] {
+        display: none;
+    }
+
     slot[name='checked-indicator'] svg {
         height: ${iconSize};
         width: ${iconSize};
         overflow: visible;
     }
 
+    :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
+        display: contents;
+    }
+
     slot[name='checked-indicator'] path {
         fill: ${borderColor};
-        opacity: 0;
     }
 
-    :host([aria-checked='true']) slot[name='checked-indicator'] path {
-        opacity: 1;
+    :host([disabled]) slot[name='checked-indicator'] path {
+        fill: rgba(${borderRgbPartialColor}, 0.3);
     }
 
-    :host([disabled]) slot[name='checked-indicator'] path {
+    slot[name='indeterminate-indicator'] svg {
+        height: ${iconSize};
+        width: ${iconSize};
+        overflow: visible;
+    }
+
+    :host(.indeterminate) slot[name='indeterminate-indicator'] {
+        display: contents;
+    }
+
+    slot[name='indeterminate-indicator'] path {
+        fill: ${borderColor};
+    }
+
+    :host([disabled]) slot[name='indeterminate-indicator'] path {
         fill: rgba(${borderRgbPartialColor}, 0.3);
     }
 `;
@@ -13705,7 +13727,8 @@
         baseClass: Checkbox$1,
         template: checkboxTemplate,
         styles: styles$h,
-        checkedIndicator: check16X16.data
+        checkedIndicator: check16X16.data,
+        indeterminateIndicator: minus16X16.data
     });
     DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckbox());
 
@@ -18222,6 +18245,7 @@
     (function (TreeViewSelectionMode) {
         TreeViewSelectionMode["All"] = "all";
         TreeViewSelectionMode["LeavesOnly"] = "leaves-only";
+        TreeViewSelectionMode["None"] = "none";
     })(TreeViewSelectionMode || (TreeViewSelectionMode = {}));
 
     /* eslint-disable */
@@ -18338,6 +18362,10 @@
                 background: ${fillHoverColor};
             }
 
+            :host([${groupSelectedAttribute}]) .positioning-region:hover {
+                background: ${fillHoverSelectedColor};
+            }
+
             :host(${focusVisible}) .positioning-region {
                 box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
                 outline: ${borderWidth} solid ${borderHoverColor};
@@ -18520,8 +18548,9 @@
                     return;
                 }
                 const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
+                const all = this.treeView?.selectionMode === TreeViewSelectionMode.All;
                 const hasChildren = this.hasChildTreeItems();
-                if ((leavesOnly && !hasChildren) || !leavesOnly) {
+                if ((leavesOnly && !hasChildren) || all) {
                     const selectedTreeItem = this.getImmediateTreeItem(this.treeView?.currentSelected);
                     // deselect currently selected item if different than this instance
                     if (selectedTreeItem && this !== this.treeView?.currentSelected) {
@@ -18530,7 +18559,7 @@
                     this.selected = true;
                 }
                 else {
-                    // implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
+                    // implicit (hasChildren && leavesOnly) || none, so only allow expand/collapse, not select
                     this.expanded = !this.expanded;
                 }
                 // don't allow base class to process click event