@knime/kds-components 0.20.0 → 0.21.0

package/dist/{db-database-DYNQa14y.js → circle-unchecked-DOoOn6iz.js}

@@ -12,12 +12,12 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M10 5.977c0 1.134-1.79 2.054-4 2.054s-4-.92-4-2.054m8 2.469C10 9.58 8.21 10.5 6 10.5s-4-.92-4-2.054m8-4.892c0 1.135-1.79 2.054-4 2.054s-4-.92-4-2.054S3.79 1.5 6 1.5s4 .92 4 2.054",
+      d: "M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
 }
-const dbDatabase = { render: render };
+const circleUnchecked = { render: render };
 
-export { dbDatabase as default, render };
-//# sourceMappingURL=db-database-DYNQa14y.js.map
+export { circleUnchecked as default, render };
+//# sourceMappingURL=circle-unchecked-DOoOn6iz.js.map

package/dist/circle-unchecked-DOoOn6iz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-unchecked-DOoOn6iz.js","sources":["../../styles/dist/img/icons/circle-unchecked.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: \"M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10\",\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,oCAAoC;AAC7C,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,wBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/db-database-CyCrPzu-.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: "M2 3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 3.78 10 3.399 10 3M2 3c0-.398.421-.78 1.172-1.06.75-.282 1.767-.44 2.828-.44s2.078.158 2.828.44C9.578 2.22 10 2.601 10 3M2 3v3m8-3v3M2 6c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 6.78 10 6.399 10 6M2 6v3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 9.78 10 9.399 10 9V6",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const dbDatabase = { render: render };
+
+export { dbDatabase as default, render };
+//# sourceMappingURL=db-database-CyCrPzu-.js.map

package/dist/db-database-CyCrPzu-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-database-CyCrPzu-.js","sources":["../../styles/dist/img/icons/db-database.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: \"M2 3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 3.78 10 3.399 10 3M2 3c0-.398.421-.78 1.172-1.06.75-.282 1.767-.44 2.828-.44s2.078.158 2.828.44C9.578 2.22 10 2.601 10 3M2 3v3m8-3v3M2 6c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 6.78 10 6.399 10 6M2 6v3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 9.78 10 9.399 10 9V6\",\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,oaAAoa;AAC7a,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,mBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/folder-search-DDOYg0f6.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.5 9.75H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5M9.279 9.267c.314-.347.505-.812.505-1.323C9.784 6.871 8.937 6 7.892 6S6 6.87 6 7.944 6.847 9.89 7.892 9.89c.548 0 1.041-.24 1.387-.622m0 0L11 11",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const folderSearch = { render: render };
+
+export { folderSearch as default, render };
+//# sourceMappingURL=folder-search-DDOYg0f6.js.map

package/dist/folder-search-DDOYg0f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-search-DDOYg0f6.js","sources":["../../styles/dist/img/icons/folder-search.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.5 9.75H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5M9.279 9.267c.314-.347.505-.812.505-1.323C9.784 6.871 8.937 6 7.892 6S6 6.87 6 7.944 6.847 9.89 7.892 9.89c.548 0 1.041-.24 1.387-.622m0 0L11 11\",\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,2OAA2O;AACpP,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,qBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/hide-eye-BrIKmBWt.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: "M5.214 5.215a1.111 1.111 0 0 0 1.572 1.571M8.6 8.596A4.84 4.84 0 0 1 6 9.333Q3 9.333 1 6q1.06-1.766 2.4-2.597m1.589-.636q.5-.102 1.011-.1 3 0 5 3.333a9.2 9.2 0 0 1-1.188 1.594M1 1l10 10",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const hideEye = { render: render };
+
+export { hideEye as default, render };
+//# sourceMappingURL=hide-eye-BrIKmBWt.js.map

package/dist/hide-eye-BrIKmBWt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-eye-BrIKmBWt.js","sources":["../../styles/dist/img/icons/hide-eye.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: \"M5.214 5.215a1.111 1.111 0 0 0 1.572 1.571M8.6 8.596A4.84 4.84 0 0 1 6 9.333Q3 9.333 1 6q1.06-1.766 2.4-2.597m1.589-.636q.5-.102 1.011-.1 3 0 5 3.333a9.2 9.2 0 0 1-1.188 1.594M1 1l10 10\",\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,2LAA2L;AACpM,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

@@ -705,6 +705,77 @@ html.kds-legacy {
 }
 }
 
