@knime/kds-table 0.6.3 → 0.6.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @knime/kds-table
 
+## 0.6.4
+
+### Patch Changes
+
+- Updated dependencies [b698be1]
+- Updated dependencies [7d7918f]
+- Updated dependencies [d6af8e5]
+- Updated dependencies [d6af8e5]
+- Updated dependencies [d6af8e5]
+- Updated dependencies [c2d135a]
+- Updated dependencies [2779db1]
+- Updated dependencies [e774645]
+- Updated dependencies [c2d135a]
+  - @knime/kds-styles@2.0.0
+  - @knime/kds-components@2.0.0
+  - @knime/utils@1.12.0
+
 ## 0.6.3
 
 ### Patch Changes

package/dist/index.css

@@ -239,7 +239,7 @@ tr {
 }
 
 .column-header {
-&[data-v-04d0c31b] {
+&[data-v-2a49a01e] {
   /* Need to set position relative here to position the resize handle absolutely within the header cell */
   position: relative;
   display: flex;
@@ -253,63 +253,63 @@ tr {
   text-align: left;
   white-space: nowrap;
 }
-&.header-focused[data-v-04d0c31b] {
+&.header-focused[data-v-2a49a01e] {
     background-color: var(--kds-color-focus-background);
 }
-&.colored-header[data-v-04d0c31b] {
-    /* stylelint-disable csstools/value-no-unknown-custom-properties -- runtime variable set via inline :style */
+&.colored-header[data-v-2a49a01e] {
+    /* stylelint-disable no-unknown-custom-properties -- runtime variable set via inline :style */
     background-image: linear-gradient(
       90deg,
       var(--data-cell-color),
       var(--data-cell-color)
     );
-    /* stylelint-enable csstools/value-no-unknown-custom-properties */
+    /* stylelint-enable no-unknown-custom-properties */
     background-repeat: no-repeat;
     background-size: var(--kds-spacing-container-0-25x);
 }
 & .column-header-content {
-&[data-v-04d0c31b] {
+&[data-v-2a49a01e] {
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%;
 }
-&[data-v-04d0c31b]:focus {
+&[data-v-2a49a01e]:focus {
       outline: none;
 }
-&.with-button-in-header[data-v-04d0c31b] {
+&.with-button-in-header[data-v-2a49a01e] {
       width: calc(
         100% - var(--kds-dimension-component-width-1-5x)
       ); /* due to .sub-menu-select-header / .delete-column-button: width */
 }
 & .main-header {
-&[data-v-04d0c31b] {
+&[data-v-2a49a01e] {
       display: flex;
 }
-& .header-text-container[data-v-04d0c31b] {
+& .header-text-container[data-v-2a49a01e] {
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         font: var(--kds-font-base-title-medium-strong);
 }
 }
-& .sub-header-text-container[data-v-04d0c31b] {
+& .sub-header-text-container[data-v-2a49a01e] {
       overflow: hidden;
       text-overflow: ellipsis;
       font: var(--kds-font-base-subtext-small);
 }
 }
-& .menu-button-hidden[data-v-04d0c31b] {
+& .menu-button-hidden[data-v-2a49a01e] {
     pointer-events: none;
     opacity: 0;
 }
-& .delete-column-button[data-v-04d0c31b] {
+& .delete-column-button[data-v-2a49a01e] {
     display: flex;
     align-items: center;
     width: var(--kds-dimension-component-width-2x);
 }
 & .resize-handle-area {
-&[data-v-04d0c31b] {
+&[data-v-2a49a01e] {
     position: absolute;
 
     /* resize handle should range into top border */
@@ -335,28 +335,29 @@ tr {
     cursor: col-resize;
     opacity: 0;
 }
-& .resize-handle[data-v-04d0c31b] {
+& .resize-handle[data-v-2a49a01e] {
       border-right: var(--kds-border-resize-handle-hover);
       border-radius: var(--kds-border-radius-container-0-25x);
 }
-&.hover[data-v-04d0c31b] {
+&.hover[data-v-2a49a01e] {
       opacity: 1;
 }
-&.drag[data-v-04d0c31b] {
+&.drag[data-v-2a49a01e] {
       opacity: 1;
 }
 }
 }
 
 thead {
-&[data-v-302dfb0e] {
-  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+&[data-v-a024da6c] {
+  /* 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-302dfb0e] {
+&[data-v-a024da6c] {
     display: flex;
     height: 100%;
     transition:
@@ -364,51 +365,51 @@ thead {
       box-shadow 0.15s;
 }
 & th {
-&[data-v-302dfb0e] {
+&[data-v-a024da6c] {
       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-302dfb0e] {
+&.deletion-cell-spacer[data-v-a024da6c] {
         width: var(--kds-dimension-component-width-2x);
 }
 &.select-cell {
-&[data-v-302dfb0e] {
+&[data-v-a024da6c] {
         display: flex;
         justify-content: center;
         width: var(--kds-dimension-component-width-2x);
         padding: var(--kds-spacing-container-0-75x);
 }
-& .select-checkbox[data-v-302dfb0e] {
+& .select-checkbox[data-v-a024da6c] {
           /* With this added padding the checkbox appears centered initially */
           padding: var(--kds-spacing-container-0-10x);
 }
 }
-&.new-column-head[data-v-302dfb0e] {
+&.new-column-head[data-v-a024da6c] {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: var(--kds-spacing-container-0-5x);
 }
 }
-&[data-v-302dfb0e]:hover {
+&[data-v-a024da6c]:hover {
       outline: none;
 }
 }
-&.sub-menu-active tr[data-v-302dfb0e] {
+&.sub-menu-active tr[data-v-a024da6c] {
     padding-right: var(--kds-dimension-component-width-2x);
 }
 }
 .header-selection-overlay {
-&[data-v-302dfb0e] {
+&[data-v-a024da6c] {
   position: absolute;
   top: 0;
   height: 100%;
   pointer-events: none;
   border: var(--kds-border-action-selected-accent);
 }
-&.header-focused[data-v-302dfb0e] {
+&.header-focused[data-v-a024da6c] {
     border: var(--kds-border-action-focused);
 }
 }
@@ -461,7 +462,7 @@ thead {
 }
 
 .data-cell {
-&[data-v-2b17463f] {
+&[data-v-e7fb7b49] {
   display: flex;
   font: var(--kds-font-base-interactive-small);
   color: var(--kds-color-text-and-icon-neutral);
@@ -469,28 +470,28 @@ thead {
   user-select: none;
   background-clip: border-box;
 }
-&.in-cell-selection[data-v-2b17463f] {
+&.in-cell-selection[data-v-e7fb7b49] {
     background-color: var(--kds-color-focus-background);
 }
-&.colored-cell[data-v-2b17463f] {
-    /* stylelint-disable csstools/value-no-unknown-custom-properties -- runtime variable set via inline :style */
+&.colored-cell[data-v-e7fb7b49] {
+    /* stylelint-disable no-unknown-custom-properties -- runtime variable set via inline :style */
     background-image: linear-gradient(
       90deg,
       var(--data-cell-color),
       var(--data-cell-color)
     );
-    /* stylelint-enable csstools/value-no-unknown-custom-properties */
+    /* stylelint-enable no-unknown-custom-properties */
     background-repeat: no-repeat;
     background-size: var(--kds-spacing-container-0-25x);
 }
-& .cell-content[data-v-2b17463f] {
+& .cell-content[data-v-e7fb7b49] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-self: flex-start;
     justify-content: space-between;
     width: 100%;
 }
-& .cell-content .cell-text[data-v-2b17463f] {
+& .cell-content .cell-text[data-v-e7fb7b49] {
     flex: 0 1 auto;
     min-width: 0;
     overflow: hidden;

package/dist/index.js

@@ -2710,8 +2710,6 @@ const modeDefinitions = [
   }
 ];
 Object.assign({}, ...modeDefinitions.map((obj) => ({ [obj.id]: obj })));
-
-const isMac = () => navigator?.userAgent?.toLowerCase()?.includes("mac");
 const yearsPart = "(\\d+)\\s*y(?:ears?)?";
 const monthsPart = "(\\d+)\\s*m(?:o(?:nths?)?)?";
 const weeksPart = "(\\d+)\\s*w(?:eeks?)?";
@@ -2739,6 +2737,8 @@ new RegExp(
 function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
+
+const isMac = () => navigator?.userAgent?.toLowerCase()?.includes("mac");
 const getMetaOrCtrlKey = () => {
   return isMac() ? "metaKey" : "ctrlKey";
 };
@@ -5256,7 +5256,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-04d0c31b"]]);
+const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-2a49a01e"]]);
 
 const _sfc_main$8 = {
   components: {
@@ -5595,7 +5595,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)) : createCommentVNode("", true)
   ]);
 }
-const Header = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-302dfb0e"]]);
+const Header = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-a024da6c"]]);
 
 const _hoisted_1$3 = { class: "sticky-container" };
 const buttonRef = "button";
@@ -5847,7 +5847,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CellRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2b17463f"]]);
+const CellRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e7fb7b49"]]);
 
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Cell",