@knime/kds-table 2.9.0 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @knime/kds-table
 
+## 4.0.0
+
+### Patch Changes
+
+- Updated dependencies [e2b5bfe]
+- Updated dependencies [bd4a10e]
+  - @knime/kds-components@4.0.0
+  - @knime/kds-styles@4.0.0
+
+## 3.0.0
+
+### Patch Changes
+
+- 2037f86: KDS-962: Remove table border-top
+- Updated dependencies [13cbb42]
+- Updated dependencies [356af93]
+- Updated dependencies [356af93]
+- Updated dependencies [e366f77]
+- Updated dependencies [e26e15d]
+  - @knime/kds-styles@3.0.0
+  - @knime/kds-components@3.0.0
+
 ## 2.9.0
 
 ### Patch Changes

package/dist/index.css

@@ -186,33 +186,33 @@ tr {
 }
 
 .kds-table-action-bar {
-&[data-v-a70d7b02] {
+&[data-v-6538127c] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: var(--kds-dimension-component-height-2-5x);
   padding-right: var(--kds-spacing-container-0-25x);
   padding-left: var(--kds-spacing-container-0-5x);
-  border-top: var(--kds-border-base-subtle);
+  border-bottom: var(--kds-border-base-subtle);
 }
-&.temporary-view[data-v-a70d7b02] {
+&.temporary-view[data-v-6538127c] {
     background-color: var(--kds-color-background-static-info-muted);
 }
 & .left {
-&[data-v-a70d7b02] {
+&[data-v-6538127c] {
     display: flex;
     flex: 1 0 0;
     gap: var(--kds-spacing-container-0-5x);
     align-items: center;
     padding: var(--kds-spacing-container-0-12x) 0;
 }
-& .dimension[data-v-a70d7b02] {
+& .dimension[data-v-6538127c] {
       font: var(--kds-font-base-title-small);
       color: var(--kds-color-text-and-icon-muted);
       white-space: pre;
 }
 }
-& .right[data-v-a70d7b02] {
+& .right[data-v-6538127c] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-items: center;
@@ -332,15 +332,14 @@ tr {
 }
 
 thead {
-&[data-v-a97dc625] {
+&[data-v-5ec89e0d] {
   /* TODO SLEEK-376 handle background color */
   /* stylelint-disable-next-line no-unknown-custom-properties */
   background-color: var(--knime-white);
-  border-top: var(--kds-border-base-subtle);
   border-bottom: var(--kds-border-base-subtle);
 }
 & tr {
-&[data-v-a97dc625] {
+&[data-v-5ec89e0d] {
     display: flex;
     height: 100%;
     transition:
@@ -348,51 +347,51 @@ thead {
       box-shadow 0.15s;
 }
 & th {
-&[data-v-a97dc625] {
+&[data-v-5ec89e0d] {
       min-height: var(--kds-dimension-component-height-2-5x);
       max-height: var(--kds-dimension-component-height-5x);
       text-align: left;
       white-space: nowrap;
 }
-&.deletion-cell-spacer[data-v-a97dc625] {
+&.deletion-cell-spacer[data-v-5ec89e0d] {
         width: var(--kds-dimension-component-width-2x);
 }
 &.select-cell {
-&[data-v-a97dc625] {
+&[data-v-5ec89e0d] {
         display: flex;
         justify-content: center;
         width: var(--kds-dimension-component-width-2x);
         padding: var(--kds-spacing-container-0-75x);
 }
-& .select-checkbox[data-v-a97dc625] {
+& .select-checkbox[data-v-5ec89e0d] {
           /* With this added padding the checkbox appears centered initially */
           padding: var(--kds-spacing-container-0-10x);
 }
 }
-&.new-column-head[data-v-a97dc625] {
+&.new-column-head[data-v-5ec89e0d] {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: var(--kds-spacing-container-0-5x);
 }
 }
-&[data-v-a97dc625]:hover {
+&[data-v-5ec89e0d]:hover {
       outline: none;
 }
 }
-&.sub-menu-active tr[data-v-a97dc625] {
+&.sub-menu-active tr[data-v-5ec89e0d] {
     padding-right: var(--kds-dimension-component-width-2x);
 }
 }
 .header-selection-overlay {
-&[data-v-a97dc625] {
+&[data-v-5ec89e0d] {
   position: absolute;
   top: 0;
   height: 100%;
   pointer-events: none;
   border: var(--kds-border-action-selected-accent);
 }
-&.header-focused[data-v-a97dc625] {
+&.header-focused[data-v-5ec89e0d] {
     border: var(--kds-border-action-focused);
 }
 }

package/dist/index.js

@@ -1121,14 +1121,32 @@ var dimension = {
 */
 var spacing = {
 	container: {
-		negative: { "0.25x": {
-			value: -4,
-			unit: "px",
-			css: {
-				value: "-4px",
-				variable: "var(--kds-spacing-container-negative-0-25x)"
+		negative: {
+			"0.25x": {
+				value: -4,
+				unit: "px",
+				css: {
+					value: "-4px",
+					variable: "var(--kds-spacing-container-negative-0-25x)"
+				}
+			},
+			"0.375x": {
+				value: -6,
+				unit: "px",
+				css: {
+					value: "-6px",
+					variable: "var(--kds-spacing-container-negative-0-375x)"
+				}
+			},
+			"0.5x": {
+				value: -8,
+				unit: "px",
+				css: {
+					value: "-8px",
+					variable: "var(--kds-spacing-container-negative-0-5x)"
+				}
 			}
-		} },
+		},
 		none: {
 			value: 0,
 			unit: "px",
@@ -1317,7 +1335,7 @@ var getMissingValueMessage = (cellData) => {
 };
 var getPropertiesFromColumns = (columnConfigs, key) => columnConfigs.map((colConfig) => colConfig[key]);
 //#endregion
-//#region ../../node_modules/.pnpm/@knime+vue-headless-virtual-scroller@0.2.0_vue@3.5.39_typescript@6.0.3_/node_modules/@knime/vue-headless-virtual-scroller/dist/vue-headless-virtual-scrolling.js
+//#region ../../node_modules/.pnpm/@knime+vue-headless-virtual-scroller@0.2.0_vue@3.5.40_typescript@6.0.3_/node_modules/@knime/vue-headless-virtual-scroller/dist/vue-headless-virtual-scrolling.js
 var $ = Object.defineProperty;
 var P = (t, e, r) => e in t ? $(t, e, {
 	enumerable: !0,
@@ -4212,10 +4230,7 @@ var VirtualRow_default = /* @__PURE__ */ defineComponent({
 			return __props.dataItem ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.dataItem.dots ? (openBlock(), createBlock(PlaceholderRow_default, {
 				key: 0,
 				height: __props.rowHeight
-			}, null, 8, ["height"])) : renderSlot(_ctx.$slots, "default", {
-				key: 1,
-				row: __props.dataItem.data
-			})], 64)) : (openBlock(), createBlock(EmptyRow_default, {
+			}, null, 8, ["height"])) : renderSlot(_ctx.$slots, "default", { row: __props.dataItem.data }, void 0, void 0, 1)], 64)) : (openBlock(), createBlock(EmptyRow_default, {
 				key: 1,
 				height: __props.rowHeight,
 				compact: __props.compact,
@@ -5448,7 +5463,7 @@ var TableActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			])], 2)) : createCommentVNode("", true);
 		};
 	}
-}), [["__scopeId", "data-v-a70d7b02"]]);
+}), [["__scopeId", "data-v-6538127c"]]);
 //#endregion
 //#region src/components/composables/useHeaderMenuItems.ts
 var useHeaderMenuItems = ({ enableSorting, sortDirection, sortTexts, additionalMenuItems, onColumnSort }) => {
@@ -5491,7 +5506,7 @@ var useHeaderMenuItems = ({ enableSorting, sortDirection, sortTexts, additionalM
 	return menuItems.length ? menuItems : void 0;
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.39_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
 /**
 * Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
 *
@@ -5507,7 +5522,7 @@ function tryOnScopeDispose(fn, failSilently) {
 var isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.39_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var defaultWindow = isClient ? window : void 0;
 isClient && window.document;
 isClient && window.navigator;
@@ -6191,7 +6206,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 		style: normalizeStyle($options.headerSelectionOverlayStyle)
 	}, null, 6)) : createCommentVNode("", true)]);
 }
-var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_lang_default, [["render", _sfc_render$2], ["__scopeId", "data-v-a97dc625"]]);
+var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_lang_default, [["render", _sfc_render$2], ["__scopeId", "data-v-5ec89e0d"]]);
 //#endregion
 //#region src/components/layout/NewRowButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$3 = { class: "sticky-container" };
@@ -6390,16 +6405,10 @@ var CellRenderer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					value: val,
 					cell: _ctx.$el
 				}))
-			}, [createElementVNode("div", _hoisted_1$2, [__props.isEditing ? renderSlot(_ctx.$slots, "editable-cell", {
-				key: 0,
-				cellElement: _ctx.$el
-			}, void 0, true) : __props.isMissing ? (openBlock(), createBlock(unref(KdsMissingValueIcon), {
+			}, [createElementVNode("div", _hoisted_1$2, [__props.isEditing ? renderSlot(_ctx.$slots, "editable-cell", { cellElement: _ctx.$el }, void 0, true, 0) : __props.isMissing ? (openBlock(), createBlock(unref(KdsMissingValueIcon), {
 				key: 1,
 				size: "small"
-			})) : __props.isSlotted ? renderSlot(_ctx.$slots, "default", {
-				key: 2,
-				width: __props.size - props.defaultLeftRightPadding * 2 - (showCellExpandButton.value && !__props.overlayExpandButton ? unref(EXPAND_BUTTON_WIDTH) : 0)
-			}, void 0, true) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(__props.text), 1)), showCellExpandButton.value ? (openBlock(), createBlock(CellExpandButton_default, {
+			})) : __props.isSlotted ? renderSlot(_ctx.$slots, "default", { width: __props.size - props.defaultLeftRightPadding * 2 - (showCellExpandButton.value && !__props.overlayExpandButton ? unref(EXPAND_BUTTON_WIDTH) : 0) }, void 0, true, 2) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(__props.text), 1)), showCellExpandButton.value ? (openBlock(), createBlock(CellExpandButton_default, {
 				key: 4,
 				class: normalizeClass({ overlaid: __props.overlayExpandButton }),
 				toggled: isExpanded.value,