@ni/nimble-components 21.6.5 → 21.6.7

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Fri, 23 Feb 2024 21:07:50 GMT
+   * Generated on Fri, 23 Feb 2024 22:40:01 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -20805,7 +20805,7 @@
         color: ${failColor};
         width: 100%;
         position: absolute;
-        bottom: calc(-1 * ${errorTextFontLineHeight});
+        bottom: calc(-1 * (${errorTextFontLineHeight} + 2px));
         left: 0px;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -58741,16 +58741,22 @@ img.ProseMirror-separator {
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSelect());
 
   const styles$n = css `
-    ${display('inline-flex')}
+    ${display('inline-grid')}
 
     :host {
         height: ${spinnerSmallHeight};
         aspect-ratio: 1 / 1;
     }
 
+    div.overlay {
+        z-index: ${ZIndexLevels.zIndex1};
+        margin: max(2px, 6.25%);
+        grid-area: 1/1;
+    }
+
     div.container {
         margin: max(2px, 6.25%);
-        flex: 1;
+        grid-area: 1/1;
         ${
 /**
  * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.
@@ -58902,8 +58908,19 @@ img.ProseMirror-separator {
             }
         `));
 
+  /* eslint-disable @typescript-eslint/indent */
+  // prettier-ignore
   const template$k = html `
     <template role="progressbar">
+        ${''
+/**
+ * In Firefox, the 'title' set on the spinner is very finicky when
+ * the spinner is animating. Therefore, put a transparent overlay on
+ * top of the spinning bits so that the title displays as expected.
+ */
+}
+        <div class="overlay"></div>
+
         <div class="container">
             <div class="bit1"></div>
             <div class="bit2"></div>