@ni/nimble-components 20.17.5 → 20.17.6

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 16 Jan 2024 20:46:46 GMT
+   * Generated on Tue, 16 Jan 2024 21:34:36 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -18334,10 +18334,15 @@
         --ni-private-tree-item-nested-width: 0;
     }
 
+    :host([disabled]) {
+        color: ${bodyDisabledFontColor};
+        cursor: default;
+    }
+
     .control {
         display: flex;
         text-decoration: none;
-        color: ${bodyFontColor};
+        color: inherit;
     }
 
     .control${focusVisible} {
@@ -18346,10 +18351,6 @@
         outline-offset: -2px;
     }
 
-    :host([disabled]) .control {
-        cursor: not-allowed;
-    }
-
     .positioning-region {
         display: flex;
         position: relative;
@@ -18362,6 +18363,10 @@
         background: ${fillHoverColor};
     }
 
+    :host([disabled]) .positioning-region:hover {
+        background: transparent;
+    }
+
     :host([selected]) .positioning-region {
         background: ${fillSelectedColor};
     }
@@ -18390,11 +18395,6 @@
         margin-inline-start: ${iconSize};
     }
 
-    :host([disabled]) .content-region {
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
     ${
 /* this rule keeps children without an icon text aligned with parents */ ''}
     [part="start"] {
@@ -18404,12 +18404,12 @@
     ${ /* the start class is applied when the corresponding slot is filled */''}
     .start {
         display: flex;
-        fill: currentcolor;
         margin-inline-start: ${iconSize};
         margin-inline-end: ${iconSize};
     }
 
     slot[name='start']::slotted(*) {
+        ${iconColor.cssCustomProperty}: currentcolor;
         width: ${iconSize};
         height: ${iconSize};
     }
@@ -67939,6 +67939,11 @@ img.ProseMirror-separator {
         --ni-private-tree-item-nested-width: 0;
     }
 
+    :host([disabled]) {
+        color: ${bodyDisabledFontColor};
+        cursor: default;
+    }
+
     ${ /* this controls the side border */''}
     :host([${groupSelectedAttribute}])::after {
         background: ${borderHoverColor};
@@ -67980,6 +67985,10 @@ img.ProseMirror-separator {
         background: ${fillHoverSelectedColor};
     }
 
+    :host([disabled]) .positioning-region:hover {
+        background-color: transparent;
+    }
+
     .positioning-region::before {
         content: '';
         display: block;
@@ -68004,11 +68013,6 @@ img.ProseMirror-separator {
         outline: none;
     }
 
-    :host([disabled]) .content-region {
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
     .expand-collapse-button {
         background: none;
         border: none;
@@ -68018,7 +68022,6 @@ img.ProseMirror-separator {
         padding: 0px;
         justify-content: center;
         align-items: center;
-        cursor: pointer;
         margin-left: 10px;
         position: absolute;
     }
@@ -68041,12 +68044,12 @@ img.ProseMirror-separator {
 /* the start class is applied when the corresponding slots is filled */ ''}
     .start {
         display: flex;
-        fill: currentcolor;
         margin-inline-start: ${iconSize};
         margin-inline-end: ${iconSize};
     }
 
     slot[name='start']::slotted(*) {
+        ${iconColor.cssCustomProperty}: currentcolor;
         width: ${iconSize};
         height: ${iconSize};
     }