@knime/kds-components 0.28.3 → 0.28.5

package/dist/cell-renderer-DGnkQWTq.js

@@ -0,0 +1,23 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 12 12"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M1 4.5V3.25A1.25 1.25 0 0 1 2.25 2H3.5M1 7.5v1.25A1.25 1.25 0 0 0 2.25 10H3.5m5-8h1.25A1.25 1.25 0 0 1 11 3.25V4.5M8.5 10h1.25A1.25 1.25 0 0 0 11 8.75V7.5",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const cellRenderer = { render: render };
+
+export { cellRenderer as default, render };
+//# sourceMappingURL=cell-renderer-DGnkQWTq.js.map

package/dist/cell-renderer-DGnkQWTq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-renderer-DGnkQWTq.js","sources":["../../styles/dist/img/icons/cell-renderer.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M1 4.5V3.25A1.25 1.25 0 0 1 2.25 2H3.5M1 7.5v1.25A1.25 1.25 0 0 0 2.25 10H3.5m5-8h1.25A1.25 1.25 0 0 1 11 3.25V4.5M8.5 10h1.25A1.25 1.25 0 0 0 11 8.75V7.5\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,4JAA4J;AACrK,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,qBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/column-width-Cjb-6nqI.js

@@ -0,0 +1,23 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 12 12"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M3 6h4.026m-2.77 1.25L3 6l1.256-1.25M7.026 6H9M7.026 6H4.974m2.77-1.25L9 6 7.744 7.25M1 2v8m10-8v8",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const columnWidth = { render: render };
+
+export { columnWidth as default, render };
+//# sourceMappingURL=column-width-Cjb-6nqI.js.map

package/dist/column-width-Cjb-6nqI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-width-Cjb-6nqI.js","sources":["../../styles/dist/img/icons/column-width.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M3 6h4.026m-2.77 1.25L3 6l1.256-1.25M7.026 6H9M7.026 6H4.974m2.77-1.25L9 6 7.744 7.25M1 2v8m10-8v8\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,oGAAoG;AAC7G,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,oBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/index.css

