@knime/kds-components 0.28.8 → 0.28.10

package/dist/{copy-DAYm6-mo.js → copy-D43FaHi-.js}

@@ -12,7 +12,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M7.125 3.75V2.5a1 1 0 0 0-1-1H2.5a1 1 0 0 0-1 1v4.75a1 1 0 0 0 1 1h2.375m1 2.25H9.5a1 1 0 0 0 1-1V4.75a1 1 0 0 0-1-1H5.875a1 1 0 0 0-1 1V9.5a1 1 0 0 0 1 1",
+      d: "M7.005 1.95a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026m1.974-5h4.105a.45.45 0 0 1 .45.45v6.1a.45.45 0 0 1-.45.45H5.45a.45.45 0 0 1-.45-.45v-6.1a.45.45 0 0 1 .45-.45",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
 const copy = { render: render };
 
 export { copy as default, render };
-//# sourceMappingURL=copy-DAYm6-mo.js.map
+//# sourceMappingURL=copy-D43FaHi-.js.map

package/dist/copy-D43FaHi-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-D43FaHi-.js","sources":["../../styles/dist/img/icons/copy.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: \"M7.005 1.95a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026m1.974-5h4.105a.45.45 0 0 1 .45.45v6.1a.45.45 0 0 1-.45.45H5.45a.45.45 0 0 1-.45-.45v-6.1a.45.45 0 0 1 .45-.45\",\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,uMAAuM;AAChN,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,aAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/duplicate-Mtq886XD.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: "m7 5.5 1.253 1.47L7 8.44m1.253-1.47H4m3.005-5.02a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026M5 10.05c0 .248.201.45.45.45h4.105a.45.45 0 0 0 .45-.45v-6.1a.45.45 0 0 0-.45-.45H5.45a.45.45 0 0 0-.45.45M5 5.5v-.025m0 3.05V8.5",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const duplicate = { render: render };
+
+export { duplicate as default, render };
+//# sourceMappingURL=duplicate-Mtq886XD.js.map

package/dist/duplicate-Mtq886XD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duplicate-Mtq886XD.js","sources":["../../styles/dist/img/icons/duplicate.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: \"m7 5.5 1.253 1.47L7 8.44m1.253-1.47H4m3.005-5.02a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026M5 10.05c0 .248.201.45.45.45h4.105a.45.45 0 0 0 .45-.45v-6.1a.45.45 0 0 0-.45-.45H5.45a.45.45 0 0 0-.45.45M5 5.5v-.025m0 3.05V8.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,+PAA+P;AACxQ,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,kBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/folder-move-6L5NfoIs.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: "M11 8.25H6.75M9.5 6.5 11 8.25 9.5 10m-6-.25H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const folderMove = { render: render };
+
+export { folderMove as default, render };
+//# sourceMappingURL=folder-move-6L5NfoIs.js.map

package/dist/folder-move-6L5NfoIs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-move-6L5NfoIs.js","sources":["../../styles/dist/img/icons/folder-move.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: \"M11 8.25H6.75M9.5 6.5 11 8.25 9.5 10m-6-.25H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.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,6HAA6H;AACtI,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,mBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/index.css

@@ -536,6 +536,11 @@ to {
 }
 }
 