+.kds-link {
+&[data-v-65e776f1] {
+  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;
+  border-radius: var(--kds-border-radius-container-0-12x);
+}
+&[data-v-65e776f1]:is(a) {
+    cursor: pointer;
+}
+&[data-v-65e776f1]:focus-visible {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-container-none);
+}
+& .label[data-v-65e776f1],
+  & .file-size[data-v-65e776f1] {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+&.variant-internal {
+&[data-v-65e776f1] {
+    color: var(--kds-color-text-and-icon-neutral);
+}
+&:not(.disabled) {
+&[data-v-65e776f1]:visited {
+        color: var(--kds-color-text-and-icon-info);
+}
+&[data-v-65e776f1]:hover {
+        background-color: var(--kds-color-background-neutral-hover);
+}
+&[data-v-65e776f1]:active {
+        background-color: var(--kds-color-background-neutral-active);
+}
+}
+}
+&.variant-external[data-v-65e776f1] {
+    gap: var(--kds-spacing-container-0-12x);
+}
+&:is(.variant-external, .variant-document) {
+&[data-v-65e776f1] {
+    color: var(--kds-color-text-and-icon-selected);
+}
+&:not(.disabled) {
+&[data-v-65e776f1]:visited {
+        color: var(--kds-color-text-and-icon-info);
+}
+&[data-v-65e776f1]:hover {
+        color: var(--kds-color-text-and-icon-primary-inverted);
+        background-color: var(--kds-color-background-primary-bold-hover);
+}
+&[data-v-65e776f1]:active {
+        color: var(--kds-color-text-and-icon-selected-inverted);
+        background-color: var(--kds-color-background-primary-bold-active);
+}
+}
+}
+&.disabled[data-v-65e776f1] {
+    color: var(--kds-color-text-and-icon-disabled);
+    pointer-events: none;
+    cursor: default;
+}
+}
+
 .leading {
 &[data-v-d38d7ade] {
   position: relative;
@@ -742,7 +813,7 @@ html.kds-legacy {
   opacity: 1;
 }
 
-.kds-empty-state[data-v-02149081] {
+.kds-empty-state[data-v-5da4d570] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x);
@@ -750,19 +821,19 @@ html.kds-legacy {
   max-width: 280px;
   padding: var(--kds-spacing-container-0-5x);
 }
-.kds-empty-state-headline[data-v-02149081] {
+.kds-empty-state-headline[data-v-5da4d570] {
   margin: 0;
   font: var(--kds-font-base-title-small);
   color: var(--kds-color-text-and-icon-muted);
   text-align: center;
 }
-.kds-empty-state-description[data-v-02149081] {
+.kds-empty-state-description[data-v-5da4d570] {
   margin: 0;
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-muted);
   text-align: center;
 }
-.kds-empty-state-action[data-v-02149081] {
+.kds-empty-state-action[data-v-5da4d570] {
   margin-top: var(--kds-spacing-container-0-12x);
 }
 
@@ -1213,17 +1284,44 @@ html.kds-legacy {
   );
 }
 
-.checkbox-group[data-v-e2e58cad] {
+.kds-fieldset[data-v-a44731da] {
+  display: flex;
+  flex-direction: column;
+  min-inline-size: 0;
   padding: 0;
   margin: 0;
   border: none;
 }
-.options[data-v-e2e58cad] {
+.kds-fieldset-legend[data-v-a44731da] {
+  display: flex;
+  gap: var(--kds-spacing-container-0-12x);
+  align-items: center;
+  max-width: 100%;
+  min-height: var(--kds-dimension-component-height-0-75x);
+  padding: 0 0 var(--kds-spacing-input-label-spacing-bottom);
+}
+.kds-fieldset-content[data-v-a44731da] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--kds-spacing-container-0-75x);
+}
+.legend-text[data-v-a44731da] {
+  display: block;
+  flex-grow: 1;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font: var(--kds-font-base-title-small-strong);
+  color: var(--kds-color-text-and-icon-neutral);
+  white-space: nowrap;
+}
+
+.options[data-v-c6536296] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-75x);
 }
-.options.horizontal[data-v-e2e58cad] {
+.options.horizontal[data-v-c6536296] {
   flex-flow: row wrap;
   align-items: flex-start;
 }
@@ -1328,23 +1426,18 @@ html.kds-legacy {
 }
 }
 
-.radio-button-group[data-v-206fe061] {
-  padding: 0;
-  margin: 0;
-  border: none;
-}
-.options[data-v-206fe061] {
+.options[data-v-d78ed4a2] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-75x);
 }
