@knime/kds-components 0.18.3 → 0.19.0

package/dist/db-browse-BJj19qUq.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: "M9.257 9.44a1.77 1.77 0 0 0 .454-1.19c0-.966-.762-1.75-1.703-1.75-.94 0-1.703.784-1.703 1.75S7.068 10 8.008 10c.493 0 .938-.215 1.249-.56m0 0L10.805 11M1 2.417c0 .782 1.692 1.416 3.778 1.416S8.556 3.2 8.556 2.417M1 2.417C1 1.634 2.692 1 4.778 1s3.778.634 3.778 1.417M1 2.417V5.25m7.556-2.833v2.597M1 5.25c0 .782 1.692 1.417 3.778 1.417M1 5.25v2.833C1 8.866 2.692 9.5 4.778 9.5",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const dbBrowse = { render: render };
+
+export { dbBrowse as default, render };
+//# sourceMappingURL=db-browse-BJj19qUq.js.map

package/dist/db-browse-BJj19qUq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-browse-BJj19qUq.js","sources":["../../styles/dist/img/icons/db-browse.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: \"M9.257 9.44a1.77 1.77 0 0 0 .454-1.19c0-.966-.762-1.75-1.703-1.75-.94 0-1.703.784-1.703 1.75S7.068 10 8.008 10c.493 0 .938-.215 1.249-.56m0 0L10.805 11M1 2.417c0 .782 1.692 1.416 3.778 1.416S8.556 3.2 8.556 2.417M1 2.417C1 1.634 2.692 1 4.778 1s3.778.634 3.778 1.417M1 2.417V5.25m7.556-2.833v2.597M1 5.25c0 .782 1.692 1.417 3.778 1.417M1 5.25v2.833C1 8.866 2.692 9.5 4.778 9.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,0XAA0X;AACnY,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,iBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/db-fetch-CJMHzQp5.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.496 2.417c0 .782 1.691 1.416 3.777 1.416S9.051 3.2 9.051 2.417m-7.555 0C1.496 1.634 3.187 1 5.273 1s3.778.634 3.778 1.417m-7.555 0V5.25M9.05 2.417v2.24m-7.555.593v2.833c0 .748 1.546 1.361 3.505 1.413M1.496 5.25c0 .748 1.546 1.36 3.505 1.413m4.565 2.99-.318.829m0 0 .796.518m-.796-.518C10.239 10.352 11 9.556 11 8.5c0-.944-.602-1.74-1.434-2m-1.635.875.319-.856m0 0L7.454 6m.796.519c-.991.13-1.752.925-1.752 1.981 0 .944.602 1.74 1.433 2",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const dbFetch = { render: render };
+
+export { dbFetch as default, render };
+//# sourceMappingURL=db-fetch-CJMHzQp5.js.map

package/dist/db-fetch-CJMHzQp5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-fetch-CJMHzQp5.js","sources":["../../styles/dist/img/icons/db-fetch.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.496 2.417c0 .782 1.691 1.416 3.777 1.416S9.051 3.2 9.051 2.417m-7.555 0C1.496 1.634 3.187 1 5.273 1s3.778.634 3.778 1.417m-7.555 0V5.25M9.05 2.417v2.24m-7.555.593v2.833c0 .748 1.546 1.361 3.505 1.413M1.496 5.25c0 .748 1.546 1.36 3.505 1.413m4.565 2.99-.318.829m0 0 .796.518m-.796-.518C10.239 10.352 11 9.556 11 8.5c0-.944-.602-1.74-1.434-2m-1.635.875.319-.856m0 0L7.454 6m.796.519c-.991.13-1.752.925-1.752 1.981 0 .944.602 1.74 1.433 2\",\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,wbAAwb;AACjc,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,gBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/index.css

@@ -3572,6 +3572,125 @@ textarea[data-v-7a6592b5]::-webkit-scrollbar {
 }
 }
 
