@ni/nimble-components 16.1.5 → 16.1.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.
- package/dist/all-components-bundle.js +11 -3
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +11 -3
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/tab/styles.js +2 -1
- package/dist/esm/tab/styles.js.map +1 -1
- package/dist/esm/table/styles.js +8 -1
- package/dist/esm/table/styles.js.map +1 -1
- package/dist/esm/table/template.js +1 -1
- package/package.json +2 -2
|
@@ -22014,6 +22014,7 @@
|
|
|
22014
22014
|
--ni-private-active-indicator-width: 2px;
|
|
22015
22015
|
--ni-private-focus-indicator-width: 1px;
|
|
22016
22016
|
--ni-private-indicator-lines-gap: 1px;
|
|
22017
|
+
--ni-private-focus-indicator-inset-width: 3px;
|
|
22017
22018
|
}
|
|
22018
22019
|
|
|
22019
22020
|
:host(:hover) {
|
|
@@ -22069,7 +22070,7 @@
|
|
|
22069
22070
|
}
|
|
22070
22071
|
|
|
22071
22072
|
:host(${focusVisible})::before {
|
|
22072
|
-
width: 100
|
|
22073
|
+
width: calc(100% - 2 * var(--ni-private-focus-indicator-inset-width));
|
|
22073
22074
|
}
|
|
22074
22075
|
|
|
22075
22076
|
:host::after {
|
|
@@ -25081,10 +25082,17 @@
|
|
|
25081
25082
|
${display('flex')}
|
|
25082
25083
|
|
|
25083
25084
|
.table-container {
|
|
25085
|
+
display: flex;
|
|
25086
|
+
flex-direction: column;
|
|
25084
25087
|
width: 100%;
|
|
25085
|
-
height: 100%;
|
|
25086
25088
|
font: ${bodyFont};
|
|
25087
25089
|
color: ${bodyFontColor};
|
|
25090
|
+
overflow: auto;
|
|
25091
|
+
}
|
|
25092
|
+
|
|
25093
|
+
.header-container {
|
|
25094
|
+
position: sticky;
|
|
25095
|
+
top: 0;
|
|
25088
25096
|
}
|
|
25089
25097
|
|
|
25090
25098
|
.header-row {
|
|
@@ -25225,7 +25233,7 @@
|
|
|
25225
25233
|
const template$3 = html `
|
|
25226
25234
|
<template role="table">
|
|
25227
25235
|
<div class="table-container">
|
|
25228
|
-
<div role="rowgroup">
|
|
25236
|
+
<div role="rowgroup" class="header-container">
|
|
25229
25237
|
<div class="header-row" role="row">
|
|
25230
25238
|
${repeat(x => x.columnHeaders, html `
|
|
25231
25239
|
<${DesignSystem.tagFor(TableHeader)} class="header">
|