-.options.horizontal[data-v-206fe061] {
+.options.horizontal[data-v-d78ed4a2] {
   flex-flow: row wrap;
   align-items: flex-start;
 }
 
 .option {
-&[data-v-65986f11] {
+&[data-v-5c6f0f1f] {
   display: flex;
   flex: 0 1 auto;
   gap: var(--kds-spacing-container-0-25x);
@@ -1366,54 +1459,57 @@ html.kds-legacy {
   border: var(--kds-border-action-transparent);
   border-radius: var(--kds-border-radius-container-0-25x);
 }
-&.size-small[data-v-65986f11] {
+&.size-small[data-v-5c6f0f1f] {
     height: var(--kds-dimension-component-height-1-25x);
     font: var(--kds-font-base-interactive-small-strong);
 }
-&[data-v-65986f11]:focus-visible {
+&[data-v-5c6f0f1f]:focus-visible {
     outline: none;
 }
-&[data-v-65986f11]:hover:not(:disabled) {
+&[data-v-5c6f0f1f]:focus:not(.selected) {
+    border: var(--kds-border-action-selected);
+}
+&[data-v-5c6f0f1f]:hover:not(:disabled) {
     background: var(--kds-color-background-neutral-hover);
 }
-&[data-v-65986f11]:active:not(:disabled) {
+&[data-v-5c6f0f1f]:active:not(:disabled) {
     background: var(--kds-color-background-neutral-active);
 }
 &.selected {
-&[data-v-65986f11] {
+&[data-v-5c6f0f1f] {
     color: var(--kds-color-text-and-icon-selected);
     background: var(--kds-color-background-selected-initial);
     border: var(--kds-border-action-selected);
 }
-&[data-v-65986f11]:hover:not(:disabled) {
+&[data-v-5c6f0f1f]:hover:not(:disabled) {
       background: var(--kds-color-background-selected-hover);
 }
-&[data-v-65986f11]:active:not(:disabled) {
+&[data-v-5c6f0f1f]:active:not(:disabled) {
       background: var(--kds-color-background-selected-active);
 }
 &.variant-muted {
-&[data-v-65986f11] {
+&[data-v-5c6f0f1f] {
       color: var(--kds-color-text-and-icon-neutral);
       background: var(--kds-color-background-input-initial);
 }
-&[data-v-65986f11]:hover:not(:disabled) {
+&[data-v-5c6f0f1f]:hover:not(:disabled) {
         background: var(--kds-color-background-input-hover);
 }
-&[data-v-65986f11]:active:not(:disabled) {
+&[data-v-5c6f0f1f]:active:not(:disabled) {
         background: var(--kds-color-background-input-active);
 }
 }
 }
-&.disabled[data-v-65986f11] {
+&.disabled[data-v-5c6f0f1f] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
 }
-&.disabled.selected[data-v-65986f11] {
+&.disabled.selected[data-v-5c6f0f1f] {
     color: var(--kds-color-text-and-icon-disabled);
     border: var(--kds-border-action-disabled);
 }
 }
-.option-label[data-v-65986f11] {
+.option-label[data-v-5c6f0f1f] {
   min-width: 0;
   padding: 0 var(--kds-spacing-container-0-12x);
   overflow: hidden;
@@ -1422,16 +1518,11 @@ html.kds-legacy {
   white-space: nowrap;
 }
 
-.value-switch[data-v-2800bea3] {
-  display: flex;
-  flex-direction: column;
+.value-switch[data-v-640271e0] {
   align-items: flex-start;
-  padding: 0;
-  margin: 0;
-  border: none;
 }
 .options {
-&[data-v-2800bea3] {
+&[data-v-640271e0] {
   display: flex;
   flex-flow: row nowrap;
   gap: var(--kds-spacing-container-none);
@@ -1448,12 +1539,12 @@ html.kds-legacy {
   border-radius: var(--kds-border-radius-container-0-37x);
   box-shadow: var(--kds-fake-border-xs-muted);
   }
-&[data-v-2800bea3]:has(:focus-visible) {
+&[data-v-640271e0]:has(:focus-visible) {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
     border-radius: var(--kds-border-radius-container-0-44x);
 }
-&.error[data-v-2800bea3] {
+&.error[data-v-640271e0] {
     border: var(--kds-border-action-error);
     box-shadow: none;
 }
@@ -1598,7 +1689,7 @@ html.kds-legacy {
   margin-left: var(--kds-spacing-container-0-12x);
 }
 
-.kds-text-input-suggestions[data-v-5a8cd710] {
+.kds-text-input-suggestions[data-v-1740ce83] {
   max-height: var(--kds-dimension-component-height-12x);
   background-color: var(--kds-color-surface-default);
   border-radius: var(--kds-border-radius-container-0-50x);