+.kds-tab-icon[data-v-5cb2cbc0] {
+  flex-shrink: 0;
+}
+.kds-tab-label[data-v-5cb2cbc0] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font: var(--kds-font-base-interactive-medium-strong);
+  white-space: nowrap;
+}
+.kds-tab {
+&[data-v-5cb2cbc0] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  font: inherit;
+  color: var(--kds-color-text-and-icon-neutral);
+  cursor: pointer;
+  background: var(--kds-color-background-neutral-initial);
+  border: none;
+  }
+&[data-v-5cb2cbc0]:disabled {
+    color: var(--kds-color-text-and-icon-disabled);
+    cursor: not-allowed;
+}
+&[data-v-5cb2cbc0]:focus-visible {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-offset-focus);
+    border-radius: var(--kds-border-radius-container-0-12x);
+}
+&.kds-tab-selected {
+&[data-v-5cb2cbc0] {
+    color: var(--kds-color-text-and-icon-selected);
+    }
+& .kds-tab-indicator[data-v-5cb2cbc0] {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 1;
+      height: var(--kds-dimension-component-height-0-125x);
+      background: var(--kds-color-background-selected-bold-initial);
+      border: var(--kds-border-action-selected);
+      border-top-left-radius: var(--kds-border-radius-container-0-12x);
+      border-top-right-radius: var(--kds-border-radius-container-0-12x);
+}
+}
+&[data-v-5cb2cbc0]:hover:not(:disabled) {
+    color: var(--kds-color-text-and-icon-selected);
+}
+}
+.kds-tab-bar-wrapper {
+&[data-v-5cb2cbc0] {
+  --focus-ring-space: calc(
+    2px + var(--kds-spacing-offset-focus)
+  ); /* outline-width + outline-offset */
+
+  position: relative;
+  display: flow-root;
+  overflow: visible;
+  }
+&[data-v-5cb2cbc0]::before {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: var(--kds-core-border-width-m);
+    pointer-events: none;
+    content: "";
+    background: var(--kds-color-border-subtle);
+}
+}
+.kds-tab-bar {
+&[data-v-5cb2cbc0] {
+  display: flex;
+  flex-wrap: nowrap;
+  padding: var(--focus-ring-space);
+  margin: calc(-1 * var(--focus-ring-space));
+  overflow-x: auto;
+  scrollbar-width: none;
+  border-radius: var(--kds-border-radius-container-none);
+  }
+&[data-v-5cb2cbc0]::-webkit-scrollbar {
+    display: none;
+}
+&:not(.kds-tab-bar-full-width) .kds-tab[data-v-5cb2cbc0] {
+    flex: 0 1 auto;
+    min-width: var(--v6a57ab00);
+}
+&.kds-tab-bar-large .kds-tab-label[data-v-5cb2cbc0] {
+    font: var(--kds-font-base-interactive-large-strong);
+}
+&.kds-tab-bar-large .kds-tab-selected .kds-tab-label[data-v-5cb2cbc0] {
+    font: var(--kds-font-base-title-large);
+}
+&.kds-tab-bar-small,
+  &.kds-tab-bar-large {
+& .kds-tab-selected .kds-tab-icon[data-v-5cb2cbc0] {
+      color: var(--kds-color-text-and-icon-selected);
+}
+}
+&.kds-tab-bar-small .kds-tab[data-v-5cb2cbc0] {
+    gap: var(--kds-spacing-container-0-37x);
+    height: var(--kds-dimension-component-height-1-75x);
+    padding: 0 var(--kds-spacing-container-0-5x);
+}
+&.kds-tab-bar-large .kds-tab[data-v-5cb2cbc0] {
+    gap: var(--kds-spacing-container-0-5x);
+    height: var(--kds-dimension-component-height-2-25x);
+    padding: 0 var(--kds-spacing-container-0-75x);
+}
+&.kds-tab-bar-full-width .kds-tab[data-v-5cb2cbc0] {
+    flex: 1;
+    justify-content: center;
+    width: 100%;
+}
+}
+
 .modal-header {
 &[data-v-b2e57108] {
   display: flex;