@ni/nimble-components 20.16.6 → 20.17.1

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 Thu, 04 Jan 2024 19:07:41 GMT
16304
+ * Generated on Fri, 05 Jan 2024 00:21:59 GMT
16305
16305
  */
16306
16306
 
16307
16307
  const Information100DarkUi = "#a46eff";
@@ -17338,7 +17338,7 @@
17338
17338
  /*
17339
17339
  Not sure why but this is needed to get buttons with icons and buttons
17340
17340
  without icons to align on the same line when the button is inline-flex
17341
- See: https://github.com/microsoft/fast/issues/5414
17341
+ See: https://github.com/ni/nimble/issues/503
17342
17342
  */ ''}
17343
17343
  vertical-align: middle;
17344
17344
  }
@@ -18576,11 +18576,18 @@
18576
18576
  .register(nimbleAnchorTreeItem());
18577
18577
  DesignSystem.tagFor(AnchorTreeItem);
18578
18578
 
18579
+ const ZIndexLevels = {
18580
+ zIndex1: '1',
18581
+ // Original usages of 1000 were to compete with jqx grid usage of z-index 200 for table headers
18582
+ // See: https://github.com/ni/nimble/pull/530#discussion_r863076750
18583
+ zIndex1000: '1000'
18584
+ };
18585
+
18579
18586
  const styles$P = css `
18580
18587
  :host {
18581
18588
  contain: layout;
18582
18589
  display: block;
18583
- z-index: 1000;
18590
+ z-index: ${ZIndexLevels.zIndex1000};
18584
18591
  }
18585
18592
  `;
18586
18593
 
@@ -20642,12 +20649,10 @@
20642
20649
  box-sizing: border-box;
20643
20650
  display: inline-flex;
20644
20651
  flex-direction: column;
20645
- left: 0;
20646
20652
  overflow-y: auto;
20647
20653
  width: 100%;
20648
20654
  --ni-private-listbox-padding: ${smallPadding};
20649
20655
  max-height: calc(var(--ni-private-select-max-height) - ${smallPadding});
20650
- z-index: 1;
20651
20656
  box-shadow: ${elevation2BoxShadow};
20652
20657
  border: 1px solid ${popupBorderColor};
20653
20658
  background-color: ${applicationBackgroundColor};
@@ -61845,13 +61850,13 @@ img.ProseMirror-separator {
61845
61850
 
61846
61851
  .column-divider.active {
61847
61852
  display: block;
61848
- z-index: 1;
61853
+ z-index: ${ZIndexLevels.zIndex1};
61849
61854
  }
61850
61855
 
61851
61856
  .header-container:hover .column-divider.left,
61852
61857
  .header-container:hover .column-divider.right {
61853
61858
  display: block;
61854
- z-index: 1;
61859
+ z-index: ${ZIndexLevels.zIndex1};
61855
61860
  }
61856
61861
 
61857
61862
  .column-divider.left {