@ni/nimble-components 21.6.6 → 21.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16301,7 +16301,7 @@
16301
16301
 
16302
16302
  /**
16303
16303
  * Do not edit directly
16304
- * Generated on Fri, 23 Feb 2024 22:02:36 GMT
16304
+ * Generated on Fri, 23 Feb 2024 22:40:01 GMT
16305
16305
  */
16306
16306
 
16307
16307
  const Information100DarkUi = "#a46eff";
@@ -58741,16 +58741,22 @@ img.ProseMirror-separator {
58741
58741
  DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSelect());
58742
58742
 
58743
58743
  const styles$n = css `
58744
- ${display('inline-flex')}
58744
+ ${display('inline-grid')}
58745
58745
 
58746
58746
  :host {
58747
58747
  height: ${spinnerSmallHeight};
58748
58748
  aspect-ratio: 1 / 1;
58749
58749
  }
58750
58750
 
58751
+ div.overlay {
58752
+ z-index: ${ZIndexLevels.zIndex1};
58753
+ margin: max(2px, 6.25%);
58754
+ grid-area: 1/1;
58755
+ }
58756
+
58751
58757
  div.container {
58752
58758
  margin: max(2px, 6.25%);
58753
- flex: 1;
58759
+ grid-area: 1/1;
58754
58760
  ${
58755
58761
  /**
58756
58762
  * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.
@@ -58902,8 +58908,19 @@ img.ProseMirror-separator {
58902
58908
  }
58903
58909
  `));
58904
58910
 
58911
+ /* eslint-disable @typescript-eslint/indent */
58912
+ // prettier-ignore
58905
58913
  const template$k = html `
58906
58914
  <template role="progressbar">
58915
+ ${''
58916
+ /**
58917
+ * In Firefox, the 'title' set on the spinner is very finicky when
58918
+ * the spinner is animating. Therefore, put a transparent overlay on
58919
+ * top of the spinning bits so that the title displays as expected.
58920
+ */
58921
+ }
58922
+ <div class="overlay"></div>
58923
+
58907
58924
  <div class="container">
58908
58925
  <div class="bit1"></div>
58909
58926
  <div class="bit2"></div>