@ni/nimble-components 17.0.3 → 17.0.4
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 +37 -7
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +37 -7
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/table/components/header/styles.js +2 -2
- package/dist/esm/table/components/header/styles.js.map +1 -1
- package/dist/esm/table/components/row/styles.js +1 -6
- package/dist/esm/table/components/row/styles.js.map +1 -1
- package/dist/esm/table/styles.js +40 -2
- package/dist/esm/table/styles.js.map +1 -1
- package/dist/esm/table/template.js +1 -0
- package/dist/esm/table/template.js.map +1 -1
- package/package.json +1 -1
|
@@ -25148,12 +25148,46 @@
|
|
|
25148
25148
|
.header-row {
|
|
25149
25149
|
display: flex;
|
|
25150
25150
|
flex-direction: row;
|
|
25151
|
+
background: ${applicationBackgroundColor};
|
|
25152
|
+
position: relative;
|
|
25151
25153
|
}
|
|
25152
25154
|
|
|
25153
25155
|
.header {
|
|
25154
25156
|
flex: 1;
|
|
25155
25157
|
}
|
|
25156
|
-
|
|
25158
|
+
|
|
25159
|
+
.row {
|
|
25160
|
+
background: ${applicationBackgroundColor};
|
|
25161
|
+
position: relative;
|
|
25162
|
+
}
|
|
25163
|
+
|
|
25164
|
+
.row::before {
|
|
25165
|
+
content: '';
|
|
25166
|
+
width: 100%;
|
|
25167
|
+
height: 100%;
|
|
25168
|
+
position: absolute;
|
|
25169
|
+
}
|
|
25170
|
+
|
|
25171
|
+
.row:hover::before {
|
|
25172
|
+
background: ${fillHoverColor};
|
|
25173
|
+
}
|
|
25174
|
+
`.withBehaviors(themeBehavior(Theme.color, css `
|
|
25175
|
+
.header-row::before {
|
|
25176
|
+
content: '';
|
|
25177
|
+
width: 100%;
|
|
25178
|
+
height: 100%;
|
|
25179
|
+
position: absolute;
|
|
25180
|
+
background: ${fillHoverColor};
|
|
25181
|
+
}
|
|
25182
|
+
|
|
25183
|
+
.row::before {
|
|
25184
|
+
background: ${fillHoverColor};
|
|
25185
|
+
}
|
|
25186
|
+
|
|
25187
|
+
.row:hover::before {
|
|
25188
|
+
background: ${hexToRgbaCssColor(White, 0.15)};
|
|
25189
|
+
}
|
|
25190
|
+
`));
|
|
25157
25191
|
|
|
25158
25192
|
const styles$c = css `
|
|
25159
25193
|
${display('flex')}
|
|
@@ -25161,10 +25195,10 @@
|
|
|
25161
25195
|
:host {
|
|
25162
25196
|
height: ${controlHeight};
|
|
25163
25197
|
align-items: center;
|
|
25164
|
-
background: ${applicationBackgroundColor};
|
|
25165
25198
|
padding: 0px calc(${standardPadding} / 2);
|
|
25166
25199
|
font: ${tableHeaderFont};
|
|
25167
25200
|
color: ${tableHeaderFontColor};
|
|
25201
|
+
text-transform: uppercase;
|
|
25168
25202
|
}
|
|
25169
25203
|
`;
|
|
25170
25204
|
|
|
@@ -25193,15 +25227,10 @@
|
|
|
25193
25227
|
|
|
25194
25228
|
:host {
|
|
25195
25229
|
height: ${controlHeight};
|
|
25196
|
-
background: ${applicationBackgroundColor};
|
|
25197
25230
|
border-top: calc(2 * ${borderWidth}) solid ${tableRowBorderColor};
|
|
25198
25231
|
grid-auto-flow: column;
|
|
25199
25232
|
grid-auto-columns: 1fr;
|
|
25200
25233
|
}
|
|
25201
|
-
|
|
25202
|
-
:host(:hover) .cell {
|
|
25203
|
-
background: ${fillHoverColor};
|
|
25204
|
-
}
|
|
25205
25234
|
`;
|
|
25206
25235
|
|
|
25207
25236
|
const styles$a = css `
|
|
@@ -25360,6 +25389,7 @@
|
|
|
25360
25389
|
${when(x => x.columns.length > 0, html `
|
|
25361
25390
|
${repeat(x => x.tableData, html `
|
|
25362
25391
|
<${DesignSystem.tagFor(TableRow)}
|
|
25392
|
+
class="row"
|
|
25363
25393
|
:dataRecord="${x => x.record}"
|
|
25364
25394
|
:columns="${(_, c) => c.parent.columns}"
|
|
25365
25395
|
>
|