@ni/nimble-components 20.17.5 → 20.17.7

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 Wed, 17 Jan 2024 00:34:10 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -17694,6 +17694,7 @@
       }
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorButton());
+  const anchorButtonTag = 'nimble-anchor-button';
 
   const styles$T = css `
     ${display('grid')}
@@ -18334,10 +18335,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 +18352,6 @@
         outline-offset: -2px;
     }
 
-    :host([disabled]) .control {
-        cursor: not-allowed;
-    }
-
     .positioning-region {
         display: flex;
         position: relative;
@@ -18362,6 +18364,10 @@
         background: ${fillHoverColor};
     }
 
+    :host([disabled]) .positioning-region:hover {
+        background: transparent;
+    }
+
     :host([selected]) .positioning-region {
         background: ${fillSelectedColor};
     }
@@ -18390,11 +18396,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 +18405,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};
     }
@@ -42546,6 +42547,7 @@ img.ProseMirror-separator {
 /** Initial height of rich text editor with one line space when the footer is visible. */ ''}
         height: 82px;
         --ni-private-rich-text-editor-footer-section-height: 40px;
+        --ni-private-rich-text-editor-footer-section-border-top-width: 2px;
         ${
 /** Minimum width is added to accommodate all the possible buttons in the toolbar and to support the mobile width. */ ''}
         min-width: 360px;
@@ -42739,8 +42741,11 @@ img.ProseMirror-separator {
         display: flex;
         justify-content: space-between;
         flex-shrink: 0;
-        border: ${borderWidth} solid transparent;
-        border-top-color: rgba(${borderRgbPartialColor}, 0.1);
+        border: 0px;
+        border-top: var(
+                --ni-private-rich-text-editor-footer-section-border-top-width
+            )
+            solid rgba(${borderRgbPartialColor}, 0.1);
         height: var(--ni-private-rich-text-editor-footer-section-height);
         overflow: hidden;
     }
@@ -42749,15 +42754,23 @@ img.ProseMirror-separator {
         display: none;
     }
 
-    nimble-toolbar::part(positioning-region) {
+    ${toolbarTag}::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) {
+    ${toolbarTag}::part(start) {
         gap: 8px;
     }
 
+    ${buttonTag},
+    ${toggleButtonTag} {
+        height: ${controlSlimHeight};
+    }
+
     .footer-actions {
         display: flex;
         justify-content: flex-end;
@@ -42766,6 +42779,13 @@ img.ProseMirror-separator {
         place-items: center;
     }
 
+    ::slotted(${buttonTag}),
+    ::slotted(${toggleButtonTag}),
+    ::slotted(${anchorButtonTag}),
+    ::slotted(${menuButtonTag}) {
+        height: ${controlSlimHeight};
+    }
+
     :host([error-visible]) .error-icon {
         display: none;
     }
@@ -67939,6 +67959,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 +68005,10 @@ img.ProseMirror-separator {
         background: ${fillHoverSelectedColor};
     }
 
+    :host([disabled]) .positioning-region:hover {
+        background-color: transparent;
+    }
+
     .positioning-region::before {
         content: '';
         display: block;
@@ -68004,11 +68033,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 +68042,6 @@ img.ProseMirror-separator {
         padding: 0px;
         justify-content: center;
         align-items: center;
-        cursor: pointer;
         margin-left: 10px;
         position: absolute;
     }
@@ -68041,12 +68064,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};
     }