@ni/nimble-components 20.17.5 → 20.17.7

package/dist/all-components-bundle.min.js

@@ -2010,10 +2010,15 @@ const bh=xe`
         --ni-private-tree-item-nested-width: 0;
     }
 
+    :host([disabled]) {
+        color: ${Nc};
+        cursor: default;
+    }
+
     .control {
         display: flex;
         text-decoration: none;
-        color: ${Dc};
+        color: inherit;
     }
 
     .control${Do} {
@@ -2022,10 +2027,6 @@ const bh=xe`
         outline-offset: -2px;
     }
 
-    :host([disabled]) .control {
-        cursor: not-allowed;
-    }
-
     .positioning-region {
         display: flex;
         position: relative;
@@ -2038,6 +2039,10 @@ const bh=xe`
         background: ${Ra};
     }
 
+    :host([disabled]) .positioning-region:hover {
+        background: transparent;
+    }
+
     :host([selected]) .positioning-region {
         background: ${Aa};
     }
@@ -2066,11 +2071,6 @@ const bh=xe`
         margin-inline-start: ${sl};
     }
 
-    :host([disabled]) .content-region {
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
     ${""}
     [part="start"] {
         width: ${sl};
@@ -2079,12 +2079,12 @@ const bh=xe`
     ${""}
     .start {
         display: flex;
-        fill: currentcolor;
         margin-inline-start: ${sl};
         margin-inline-end: ${sl};
     }
 
     slot[name='start']::slotted(*) {
+        ${Ha.cssCustomProperty}: currentcolor;
         width: ${sl};
         height: ${sl};
     }
@@ -7170,6 +7170,7 @@ const i$="nimble-rich-text-mention-listbox",o$=Z`
         ${""}
         height: 82px;
         --ni-private-rich-text-editor-footer-section-height: 40px;
+        --ni-private-rich-text-editor-footer-section-border-top-width: 2px;
         ${""}
         min-width: 360px;
     }
@@ -7338,8 +7339,11 @@ const i$="nimble-rich-text-mention-listbox",o$=Z`
         display: flex;
         justify-content: space-between;
         flex-shrink: 0;
-        border: ${rl} solid transparent;
-        border-top-color: rgba(${Na}, 0.1);
+        border: 0px;
+        border-top: var(
+                --ni-private-rich-text-editor-footer-section-border-top-width
+            )
+            solid rgba(${Na}, 0.1);
         height: var(--ni-private-rich-text-editor-footer-section-height);
         overflow: hidden;
     }
@@ -7348,15 +7352,23 @@ const i$="nimble-rich-text-mention-listbox",o$=Z`
         display: none;
     }
 
-    nimble-toolbar::part(positioning-region) {
+    ${FS}::part(positioning-region) {
         background: transparent;
         padding-right: 8px;
+        box-sizing: border-box;
+        gap: 0px;
+        height: var(--ni-private-rich-text-editor-footer-section-height);
     }
 
-    nimble-toolbar::part(start) {
+    ${FS}::part(start) {
         gap: 8px;
     }
 
+    ${Rh},
+    ${Nm} {
+        height: ${el};
+    }
+
     .footer-actions {
         display: flex;
         justify-content: flex-end;
@@ -7365,6 +7377,13 @@ const i$="nimble-rich-text-mention-listbox",o$=Z`
         place-items: center;
     }
 
+    ::slotted(${Rh}),
+    ::slotted(${Nm}),
+    ::slotted(${"nimble-anchor-button"}),
+    ::slotted(${gv}) {
+        height: ${el};
+    }
+
     :host([error-visible]) .error-icon {
         display: none;
     }
@@ -11691,6 +11710,11 @@ class PN{constructor(e,t,n){this.ltr=e,this.rtl=t,this.source=n,this.attached=nu
         --ni-private-tree-item-nested-width: 0;
     }
 
+    :host([disabled]) {
+        color: ${Nc};
+        cursor: default;
+    }
+
     ${""}
     :host([${TN}])::after {
         background: ${Fa};
@@ -11732,6 +11756,10 @@ class PN{constructor(e,t,n){this.ltr=e,this.rtl=t,this.source=n,this.attached=nu
         background: ${Ta};
     }
 
+    :host([disabled]) .positioning-region:hover {
+        background-color: transparent;
+    }
+
     .positioning-region::before {
         content: '';
         display: block;
@@ -11756,11 +11784,6 @@ class PN{constructor(e,t,n){this.ltr=e,this.rtl=t,this.source=n,this.attached=nu
         outline: none;
     }
 
-    :host([disabled]) .content-region {
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
     .expand-collapse-button {
         background: none;
         border: none;
@@ -11770,7 +11793,6 @@ class PN{constructor(e,t,n){this.ltr=e,this.rtl=t,this.source=n,this.attached=nu
         padding: 0px;
         justify-content: center;
         align-items: center;
-        cursor: pointer;
         margin-left: 10px;
         position: absolute;
     }
@@ -11791,12 +11813,12 @@ class PN{constructor(e,t,n){this.ltr=e,this.rtl=t,this.source=n,this.attached=nu
     ${""}
     .start {
         display: flex;
-        fill: currentcolor;
         margin-inline-start: ${sl};
         margin-inline-end: ${sl};
     }
 
     slot[name='start']::slotted(*) {
+        ${Ha.cssCustomProperty}: currentcolor;
         width: ${sl};
         height: ${sl};
     }