@knime/kds-table 0.6.2 → 0.6.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @knime/kds-table
 
+## 0.6.3
+
+### Patch Changes
+
+- 3ba8f64: Use fixed width for actionbar popovers and rename table dimension from Columns to Cols
+- Updated dependencies [4197474]
+  - @knime/kds-components@1.3.1
+  - @knime/kds-styles@1.3.1
+
 ## 0.6.2
 
 ### Patch Changes

package/dist/index.css

@@ -148,20 +148,20 @@ tr {
 }
 }
 
-.rows[data-v-bd4cc5ec] {
+.rows[data-v-e5d5e963] {
   display: grid;
-  grid-template-columns: auto auto auto auto;
+  grid-template-columns: 2fr 1fr 2fr auto;
   gap: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-5x);
 }
-.row[data-v-bd4cc5ec] {
+.row[data-v-e5d5e963] {
   display: contents;
 }
-.column[data-v-bd4cc5ec],
-.mode[data-v-bd4cc5ec],
-.value[data-v-bd4cc5ec] {
+.column[data-v-e5d5e963],
+.mode[data-v-e5d5e963],
+.value[data-v-e5d5e963] {
   min-width: 0;
 }
-.add[data-v-bd4cc5ec] {
+.add[data-v-e5d5e963] {
   margin-top: var(--kds-spacing-container-0-5x);
 }
 
@@ -186,28 +186,24 @@ tr {
 }
 }
 
-.filter-popover[data-v-3cd94230] {
-  position-try-order: most-inline-size;
-}
-
-.sort-popover[data-v-ad5ee20c] {
+.sort-popover[data-v-0885d523] {
   position-try-order: most-inline-size;
 }
 .popover-container {
 .body {
-&[data-v-ad5ee20c] {
+&[data-v-0885d523] {
     display: grid;
-    grid-template-columns: auto auto;
+    grid-template-columns: 1fr 1fr;
     gap: var(--kds-spacing-container-0-5x);
     }
-&[data-v-ad5ee20c] > * {
+&[data-v-0885d523] > * {
       min-width: 0;
 }
 }
 }
 
 .kds-table-action-bar {
-&[data-v-96b1acf9] {
+&[data-v-9181ec3b] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -216,24 +212,24 @@ tr {
   padding-left: var(--kds-spacing-container-0-5x);
   border-top: var(--kds-border-base-subtle);
 }
-&.temporary-view[data-v-96b1acf9] {
+&.temporary-view[data-v-9181ec3b] {
     background-color: var(--kds-color-background-static-info-muted);
 }
 & .left {
-&[data-v-96b1acf9] {
+&[data-v-9181ec3b] {
     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-96b1acf9] {
+& .dimension[data-v-9181ec3b] {
       font: var(--kds-font-base-title-small);
       color: var(--kds-color-text-and-icon-muted);
       white-space: pre;
 }
 }
-& .right[data-v-96b1acf9] {
+& .right[data-v-9181ec3b] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-items: center;
@@ -243,7 +239,7 @@ tr {
 }
 
 .column-header {
-&[data-v-6fb1af81] {
+&[data-v-04d0c31b] {
   /* Need to set position relative here to position the resize handle absolutely within the header cell */
   position: relative;
   display: flex;
@@ -257,10 +253,10 @@ tr {
   text-align: left;
   white-space: nowrap;
 }
-&.header-focused[data-v-6fb1af81] {
+&.header-focused[data-v-04d0c31b] {
     background-color: var(--kds-color-focus-background);
 }
-&.colored-header[data-v-6fb1af81] {
+&.colored-header[data-v-04d0c31b] {
     /* stylelint-disable csstools/value-no-unknown-custom-properties -- runtime variable set via inline :style */
     background-image: linear-gradient(
       90deg,
@@ -272,48 +268,48 @@ tr {
     background-size: var(--kds-spacing-container-0-25x);
 }
 & .column-header-content {
-&[data-v-6fb1af81] {
+&[data-v-04d0c31b] {
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%;
 }
-&[data-v-6fb1af81]:focus {
+&[data-v-04d0c31b]:focus {
       outline: none;
 }
-&.with-button-in-header[data-v-6fb1af81] {
+&.with-button-in-header[data-v-04d0c31b] {
       width: calc(
         100% - var(--kds-dimension-component-width-1-5x)
       ); /* due to .sub-menu-select-header / .delete-column-button: width */
 }
 & .main-header {
-&[data-v-6fb1af81] {
+&[data-v-04d0c31b] {
       display: flex;
 }
-& .header-text-container[data-v-6fb1af81] {
+& .header-text-container[data-v-04d0c31b] {
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         font: var(--kds-font-base-title-medium-strong);
 }
 }
-& .sub-header-text-container[data-v-6fb1af81] {
+& .sub-header-text-container[data-v-04d0c31b] {
       overflow: hidden;
       text-overflow: ellipsis;
       font: var(--kds-font-base-subtext-small);
 }
 }
-& .menu-button-hidden[data-v-6fb1af81] {
+& .menu-button-hidden[data-v-04d0c31b] {
     pointer-events: none;
     opacity: 0;
 }
-& .delete-column-button[data-v-6fb1af81] {
+& .delete-column-button[data-v-04d0c31b] {
     display: flex;
     align-items: center;
     width: var(--kds-dimension-component-width-2x);
 }
 & .resize-handle-area {
-&[data-v-6fb1af81] {
+&[data-v-04d0c31b] {
     position: absolute;
 
     /* resize handle should range into top border */
@@ -339,14 +335,14 @@ tr {
     cursor: col-resize;
     opacity: 0;
 }
-& .resize-handle[data-v-6fb1af81] {
+& .resize-handle[data-v-04d0c31b] {
       border-right: var(--kds-border-resize-handle-hover);
       border-radius: var(--kds-border-radius-container-0-25x);
 }
-&.hover[data-v-6fb1af81] {
+&.hover[data-v-04d0c31b] {
       opacity: 1;
 }
-&.drag[data-v-6fb1af81] {
+&.drag[data-v-04d0c31b] {
       opacity: 1;
 }
 }
@@ -503,33 +499,33 @@ thead {
 }
 }
 
-tr[data-v-52ed7e13] {
+tr[data-v-1e8298b4] {
   display: flex;
 }
 tr.row {
-&[data-v-52ed7e13] {
+&[data-v-1e8298b4] {
   border-bottom: var(--kds-border-base-subtle);
   }
 & td {
-&[data-v-52ed7e13] {
+&[data-v-1e8298b4] {
     padding: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     }
 &.select-cell {
-&[data-v-52ed7e13] {
+&[data-v-1e8298b4] {
       display: flex;
       justify-content: center;
       width: var(--kds-dimension-component-width-2x);
       min-width: var(--kds-dimension-component-width-2x);
       }
-& .select-checkbox[data-v-52ed7e13] {
+& .select-checkbox[data-v-1e8298b4] {
         /* With this added padding the checkbox appears centered initially */
         padding: var(--kds-spacing-container-0-10x);
 }
 }
 &.deletion-cell {
-&[data-v-52ed7e13] {
+&[data-v-1e8298b4] {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -537,11 +533,11 @@ tr.row {
       min-width: var(--kds-dimension-component-width-2x);
       opacity: 0;
       }
-&[data-v-52ed7e13]:focus-within {
+&[data-v-1e8298b4]:focus-within {
         opacity: 1;
 }
 }
-&.action[data-v-52ed7e13] {
+&.action[data-v-1e8298b4] {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -550,25 +546,23 @@ tr.row {
 }
 }
 &:hover {
-&[data-v-52ed7e13] {
+&[data-v-1e8298b4] {
     outline: none;
     background-color: var(--kds-color-background-neutral-hover);
 
     /* stylelint-disable-next-line no-descending-specificity -- hover needs lower specificity but must come after base rule */
     }
-& .deletion-cell[data-v-52ed7e13] {
+& .deletion-cell[data-v-1e8298b4] {
       opacity: 1;
 }
 }
-& a[data-v-52ed7e13] {
+& a[data-v-1e8298b4] {
     outline: none;
 }
 }
-.row-drag-handle[data-v-52ed7e13] {
-  position: relative;
-  bottom: var(--kds-spacing-container-0-37x);
+.row-drag-handle[data-v-1e8298b4] {
   height: var(--kds-spacing-container-0-37x);
-  margin-bottom: calc(-1 * var(--kds-spacing-container-0-37x));
+  margin-top: calc(-1 * var(--kds-spacing-container-0-37x));
   cursor: row-resize;
   opacity: 0;
 }
@@ -585,7 +579,7 @@ tr.row {
 }
 }
 
-.wrapper[data-v-51f46838] {
+.wrapper[data-v-5dec2b59] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -595,7 +589,7 @@ tr.row {
 }
 }
 table {
-&[data-v-51f46838] {
+&[data-v-5dec2b59] {
   position: relative;
   display: flex;
   flex-grow: 1;
@@ -603,10 +597,10 @@ table {
   width: 100%;
   min-height: 0;
   }
-&[data-v-51f46838]:focus {
+&[data-v-5dec2b59]:focus {
     outline: none;
 }
-& .new-row-footer[data-v-51f46838] {
+& .new-row-footer[data-v-5dec2b59] {
     width: 100%;
 }
 }