@knime/kds-table 0.5.0 → 0.5.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @knime/kds-table
 
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [8f7a331]
+- Updated dependencies [a05b472]
+  - @knime/kds-components@1.0.0
+  - @knime/kds-styles@1.0.0
+
+## 0.5.1
+
+### Patch Changes
+
+- bb1f785: Revert removal of background token from header as the row content will be visible during scroll
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/index.css

@@ -1006,7 +1006,7 @@ html.kds-legacy {
 }
 
 .kds-list-item {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -1023,36 +1023,36 @@ html.kds-legacy {
   border-radius: var(--kds-border-radius-container-0-31x);
 }
 &.small {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     gap: var(--kds-spacing-container-0-25x);
-    align-items: flex-start;
     padding: var(--kds-spacing-container-0-25x)
       var(--kds-spacing-container-0-5x);
     font: var(--kds-font-base-interactive-small);
 }
-.accessory[data-v-a3d6c86f] {
+.accessory[data-v-a582a5cb] {
       display: flex;
       padding: var(--kds-spacing-container-0-12x) 0;
+      margin-bottom: auto;
 }
 }
 &.large {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     font: var(--kds-font-base-interactive-small-strong);
 }
-.accessory[data-v-a3d6c86f] {
+.accessory[data-v-a582a5cb] {
       display: flex;
       align-items: center;
 }
 }
 .content {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     gap: var(--kds-spacing-container-0-12x);
     min-width: 0;
 }
-.large &[data-v-a3d6c86f] {
+.large &[data-v-a582a5cb] {
       justify-content: center;
       min-height: calc(
         var(--kds-dimension-component-height-2-5x) - 2 *
@@ -1060,19 +1060,19 @@ html.kds-legacy {
       );
 }
 .label {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
 }
-.prefix[data-v-a3d6c86f] {
+.prefix[data-v-a582a5cb] {
         flex-shrink: 0;
 }
-.special[data-v-a3d6c86f] {
+.special[data-v-a582a5cb] {
         font: var(--kds-font-base-interactive-small-italic);
 }
 }
-.subtext[data-v-a3d6c86f] {
+.subtext[data-v-a582a5cb] {
       display: -webkit-box;
       overflow: hidden;
       -webkit-line-clamp: 2;
@@ -1083,7 +1083,7 @@ html.kds-legacy {
 }
 }
 .trailing-item {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     display: flex;
     flex-shrink: 0;
     gap: var(--kds-spacing-container-0-12x);
@@ -1091,69 +1091,69 @@ html.kds-legacy {
     align-self: center;
     justify-content: flex-end;
 }
-.shortcut[data-v-a3d6c86f] {
+.shortcut[data-v-a582a5cb] {
       flex-shrink: 0;
       font: var(--kds-font-base-interactive-xsmall-strong);
       color: var(--kds-color-text-and-icon-muted);
       text-align: right;
       white-space: nowrap;
 }
-.trailing-item-reserve-space[data-v-a3d6c86f] {
+.trailing-item-reserve-space[data-v-a582a5cb] {
       width: var(--kds-dimension-icon-0-75x);
 }
 }
-&[data-v-a3d6c86f]:hover:not(.disabled),
-  &.active[data-v-a3d6c86f]:not(.disabled) {
+&[data-v-a582a5cb]:hover:not(.disabled),
+  &.active[data-v-a582a5cb]:not(.disabled) {
     background: var(--kds-color-background-neutral-hover);
 }
-&[data-v-a3d6c86f]:active:not(.disabled) {
+&[data-v-a582a5cb]:active:not(.disabled) {
     background: var(--kds-color-background-neutral-active);
 }
 &.selected {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     color: var(--kds-color-text-and-icon-selected);
     background: var(--kds-color-background-selected-initial);
 }
-.subtext[data-v-a3d6c86f] {
+.subtext[data-v-a582a5cb] {
       color: var(--kds-color-text-and-icon-selected);
 }
-&[data-v-a3d6c86f]:hover,
-    &.active[data-v-a3d6c86f] {
+&[data-v-a582a5cb]:hover,
+    &.active[data-v-a582a5cb] {
       background: var(--kds-color-background-selected-hover);
 }
-&[data-v-a3d6c86f]:active {
+&[data-v-a582a5cb]:active {
       background: var(--kds-color-background-selected-active);
 }
-&.disabled[data-v-a3d6c86f] {
+&.disabled[data-v-a582a5cb] {
       background: var(--kds-color-background-selected-initial);
 }
 }
 &.missing {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     color: var(--kds-color-text-and-icon-danger);
     background: var(--kds-color-background-danger-initial);
 }
-.subtext[data-v-a3d6c86f] {
+.subtext[data-v-a582a5cb] {
       color: var(--kds-color-text-and-icon-danger);
 }
-&[data-v-a3d6c86f]:hover,
-    &.active[data-v-a3d6c86f] {
+&[data-v-a582a5cb]:hover,
+    &.active[data-v-a582a5cb] {
       background: var(--kds-color-background-danger-hover);
 }
-&[data-v-a3d6c86f]:active {
+&[data-v-a582a5cb]:active {
       background: var(--kds-color-background-danger-active);
 }
-&.disabled[data-v-a3d6c86f] {
+&.disabled[data-v-a582a5cb] {
       background: var(--kds-color-background-danger-initial);
 }
 }
 &.disabled {
-&[data-v-a3d6c86f] {
+&[data-v-a582a5cb] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
 }
-.shortcut[data-v-a3d6c86f],
-    .subtext[data-v-a3d6c86f] {
+.shortcut[data-v-a582a5cb],
+    .subtext[data-v-a582a5cb] {
       color: var(--kds-color-text-and-icon-disabled);
 }
 }
@@ -4548,7 +4548,7 @@ body:has(dialog.modal[open]) {
     var(--kds-spacing-container-0-25x) 0;
 }
 
-.kds-button-group-measure[data-v-a945c295] {
+.kds-button-group-measure[data-v-ccdbc564] {
   position: absolute;
   display: flex;
   visibility: hidden;
@@ -4556,20 +4556,20 @@ body:has(dialog.modal[open]) {
   white-space: nowrap;
 }
 .kds-button-group {
-&[data-v-a945c295] {
+&[data-v-ccdbc564] {
   display: flex;
   gap: var(--kds-spacing-container-0-5x);
   align-items: center;
   justify-content: flex-end;
   width: 100%;
   }
-&.left[data-v-a945c295] {
+&.left[data-v-ccdbc564] {
     justify-content: flex-start;
 }
-&.right[data-v-a945c295] {
+&.right[data-v-ccdbc564] {
     justify-content: flex-end;
 }
-&.middle[data-v-a945c295] {
+&.middle[data-v-ccdbc564] {
     justify-content: center;
 }
 }
@@ -5083,12 +5083,14 @@ tr {
 }
 
 thead {
-&[data-v-8ffda8bd] {
+&[data-v-faef4e27] {
+  /* stylelint-disable-next-line csstools/value-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-8ffda8bd] {
+&[data-v-faef4e27] {
     display: flex;
     height: 100%;
     transition:
@@ -5096,51 +5098,51 @@ thead {
       box-shadow 0.15s;
 }
 & th {
-&[data-v-8ffda8bd] {
+&[data-v-faef4e27] {
       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-8ffda8bd] {
+&.deletion-cell-spacer[data-v-faef4e27] {
         width: var(--kds-dimension-component-width-2x);
 }
 &.select-cell {
-&[data-v-8ffda8bd] {
+&[data-v-faef4e27] {
         display: flex;
         justify-content: center;
         width: var(--kds-dimension-component-width-2x);
         padding: var(--kds-spacing-container-0-75x);
 }
-& .select-checkbox[data-v-8ffda8bd] {
+& .select-checkbox[data-v-faef4e27] {
           /* With this added padding the checkbox appears centered initially */
           padding: var(--kds-spacing-container-0-10x);
 }
 }
-&.new-column-head[data-v-8ffda8bd] {
+&.new-column-head[data-v-faef4e27] {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: var(--kds-spacing-container-0-5x);
 }
 }
-&[data-v-8ffda8bd]:hover {
+&[data-v-faef4e27]:hover {
       outline: none;
 }
 }
-&.sub-menu-active tr[data-v-8ffda8bd] {
+&.sub-menu-active tr[data-v-faef4e27] {
     padding-right: var(--kds-dimension-component-width-2x);
 }
 }
 .header-selection-overlay {
-&[data-v-8ffda8bd] {
+&[data-v-faef4e27] {
   position: absolute;
   top: 0;
   height: 100%;
   pointer-events: none;
   border: var(--kds-border-action-selected-accent);
 }
-&.header-focused[data-v-8ffda8bd] {
+&.header-focused[data-v-faef4e27] {
     border: var(--kds-border-action-focused);
 }
 }

package/dist/index.js

@@ -2196,7 +2196,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-a3d6c86f"]]);
+const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-a582a5cb"]]);
 
 const _hoisted_1$V = { class: "kds-list-item-section-title" };
 const _hoisted_2$A = {
@@ -17881,7 +17881,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)) : createCommentVNode("", true)
   ]);
 }
-const Header = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-8ffda8bd"]]);
+const Header = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-faef4e27"]]);
 
 const _hoisted_1$3 = { class: "sticky-container" };
 const buttonRef = "button";