@@ -116,7 +116,7 @@
 }
 }
 .kds-icon {
-&[data-v-fb124eb6] {
+&[data-v-bff4f419] {
   --icon-width: var(--kds-dimension-icon-1x);
   --icon-height: var(--kds-dimension-icon-1x);
   --icon-stroke-width: var(--kds-border-width-icon-stroke-m);
@@ -131,7 +131,7 @@
   stroke-width: var(--icon-stroke-width);
   shape-rendering: geometricPrecision;
 }
-&.xsmall[data-v-fb124eb6] {
+&.xsmall[data-v-bff4f419] {
     --icon-width: var(--kds-dimension-icon-0-56x);
     --icon-height: var(--kds-dimension-icon-0-56x);
     --icon-stroke-width: var(--kds-border-width-icon-stroke-s);
@@ -140,7 +140,7 @@
       rendering issues which manifests in misaligned or 'jumping' svg content.
       Solution is to render the SVG in it's natural size (don't indirectly modify the viewBox) and instead apply a
       CSS transform. Thus the position of the SVG elements stays intact. */
-&[data-v-fb124eb6] {
+&[data-v-bff4f419] {
         --scaling-factor: 0.75;
         --icon-width: var(--kds-dimension-icon-0-75x);
         --icon-height: var(--kds-dimension-icon-0-75x);
@@ -151,22 +151,22 @@
 }
 }
 }
-&.small[data-v-fb124eb6] {
+&.small[data-v-bff4f419] {
     --icon-width: var(--kds-dimension-icon-0-75x);
     --icon-height: var(--kds-dimension-icon-0-75x);
     --icon-stroke-width: var(--kds-border-width-icon-stroke-s);
 }
-&.large[data-v-fb124eb6] {
+&.large[data-v-bff4f419] {
     --icon-width: var(--kds-dimension-icon-1-25x);
     --icon-height: var(--kds-dimension-icon-1-25x);
     --icon-stroke-width: var(--kds-border-width-icon-stroke-l);
 }
 }
-.kds-icon.disabled[data-v-fb124eb6] {
+.kds-icon.disabled[data-v-bff4f419] {
   color: var(--kds-color-text-and-icon-disabled);
 }
 .kds-icon {
-&[data-v-3b8ebdbd] {
+&[data-v-38e9537f] {
   --icon-width: var(--kds-dimension-icon-1x);
   --icon-height: var(--kds-dimension-icon-1x);
   --icon-stroke-width: var(--kds-border-width-icon-stroke-m);
@@ -181,7 +181,7 @@
   stroke-width: var(--icon-stroke-width);
   shape-rendering: geometricPrecision;
 }
-&.xsmall[data-v-3b8ebdbd] {
+&.xsmall[data-v-38e9537f] {
     --icon-width: var(--kds-dimension-icon-0-56x);
     --icon-height: var(--kds-dimension-icon-0-56x);
     --icon-stroke-width: var(--kds-border-width-icon-stroke-s);
@@ -190,7 +190,7 @@
       rendering issues which manifests in misaligned or 'jumping' svg content.
       Solution is to render the SVG in it's natural size (don't indirectly modify the viewBox) and instead apply a
       CSS transform. Thus the position of the SVG elements stays intact. */
-&[data-v-3b8ebdbd] {
+&[data-v-38e9537f] {
         --scaling-factor: 0.75;
         --icon-width: var(--kds-dimension-icon-0-75x);
         --icon-height: var(--kds-dimension-icon-0-75x);
@@ -201,19 +201,19 @@
 }
 }
 }
-&.small[data-v-3b8ebdbd] {
+&.small[data-v-38e9537f] {
     --icon-width: var(--kds-dimension-icon-0-75x);
     --icon-height: var(--kds-dimension-icon-0-75x);
     --icon-stroke-width: var(--kds-border-width-icon-stroke-s);
 }
-&.large[data-v-3b8ebdbd] {
+&.large[data-v-38e9537f] {
     --icon-width: var(--kds-dimension-icon-1-25x);
     --icon-height: var(--kds-dimension-icon-1-25x);
     --icon-stroke-width: var(--kds-border-width-icon-stroke-l);
 }
 }
 .kds-data-type-icon-container {
-&[data-v-3b8ebdbd] {
+&[data-v-38e9537f] {
   --data-type-height: var(--kds-dimension-component-height-1x);
   --data-type-width: var(--kds-dimension-component-width-1x);
   --data-type-padding: var(--kds-spacing-container-0-12x);
@@ -231,23 +231,23 @@
 
   /* The kds-data-type-icon class is needed to increase the specificity to overwrite the icon-stroke-width */
 }
-&.disabled[data-v-3b8ebdbd] {
+&.disabled[data-v-38e9537f] {
     color: var(--kds-color-text-and-icon-disabled);
 }
-&.small[data-v-3b8ebdbd] {
+&.small[data-v-38e9537f] {
     --data-type-height: var(--kds-dimension-icon-0-75x);
     --data-type-width: var(--kds-dimension-icon-0-75x);
     --data-type-padding: var(--kds-spacing-container-none);
 }
-&.large[data-v-3b8ebdbd] {
+&.large[data-v-38e9537f] {
     --data-type-height: var(--kds-dimension-component-height-1-25x);
     --data-type-width: var(--kds-dimension-component-width-1-25x);
 }
 & .kds-icon.kds-data-type-icon {
-&.small[data-v-3b8ebdbd] {
+&.small[data-v-38e9537f] {
       --icon-stroke-width: var(--kds-border-width-icon-stroke-m);
 }
-&.medium[data-v-3b8ebdbd] {
+&.medium[data-v-38e9537f] {
       --icon-stroke-width: var(--kds-border-width-icon-stroke-l);
 }
 }
@@ -3262,7 +3262,7 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
 }
 
 .kds-panel {
-&[data-v-b56ad38d] {
+&[data-v-d3124a50] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -3270,7 +3270,7 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
   min-height: 0;
   background-color: var(--kds-color-surface-default);
 }
-.kds-panel-header[data-v-b56ad38d] {
+.kds-panel-header[data-v-d3124a50] {
     display: flex;
     flex: 0 0 auto;
     gap: var(--kds-spacing-container-0-25x);
@@ -3280,13 +3280,13 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
       calc(var(--kds-spacing-container-0-5x) - var(--kds-core-border-width-xs));
     border-bottom: var(--kds-border-base-subtle);
 }
-.kds-panel-headline[data-v-b56ad38d] {
+.kds-panel-headline[data-v-d3124a50] {
     display: flex;
     flex: 1 1 auto;
     align-items: center;
     min-width: 0;
 }
-.kds-panel-headline-text[data-v-b56ad38d] {
+.kds-panel-headline-text[data-v-d3124a50] {
     flex: 1 1 auto;
     min-width: 0;
     margin: 0;
@@ -3295,7 +3295,7 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
     font: var(--kds-font-base-title-medium-strong);
     white-space: nowrap;
 }
-.kds-panel-header-trailing[data-v-b56ad38d] {
+.kds-panel-header-trailing[data-v-d3124a50] {
     display: flex;
     flex: 0 0 auto;
     gap: var(--kds-spacing-container-0-25x);
@@ -3303,21 +3303,21 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
     margin-left: auto;
 }
 .kds-panel-body {
-&[data-v-b56ad38d] {
+&[data-v-d3124a50] {
     flex: 1 1 auto;
     min-height: 0;
-    overflow: var(--cd61c39a);
+    overflow: var(--v2ddcad1c);
 }
-&[data-variant="padded"][data-v-b56ad38d] {
+&[data-variant="padded"][data-v-d3124a50] {
       padding: var(--kds-spacing-container-0-75x);
 }
-&[tabindex="0"][data-v-b56ad38d]:focus-visible {
+&[tabindex="0"][data-v-d3124a50]:focus-visible {
       outline: var(--kds-border-action-focused);
       outline-offset: var(--kds-spacing-offset-focus);
       border-radius: var(--kds-border-radius-container-0-31x);
 }
 }
-.kds-panel-footer[data-v-b56ad38d] {
+.kds-panel-footer[data-v-d3124a50] {
     display: flex;
     flex: 0 0 auto;
     gap: var(--kds-spacing-container-0-25x);
@@ -3328,8 +3328,8 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
       var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-5x);
     border-top: var(--kds-border-base-subtle);
 }
-.kds-panel-footer-leading[data-v-b56ad38d],
-  .kds-panel-footer-trailing[data-v-b56ad38d] {
+.kds-panel-footer-leading[data-v-d3124a50],
+  .kds-panel-footer-trailing[data-v-d3124a50] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-items: center;
@@ -3627,123 +3627,102 @@ to {
 }
 
 .kds-nav-item {
-&[data-v-d5db7ff7] {
+&[data-v-17711664] {
   position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  gap: var(--kds-spacing-container-0-37x);
-  align-items: center;
   height: var(--kds-dimension-component-height-1-75x);
   min-height: var(--kds-dimension-component-height-1-5x);
-  padding: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-75x);
   background: var(--kds-color-background-neutral-initial);
   border-radius: var(--kds-border-radius-container-0-31x);
 }
-&[data-v-d5db7ff7]:has(.kds-nav-button:focus-visible) {
+&[data-v-17711664]:has(.kds-nav-button:focus-visible) {
     outline: var(--kds-border-action-focused);
     outline-offset: calc(-1 * var(--kds-core-border-width-m));
 }
 & .kds-nav-button {
-&[data-v-d5db7ff7] {
+&[data-v-17711664] {
 
     display: flex;
-    flex: 1 1 auto;
     flex-direction: row;
     gap: var(--kds-spacing-container-0-37x);
-    min-width: 0;
-    padding: 0;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 0 var(--v29854424) 0 var(--kds-spacing-container-0-75x);
+    color: var(--kds-color-text-and-icon-neutral);
     text-decoration: none;
     cursor: pointer;
     user-select: none;
     background: transparent;
     border: none;
 }
-&[data-v-d5db7ff7]:focus-visible {
+&[data-v-17711664]:focus-visible {
       outline: none;
 }
-& .content {
-&[data-v-d5db7ff7] {
-      display: flex;
+& .label[data-v-17711664] {
       flex: 1 1 auto;
-      flex-direction: row;
-      gap: var(--kds-spacing-container-0-37x);
-      align-items: flex-start;
-      justify-content: center;
       min-width: 0;
-}
-& .label[data-v-d5db7ff7] {
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        font: var(--kds-font-base-interactive-medium);
-        color: var(--kds-color-text-and-icon-neutral);
-        text-align: left;
-        white-space: nowrap;
-}
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font: var(--kds-font-base-interactive-medium);
+      text-align: left;
+      white-space: nowrap;
 }
 }
-& .trailing-items {
-&[data-v-d5db7ff7] {
+& .trailing-items[data-v-17711664] {
+    position: absolute;
+    top: 0;
+    right: var(--kds-spacing-container-0-75x);
     display: flex;
     flex-direction: row;
     gap: var(--kds-spacing-container-0-37x);
     align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: var(--kds-color-text-and-icon-neutral);
 }
-& .trailing-icon[data-v-d5db7ff7] {
-      color: inherit;
-}
-}
-&[data-v-d5db7ff7]:hover:not(.disabled) {
+&[data-v-17711664]:hover:not(.disabled) {
     background: var(--kds-color-background-neutral-hover);
 }
-&[data-v-d5db7ff7]:has(.kds-nav-button:active):not(.disabled) {
+&[data-v-17711664]:has(.kds-nav-button:active):not(.disabled) {
     background: var(--kds-color-background-neutral-active);
 }
 &.selected {
-&[data-v-d5db7ff7] {
+&[data-v-17711664] {
     background: var(--kds-color-background-selected-initial);
 }
-& .kds-nav-button .content {
-&[data-v-d5db7ff7] {
+& .kds-nav-button[data-v-17711664] {
       color: var(--kds-color-text-and-icon-selected);
 }
-& .label[data-v-d5db7ff7] {
-        color: var(--kds-color-text-and-icon-selected);
-}
-}
-& .trailing-items .trailing-icon[data-v-d5db7ff7] {
+& .trailing-items[data-v-17711664] {
       color: var(--kds-color-text-and-icon-selected);
 }
-& .indicator-selected[data-v-d5db7ff7] {
+&[data-v-17711664]::before {
       position: absolute;
       top: var(--kds-spacing-container-0-37x);
       left: 0;
       width: var(--kds-dimension-component-width-0-125x);
       height: var(--kds-dimension-component-height-1x);
+      content: "";
       background: var(--kds-color-background-selected-bold-initial);
       border-top-right-radius: var(--kds-border-radius-container-0-12x);
       border-bottom-right-radius: var(--kds-border-radius-container-0-12x);
 }
-&[data-v-d5db7ff7]:hover:not(.disabled) {
+&[data-v-17711664]:hover:not(.disabled) {
       background: var(--kds-color-background-selected-hover);
 }
-&[data-v-d5db7ff7]:has(.kds-nav-button:active):not(.disabled) {
+&[data-v-17711664]:has(.kds-nav-button:active):not(.disabled) {
       background: var(--kds-color-background-selected-active);
 }
 }
 &.disabled {
-&[data-v-d5db7ff7] {
-    cursor: not-allowed;
-}
-& .kds-nav-button {
-&[data-v-d5db7ff7] {
-      cursor: not-allowed;
-}
-& .content .label[data-v-d5db7ff7] {
-        color: var(--kds-color-text-and-icon-disabled);
+&[data-v-17711664] {
+    cursor: default;
 }
+& .kds-nav-button[data-v-17711664] {
+      color: var(--kds-color-text-and-icon-disabled);
+      cursor: default;
 }
-& .trailing-items .trailing-icon[data-v-d5db7ff7] {
+& .trailing-items[data-v-17711664] {
       color: var(--kds-color-text-and-icon-disabled);
 }
 }