@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.
- package/dist/all-components-bundle.js +12 -3
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +12 -3
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/patterns/dropdown/styles.js +14 -2
- package/dist/esm/patterns/dropdown/styles.js.map +1 -1
- package/dist/esm/table/template.js +2 -1
- package/dist/esm/table/template.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +1 -1
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/tokens.scss +1 -1
- package/package.json +1 -1
|
@@ -19547,11 +19547,15 @@
|
|
|
19547
19547
|
var(--ni-private-listbox-padding)
|
|
19548
19548
|
);
|
|
19549
19549
|
z-index: 1;
|
|
19550
|
-
padding: var(--ni-private-listbox-padding);
|
|
19551
19550
|
box-shadow: ${elevation2BoxShadow};
|
|
19552
19551
|
border: 1px solid ${popupBorderColor};
|
|
19553
19552
|
background-color: ${applicationBackgroundColor};
|
|
19554
|
-
|
|
19553
|
+
}
|
|
19554
|
+
|
|
19555
|
+
.listbox slot {
|
|
19556
|
+
display: block;
|
|
19557
|
+
background: transparent;
|
|
19558
|
+
padding: var(--ni-private-listbox-padding);
|
|
19555
19559
|
}
|
|
19556
19560
|
|
|
19557
19561
|
.listbox[hidden] {
|
|
@@ -19655,6 +19659,10 @@
|
|
|
19655
19659
|
:host([disabled]) .control {
|
|
19656
19660
|
background-color: rgba(${borderRgbPartialColor}, 0.07);
|
|
19657
19661
|
}
|
|
19662
|
+
`), themeBehavior(Theme.color, css `
|
|
19663
|
+
.listbox slot {
|
|
19664
|
+
background: ${hexToRgbaCssColor(White, 0.15)};
|
|
19665
|
+
}
|
|
19658
19666
|
`));
|
|
19659
19667
|
|
|
19660
19668
|
const styles$s = css `
|
|
@@ -26900,13 +26908,14 @@
|
|
|
26900
26908
|
const template$4 = html `
|
|
26901
26909
|
<template role="table">
|
|
26902
26910
|
<div class="table-container">
|
|
26903
|
-
<div role="rowgroup" class="header-container"
|
|
26911
|
+
<div role="rowgroup" class="header-container">
|
|
26904
26912
|
<div class="header-row" role="row">
|
|
26905
26913
|
${repeat(x => x.columns, html `
|
|
26906
26914
|
<${DesignSystem.tagFor(TableHeader)} class="header">
|
|
26907
26915
|
${x => x.textContent}
|
|
26908
26916
|
</${DesignSystem.tagFor(TableHeader)}>
|
|
26909
26917
|
`)}
|
|
26918
|
+
<div class="header-scrollbar-spacer" style="width: ${x => x.virtualizer.headerContainerMarginRight}px;"></div>
|
|
26910
26919
|
</div>
|
|
26911
26920
|
</div>
|
|
26912
26921
|
<div class="table-viewport" ${ref('viewport')}>
|