@knime/kds-table 2.9.0 → 3.0.0
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/CHANGELOG.md +13 -0
- package/dist/index.css +17 -18
- package/dist/index.js +27 -9
- package/dist/index.js.map +1 -1
- package/dist/src/components/layout/Header.vue.d.ts.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @knime/kds-table
|
|
2
2
|
|
|
3
|
+
## 3.0.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 2037f86: KDS-962: Remove table border-top
|
|
8
|
+
- Updated dependencies [13cbb42]
|
|
9
|
+
- Updated dependencies [356af93]
|
|
10
|
+
- Updated dependencies [356af93]
|
|
11
|
+
- Updated dependencies [e366f77]
|
|
12
|
+
- Updated dependencies [e26e15d]
|
|
13
|
+
- @knime/kds-styles@3.0.0
|
|
14
|
+
- @knime/kds-components@3.0.0
|
|
15
|
+
|
|
3
16
|
## 2.9.0
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/dist/index.css
CHANGED
|
@@ -186,33 +186,33 @@ tr {
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
.kds-table-action-bar {
|
|
189
|
-
&[data-v-
|
|
189
|
+
&[data-v-6538127c] {
|
|
190
190
|
display: flex;
|
|
191
191
|
align-items: center;
|
|
192
192
|
justify-content: space-between;
|
|
193
193
|
min-height: var(--kds-dimension-component-height-2-5x);
|
|
194
194
|
padding-right: var(--kds-spacing-container-0-25x);
|
|
195
195
|
padding-left: var(--kds-spacing-container-0-5x);
|
|
196
|
-
border-
|
|
196
|
+
border-bottom: var(--kds-border-base-subtle);
|
|
197
197
|
}
|
|
198
|
-
&.temporary-view[data-v-
|
|
198
|
+
&.temporary-view[data-v-6538127c] {
|
|
199
199
|
background-color: var(--kds-color-background-static-info-muted);
|
|
200
200
|
}
|
|
201
201
|
& .left {
|
|
202
|
-
&[data-v-
|
|
202
|
+
&[data-v-6538127c] {
|
|
203
203
|
display: flex;
|
|
204
204
|
flex: 1 0 0;
|
|
205
205
|
gap: var(--kds-spacing-container-0-5x);
|
|
206
206
|
align-items: center;
|
|
207
207
|
padding: var(--kds-spacing-container-0-12x) 0;
|
|
208
208
|
}
|
|
209
|
-
& .dimension[data-v-
|
|
209
|
+
& .dimension[data-v-6538127c] {
|
|
210
210
|
font: var(--kds-font-base-title-small);
|
|
211
211
|
color: var(--kds-color-text-and-icon-muted);
|
|
212
212
|
white-space: pre;
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
|
-
& .right[data-v-
|
|
215
|
+
& .right[data-v-6538127c] {
|
|
216
216
|
display: flex;
|
|
217
217
|
gap: var(--kds-spacing-container-0-25x);
|
|
218
218
|
align-items: center;
|
|
@@ -332,15 +332,14 @@ tr {
|
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
thead {
|
|
335
|
-
&[data-v-
|
|
335
|
+
&[data-v-5ec89e0d] {
|
|
336
336
|
/* TODO SLEEK-376 handle background color */
|
|
337
337
|
/* stylelint-disable-next-line no-unknown-custom-properties */
|
|
338
338
|
background-color: var(--knime-white);
|
|
339
|
-
border-top: var(--kds-border-base-subtle);
|
|
340
339
|
border-bottom: var(--kds-border-base-subtle);
|
|
341
340
|
}
|
|
342
341
|
& tr {
|
|
343
|
-
&[data-v-
|
|
342
|
+
&[data-v-5ec89e0d] {
|
|
344
343
|
display: flex;
|
|
345
344
|
height: 100%;
|
|
346
345
|
transition:
|
|
@@ -348,51 +347,51 @@ thead {
|
|
|
348
347
|
box-shadow 0.15s;
|
|
349
348
|
}
|
|
350
349
|
& th {
|
|
351
|
-
&[data-v-
|
|
350
|
+
&[data-v-5ec89e0d] {
|
|
352
351
|
min-height: var(--kds-dimension-component-height-2-5x);
|
|
353
352
|
max-height: var(--kds-dimension-component-height-5x);
|
|
354
353
|
text-align: left;
|
|
355
354
|
white-space: nowrap;
|
|
356
355
|
}
|
|
357
|
-
&.deletion-cell-spacer[data-v-
|
|
356
|
+
&.deletion-cell-spacer[data-v-5ec89e0d] {
|
|
358
357
|
width: var(--kds-dimension-component-width-2x);
|
|
359
358
|
}
|
|
360
359
|
&.select-cell {
|
|
361
|
-
&[data-v-
|
|
360
|
+
&[data-v-5ec89e0d] {
|
|
362
361
|
display: flex;
|
|
363
362
|
justify-content: center;
|
|
364
363
|
width: var(--kds-dimension-component-width-2x);
|
|
365
364
|
padding: var(--kds-spacing-container-0-75x);
|
|
366
365
|
}
|
|
367
|
-
& .select-checkbox[data-v-
|
|
366
|
+
& .select-checkbox[data-v-5ec89e0d] {
|
|
368
367
|
/* With this added padding the checkbox appears centered initially */
|
|
369
368
|
padding: var(--kds-spacing-container-0-10x);
|
|
370
369
|
}
|
|
371
370
|
}
|
|
372
|
-
&.new-column-head[data-v-
|
|
371
|
+
&.new-column-head[data-v-5ec89e0d] {
|
|
373
372
|
display: flex;
|
|
374
373
|
flex-direction: column;
|
|
375
374
|
justify-content: center;
|
|
376
375
|
padding: var(--kds-spacing-container-0-5x);
|
|
377
376
|
}
|
|
378
377
|
}
|
|
379
|
-
&[data-v-
|
|
378
|
+
&[data-v-5ec89e0d]:hover {
|
|
380
379
|
outline: none;
|
|
381
380
|
}
|
|
382
381
|
}
|
|
383
|
-
&.sub-menu-active tr[data-v-
|
|
382
|
+
&.sub-menu-active tr[data-v-5ec89e0d] {
|
|
384
383
|
padding-right: var(--kds-dimension-component-width-2x);
|
|
385
384
|
}
|
|
386
385
|
}
|
|
387
386
|
.header-selection-overlay {
|
|
388
|
-
&[data-v-
|
|
387
|
+
&[data-v-5ec89e0d] {
|
|
389
388
|
position: absolute;
|
|
390
389
|
top: 0;
|
|
391
390
|
height: 100%;
|
|
392
391
|
pointer-events: none;
|
|
393
392
|
border: var(--kds-border-action-selected-accent);
|
|
394
393
|
}
|
|
395
|
-
&.header-focused[data-v-
|
|
394
|
+
&.header-focused[data-v-5ec89e0d] {
|
|
396
395
|
border: var(--kds-border-action-focused);
|
|
397
396
|
}
|
|
398
397
|
}
|
package/dist/index.js
CHANGED
|
@@ -1121,14 +1121,32 @@ var dimension = {
|
|
|
1121
1121
|
*/
|
|
1122
1122
|
var spacing = {
|
|
1123
1123
|
container: {
|
|
1124
|
-
negative: {
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1124
|
+
negative: {
|
|
1125
|
+
"0.25x": {
|
|
1126
|
+
value: -4,
|
|
1127
|
+
unit: "px",
|
|
1128
|
+
css: {
|
|
1129
|
+
value: "-4px",
|
|
1130
|
+
variable: "var(--kds-spacing-container-negative-0-25x)"
|
|
1131
|
+
}
|
|
1132
|
+
},
|
|
1133
|
+
"0.375x": {
|
|
1134
|
+
value: -6,
|
|
1135
|
+
unit: "px",
|
|
1136
|
+
css: {
|
|
1137
|
+
value: "-6px",
|
|
1138
|
+
variable: "var(--kds-spacing-container-negative-0-375x)"
|
|
1139
|
+
}
|
|
1140
|
+
},
|
|
1141
|
+
"0.5x": {
|
|
1142
|
+
value: -8,
|
|
1143
|
+
unit: "px",
|
|
1144
|
+
css: {
|
|
1145
|
+
value: "-8px",
|
|
1146
|
+
variable: "var(--kds-spacing-container-negative-0-5x)"
|
|
1147
|
+
}
|
|
1130
1148
|
}
|
|
1131
|
-
}
|
|
1149
|
+
},
|
|
1132
1150
|
none: {
|
|
1133
1151
|
value: 0,
|
|
1134
1152
|
unit: "px",
|
|
@@ -5448,7 +5466,7 @@ var TableActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
|
|
|
5448
5466
|
])], 2)) : createCommentVNode("", true);
|
|
5449
5467
|
};
|
|
5450
5468
|
}
|
|
5451
|
-
}), [["__scopeId", "data-v-
|
|
5469
|
+
}), [["__scopeId", "data-v-6538127c"]]);
|
|
5452
5470
|
//#endregion
|
|
5453
5471
|
//#region src/components/composables/useHeaderMenuItems.ts
|
|
5454
5472
|
var useHeaderMenuItems = ({ enableSorting, sortDirection, sortTexts, additionalMenuItems, onColumnSort }) => {
|
|
@@ -6191,7 +6209,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6191
6209
|
style: normalizeStyle($options.headerSelectionOverlayStyle)
|
|
6192
6210
|
}, null, 6)) : createCommentVNode("", true)]);
|
|
6193
6211
|
}
|
|
6194
|
-
var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_lang_default, [["render", _sfc_render$2], ["__scopeId", "data-v-
|
|
6212
|
+
var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_lang_default, [["render", _sfc_render$2], ["__scopeId", "data-v-5ec89e0d"]]);
|
|
6195
6213
|
//#endregion
|
|
6196
6214
|
//#region src/components/layout/NewRowButton.vue?vue&type=script&setup=true&lang.ts
|
|
6197
6215
|
var _hoisted_1$3 = { class: "sticky-container" };
|