@ni/nimble-components 18.3.0 → 18.3.2

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.
@@ -2516,11 +2516,15 @@ const hp="underline",up="outline",pp="block",gp=fe`
2516
2516
  var(--ni-private-listbox-padding)
2517
2517
  );
2518
2518
  z-index: 1;
2519
- padding: var(--ni-private-listbox-padding);
2520
2519
  box-shadow: ${ta};
2521
2520
  border: 1px solid ${Ur};
2522
2521
  background-color: ${Hr};
2523
- background-clip: padding-box;
2522
+ }
2523
+
2524
+ .listbox slot {
2525
+ display: block;
2526
+ background: transparent;
2527
+ padding: var(--ni-private-listbox-padding);
2524
2528
  }
2525
2529
 
2526
2530
  .listbox[hidden] {
@@ -2624,6 +2628,10 @@ const hp="underline",up="outline",pp="block",gp=fe`
2624
2628
  :host([disabled]) .control {
2625
2629
  background-color: rgba(${Dr}, 0.07);
2626
2630
  }
2631
+ `),Wu(ps,fe`
2632
+ .listbox slot {
2633
+ background: ${rs(No,.15)};
2634
+ }
2627
2635
  `)),vp=fe`
2628
2636
  .error-icon {
2629
2637
  display: none;
@@ -5033,13 +5041,14 @@ sn.getOrCreate().withPrefix("nimble").register(cv())
5033
5041
  class dv extends St{}const hv=G`
5034
5042
  <template role="table">
5035
5043
  <div class="table-container">
5036
- <div role="rowgroup" class="header-container" style="margin-right: ${e=>e.virtualizer.headerContainerMarginRight}px;">
5044
+ <div role="rowgroup" class="header-container">
5037
5045
  <div class="header-row" role="row">
5038
5046
  ${Ve((e=>e.columns),G`
5039
5047
  <${sn.tagFor(ev)} class="header">
5040
5048
  ${e=>e.textContent}
5041
5049
  </${sn.tagFor(ev)}>
5042
5050
  `)}
5051
+ <div class="header-scrollbar-spacer" style="width: ${e=>e.virtualizer.headerContainerMarginRight}px;"></div>
5043
5052
  </div>
5044
5053
  </div>
5045
5054
  <div class="table-viewport" ${Se("viewport")}>