+.kds-missing-value-icon[data-v-df682150] {
+  color: var(--kds-color-text-and-icon-danger);
+  stroke-width: var(--kds-border-width-icon-stroke-s);
+}
+
 .donut-container {
 &[data-v-f5faf61c] {
   display: flex;
@@ -1127,7 +1132,7 @@ html.kds-legacy {
 }
 }
 
-.kds-menu-item-link[data-v-00c46d78] {
+.kds-menu-item-link[data-v-677d6ca6] {
   display: block;
   color: inherit;
   text-decoration: none;
@@ -2492,7 +2497,7 @@ textarea[data-v-36211819]::-webkit-scrollbar {
 }
 
 .kds-dropdown-trigger-button {
-&[data-v-0f4de8fb] {
+&[data-v-1bb2d375] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -2506,24 +2511,24 @@ textarea[data-v-36211819]::-webkit-scrollbar {
   border: var(--kds-border-action-input);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
-&[data-v-0f4de8fb]:focus-visible {
+&[data-v-1bb2d375]:focus-visible {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }
-&.error[data-v-0f4de8fb] {
+&.error[data-v-1bb2d375] {
     border: var(--kds-border-action-error);
 }
-&[data-v-0f4de8fb]:disabled {
+&[data-v-1bb2d375]:disabled {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
     border: var(--kds-border-action-disabled);
     border-color: var(--kds-color-border-disabled);
 }
-&[data-v-0f4de8fb]:not(:disabled, :focus):hover {
+&[data-v-1bb2d375]:not(:disabled, :focus):hover {
     background: var(--kds-color-background-input-hover);
 }
 }
-.leading[data-v-0f4de8fb] {
+.leading[data-v-1bb2d375] {
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -2532,7 +2537,7 @@ textarea[data-v-36211819]::-webkit-scrollbar {
   margin-left: var(--kds-spacing-container-0-12x);
 }
 .text {
-&[data-v-0f4de8fb] {
+&[data-v-1bb2d375] {
   flex: 1 0 0;
   min-width: 0;
   padding: var(--kds-spacing-container-0-25x);
@@ -2541,14 +2546,14 @@ textarea[data-v-36211819]::-webkit-scrollbar {
   text-align: left;
   white-space: nowrap;
 }
-&.placeholder[data-v-0f4de8fb] {
+&.placeholder[data-v-1bb2d375] {
     color: var(--kds-color-text-and-icon-subtle);
 }
-&.missing[data-v-0f4de8fb] {
+&.missing[data-v-1bb2d375] {
     color: var(--kds-color-text-and-icon-danger);
 }
 }
-.trailing[data-v-0f4de8fb] {
+.trailing[data-v-1bb2d375] {
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -4060,3 +4065,169 @@ body:has(dialog.modal[open]) {
     justify-content: center;
 }
 }
+
+.description {
+&[data-v-43067f23] {
+  font: var(--kds-font-base-body-small);
+  color: var(--kds-color-text-and-icon-neutral);
+  overflow-wrap: anywhere;
+
+  /* stylelint-disable knime/no-deep-nesting */
+}
+&.plain[data-v-43067f23] {
+    white-space: pre-line;
+}
+&[data-v-43067f23]  {
+p {
+& {
+      padding: 0;
+      margin: 0 0 var(--kds-spacing-container-0-37x);
+      font: var(--kds-font-base-body-small);
+}
+&:last-child {
+        margin-bottom: 0;
+}
+}
+strong,
+    b {
+      font-weight: var(--kds-core-font-weight-strong);
+}
+i,
+    em {
+      font-style: italic;
+}
+h3 {
+      margin: 0;
+      font: var(--kds-font-base-body-large-strong);
+}
+h4 {
+      margin: 0;
+      font: var(--kds-font-base-body-medium-strong);
+}
+pre {
+& {
+      width: fit-content;
+      padding: var(--kds-spacing-container-0-75x);
+      font: var(--kds-font-base-code-xsmall);
+      background: var(--kds-color-surface-subtle);
+      border-radius: var(--kds-border-radius-container-0-25x);
+}
+& > code {
+        padding: 0;
+        background: none;
+}
+}
+& :not(pre) > code {
+      padding: var(--kds-spacing-container-0-12x)
+        var(--kds-spacing-container-0-25x);
+      font: var(--kds-font-base-code-xsmall);
+      background: var(--kds-color-surface-subtle);
+      box-decoration-break: clone;
+      border-radius: var(--kds-border-radius-container-0-12x);
+}
+
+    /** keep in sync with KdsLink */
+a {
+& {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: fit-content;
+      max-width: 100%;
+      padding: var(--kds-spacing-container-none)
+        var(--kds-spacing-container-0-10x);
+      font: var(--kds-font-base-body-small);
+      color: var(--kds-color-text-and-icon-neutral);
+      white-space: nowrap;
+      text-decoration-line: underline;
+      cursor: pointer;
+      border-radius: var(--kds-border-radius-container-0-12x);
+
+      /** internal links */
+
+      /** external links */
+}
+&:focus-visible {
+        outline: var(--kds-border-action-focused);
+        outline-offset: var(--kds-spacing-container-none);
+}
+&[href^="http"] {
+& {
+        --link-color: var(--kds-color-text-and-icon-selected);
+
+        color: var(--link-color);
+}
+&:visited {
+          --link-color: var(--kds-color-text-and-icon-info);
+
+          color: var(--link-color);
+}
+&:hover {
+          --link-color: var(--kds-color-text-and-icon-primary-inverted);
+
+          color: var(--link-color);
+          background-color: var(--kds-color-background-primary-bold-hover);
+}
+&:active {
+          --link-color: var(--kds-color-text-and-icon-selected-inverted);
+
+          color: var(--link-color);
+          background-color: var(--kds-color-background-primary-bold-active);
+}
+&::after {
+          display: block;
+          width: var(--kds-dimension-icon-0-56x);
+          height: var(--kds-dimension-icon-0-56x);
+          margin-left: var(--kds-spacing-container-0-12x);
+          content: "";
+          background-color: var(--link-color);
+          mask-image: var(--v0c7d182f);
+          mask-repeat: no-repeat;
+          mask-size: contain;
+}
+}
+&:not([href^="http"]) {
+& {
+        color: var(--kds-color-text-and-icon-neutral);
+}
+&:visited {
+          color: var(--kds-color-text-and-icon-info);
+}
+&:hover {
+          background-color: var(--kds-color-background-neutral-hover);
+}
+&:active {
+          background-color: var(--kds-color-background-neutral-active);
+}
+}
+}
+ol,
+    ul {
+      padding-left: var(--kds-spacing-container-2x);
+}
+dd {
+      margin-left: var(--kds-spacing-container-1x);
+}
+table {
+& {
+      border-spacing: var(--kds-spacing-container-0-25x) 0;
+      border-collapse: separate;
+}
+td,
+      th {
+        padding: var(--kds-spacing-container-0-25x);
+}
+th {
+        font: var(--kds-font-base-body-small-strong);
+        text-align: left;
+        border-bottom: var(--kds-border-width-icon-stroke-l) solid
+          var(--kds-color-border-neutral);
+}
+td {
+        font: var(--kds-font-base-body-small);
+        border-bottom: var(--kds-border-width-icon-stroke-s) solid
+          var(--kds-color-border-neutral);
+}
+}
+}
+}