@ni/nimble-components 17.0.4 → 17.0.5

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.
@@ -20730,18 +20730,25 @@
20730
20730
  background: ${applicationBackgroundColor};
20731
20731
  border: ${borderWidth} solid ${popupBorderColor};
20732
20732
  margin: 0;
20733
- padding: 4px;
20734
- min-width: 168px;
20733
+ min-width: 176px;
20735
20734
  width: max-content;
20736
20735
  box-shadow: ${elevation2BoxShadow};
20737
20736
  }
20737
+
20738
+ slot {
20739
+ padding: 4px;
20740
+ display: block;
20741
+ }
20742
+
20738
20743
  :host([slot='submenu']) {
20739
20744
  margin: 0 calc(${smallPadding} * 2);
20740
20745
  }
20746
+
20741
20747
  ::slotted(*) {
20742
20748
  padding-left: 8px;
20743
20749
  padding-right: 8px;
20744
20750
  }
20751
+
20745
20752
  ::slotted(hr) {
20746
20753
  box-sizing: content-box;
20747
20754
  height: 2px;
@@ -20750,6 +20757,7 @@
20750
20757
  background: ${borderColor};
20751
20758
  opacity: 0.1;
20752
20759
  }
20760
+
20753
20761
  ::slotted(header) {
20754
20762
  display: flex;
20755
20763
  font: ${groupHeaderFont};
@@ -20758,7 +20766,11 @@
20758
20766
  padding-top: ${smallPadding};
20759
20767
  padding-bottom: ${smallPadding};
20760
20768
  }
20761
- `;
20769
+ `.withBehaviors(themeBehavior(Theme.color, css `
20770
+ slot {
20771
+ background: ${hexToRgbaCssColor(White, 0.15)};
20772
+ }
20773
+ `));
20762
20774
 
20763
20775
  /**
20764
20776
  * A nimble-styled menu