@knime/kds-components 0.8.0 → 0.9.1

package/dist/index.css

@@ -573,124 +573,18 @@ html.kds-legacy {
   opacity: 1;
 }
 
-.info-toggle-button {
-&[data-v-ad020a5d] {
-  --bg-initial: transparent;
-  --bg-hover: var(--kds-color-background-neutral-hover);
-  --bg-active: var(--kds-color-background-neutral-active);
-  --border: var(--kds-border-action-transparent);
-  --icon-color: var(--kds-color-text-and-icon-neutral);
-
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: var(--kds-dimension-component-width-0-75x);
-  height: var(--kds-dimension-component-height-0-75x);
-  padding: 0;
-  color: var(--icon-color);
-  cursor: pointer;
-  background-color: var(--bg-initial);
-  border: var(--border);
-  border-radius: var(--kds-border-radius-container-0-12x);
-  opacity: 1;
-}
-&.hidden[data-v-ad020a5d]:not(:focus-visible, :hover, .disabled) {
-    opacity: 0;
-}
-&[data-v-ad020a5d]:focus-visible {
-    outline: var(--kds-border-action-focused);
-    outline-offset: var(--kds-spacing-offset-focus);
-}
-&[data-v-ad020a5d]:hover:not(.disabled) {
-    background-color: var(--bg-hover);
-}
-&[data-v-ad020a5d]:active:not(.disabled) {
-    background-color: var(--bg-active);
-}
-&.selected[data-v-ad020a5d] {
-    --bg-initial: var(--kds-color-background-selected-initial);
-    --bg-hover: var(--kds-color-background-selected-hover);
-    --bg-active: var(--kds-color-background-selected-active);
-    --border: var(--kds-border-action-selected);
-    --icon-color: var(--kds-color-text-and-icon-selected);
-}
-&.disabled[data-v-ad020a5d] {
-    --icon-color: var(--kds-color-text-and-icon-disabled);
-
-    cursor: default;
-}
-&.selected.disabled[data-v-ad020a5d] {
-    --border: var(--kds-border-action-disabled);
-}
-}
-
-.variable-toggle-button {
-&[data-v-968c795f] {
-  --bg-initial: var(--kds-color-background-neutral-initial);
-  --bg-hover: var(--kds-color-background-neutral-hover);
-  --bg-active: var(--kds-color-background-neutral-active);
-  --border: var(--kds-border-action-transparent);
-  --icon-color: var(--kds-color-text-and-icon-neutral);
-
-  display: inline-flex;
-  flex-shrink: 0;
+.kds-label-wrapper[data-v-1a5dc1ba] {
+  display: flex;
+  gap: var(--kds-spacing-container-0-12x);
   align-items: center;
-  justify-content: center;
-  width: var(--kds-dimension-component-width-0-75x);
-  height: var(--kds-dimension-component-height-0-75x);
-  padding: 0;
-  color: var(--icon-color);
-  cursor: pointer;
-  background-color: var(--bg-initial);
-  border: var(--border);
-  border-radius: var(--kds-border-radius-container-0-12x);
-  opacity: 1;
-}
-&.hidden[data-v-968c795f]:not(:focus-visible, :hover, .disabled) {
-    opacity: 0;
-}
-&[data-v-968c795f]:focus-visible {
-    outline: var(--kds-border-action-focused);
-    outline-offset: var(--kds-spacing-offset-focus);
-}
-&[data-v-968c795f]:hover:not(.disabled) {
-    background-color: var(--bg-hover);
-}
-&[data-v-968c795f]:active:not(.disabled) {
-    background-color: var(--bg-active);
-}
-&.pressed-or-set[data-v-968c795f] {
-    --bg-initial: var(--kds-color-background-selected-initial);
-    --bg-hover: var(--kds-color-background-selected-hover);
-    --bg-active: var(--kds-color-background-selected-active);
-    --border: var(--kds-border-action-selected);
-    --icon-color: var(--kds-color-text-and-icon-success);
-}
-&.error[data-v-968c795f] {
-    --bg-initial: var(--kds-color-background-danger-initial);
-    --bg-hover: var(--kds-color-background-danger-hover);
-    --bg-active: var(--kds-color-background-danger-active);
-    --border: var(--kds-border-action-error);
-    --icon-color: var(--kds-color-text-and-icon-danger);
-}
-&.disabled {
-&[data-v-968c795f] {
-    --icon-color: var(--kds-color-text-and-icon-disabled);
-
-    cursor: default;
-}
-&.pressed-or-set[data-v-968c795f] {
-      --border: var(--kds-border-action-disabled);
-}
-}
-}
-
-.label[data-v-76bdc306] {
-  display: block;
   max-width: 100%;
   min-height: var(--kds-dimension-component-height-0-75x);
   padding-bottom: var(--kds-spacing-input-label-spacing-bottom);
+}
+.label[data-v-1a5dc1ba] {
+  display: block;
+  flex-grow: 1;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   font: var(--kds-font-base-title-small-strong);
@@ -699,7 +593,7 @@ html.kds-legacy {
 }
 
 .subtext {
-&[data-v-58a95aa3] {
+&[data-v-df9a85a4] {
   display: flex;
   gap: var(--kds-spacing-container-0-25x);
   min-height: 1lh;
@@ -707,16 +601,16 @@ html.kds-legacy {
   font: var(--kds-font-base-subtext-small);
   color: var(--kds-color-text-and-icon-muted);
 }
-&.error[data-v-58a95aa3] {
+&.error[data-v-df9a85a4] {
     color: var(--kds-color-text-and-icon-danger);
 }
-& .subtext-text[data-v-58a95aa3] {
+& .subtext-text[data-v-df9a85a4] {
     min-width: 0;
 }
 }
 
 .checkbox {
-&[data-v-3751dc60] {
+&[data-v-428e95ca] {
   --bg-initial: var(--kds-color-background-input-initial);
   --bg-hover: var(--kds-color-background-input-hover);
   --bg-active: var(--kds-color-background-input-active);
@@ -736,7 +630,7 @@ html.kds-legacy {
   background: none;
   border: none;
 }
-.control[data-v-3751dc60] {
+.control[data-v-428e95ca] {
     position: relative;
     display: flex;
     flex-shrink: 0;
@@ -749,41 +643,41 @@ html.kds-legacy {
     border: var(--border);
     border-radius: var(--kds-border-radius-container-0-25x);
 }
-&:focus-visible .control[data-v-3751dc60] {
+&:focus-visible .control[data-v-428e95ca] {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }
-&:hover:not(.disabled) .control[data-v-3751dc60] {
+&:hover:not(.disabled) .control[data-v-428e95ca] {
     background: var(--bg-hover);
 }
-&:active:not(.disabled) .control[data-v-3751dc60] {
+&:active:not(.disabled) .control[data-v-428e95ca] {
     background: var(--bg-active);
 }
-&.checked[data-v-3751dc60],
-  &.indeterminate[data-v-3751dc60] {
+&.checked[data-v-428e95ca],
+  &.indeterminate[data-v-428e95ca] {
     --bg-initial: var(--kds-color-background-selected-initial);
     --bg-hover: var(--kds-color-background-selected-hover);
     --bg-active: var(--kds-color-background-selected-active);
     --border: var(--kds-border-action-selected);
 }
 .content {
-&[data-v-3751dc60] {
+&[data-v-428e95ca] {
     display: flex;
     flex-direction: column;
     gap: var(--kds-spacing-container-0-12x);
     text-rendering: geometricprecision;
 }
-& .label[data-v-3751dc60] {
+& .label[data-v-428e95ca] {
       padding-top: var(--kds-spacing-container-0-10x);
       font: var(--kds-font-base-interactive-small);
       color: var(--text-color);
 }
-& .helper-text[data-v-3751dc60] {
+& .helper-text[data-v-428e95ca] {
       font: var(--kds-font-base-subtext-small);
       color: var(--helper-text-color);
 }
 }
-&.disabled[data-v-3751dc60] {
+&.disabled[data-v-428e95ca] {
     --border: var(--kds-border-action-disabled);
     --icon-color: var(--kds-color-text-and-icon-disabled);
     --text-color: var(--kds-color-text-and-icon-disabled);
@@ -792,37 +686,37 @@ html.kds-legacy {
     cursor: default;
 }
 &.error {
-&[data-v-3751dc60] {
+&[data-v-428e95ca] {
     --border: var(--kds-border-action-error);
     --icon-color: var(--kds-color-text-and-icon-danger);
     --text-color: var(--kds-color-text-and-icon-danger);
     --bg-hover: var(--kds-color-background-danger-hover);
     --bg-active: var(--kds-color-background-danger-active);
 }
-&.checked[data-v-3751dc60],
-    &.indeterminate[data-v-3751dc60] {
+&.checked[data-v-428e95ca],
+    &.indeterminate[data-v-428e95ca] {
       --bg-initial: var(--kds-color-background-danger-initial);
 }
 }
 }
-.subtext-wrapper[data-v-3751dc60] {
+.subtext-wrapper[data-v-428e95ca] {
   padding-left: calc(
     var(--kds-dimension-component-height-0-88x) +
       var(--kds-spacing-container-0-37x)
   );
 }
 
-.checkbox-group[data-v-538e7d4c] {
+.checkbox-group[data-v-c38eeda5] {
   padding: 0;
   margin: 0;
   border: none;
 }
-.options[data-v-538e7d4c] {
+.options[data-v-c38eeda5] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-75x);
 }
-.options.horizontal[data-v-538e7d4c] {
+.options.horizontal[data-v-c38eeda5] {
   flex-flow: row wrap;
   align-items: flex-start;
 }
@@ -928,17 +822,17 @@ html.kds-legacy {
 }
 }
 
-.radio-button-group[data-v-15fb8864] {
+.radio-button-group[data-v-9cc4dcdd] {
   padding: 0;
   margin: 0;
   border: none;
 }
-.options[data-v-15fb8864] {
+.options[data-v-9cc4dcdd] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-75x);
 }
-.options.horizontal[data-v-15fb8864] {
+.options.horizontal[data-v-9cc4dcdd] {
   flex-flow: row wrap;
   align-items: flex-start;
 }
@@ -1022,7 +916,7 @@ html.kds-legacy {
   white-space: nowrap;
 }
 
-.value-switch[data-v-56b594ad] {
+.value-switch[data-v-666d4c10] {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -1031,7 +925,7 @@ html.kds-legacy {
   border: none;
 }
 .options {
-&[data-v-56b594ad] {
+&[data-v-666d4c10] {
   display: flex;
   flex-flow: row nowrap;
   gap: var(--kds-spacing-container-none);
@@ -1048,18 +942,18 @@ html.kds-legacy {
   border-radius: var(--kds-border-radius-container-0-37x);
   box-shadow: var(--kds-fake-border-xs-muted);
   }
-&[data-v-56b594ad]:has(:focus-visible) {
+&[data-v-666d4c10]: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-56b594ad] {
+&.error[data-v-666d4c10] {
     border: var(--kds-border-action-error);
     box-shadow: none;
 }
 }
 
-.kds-form-field[data-v-52b1df11] {
+.kds-form-field[data-v-5d99c134] {
   display: flex;
   flex-direction: column;
 }
@@ -1192,7 +1086,7 @@ html.kds-legacy {
 }
 
 textarea {
-&[data-v-f0055631] {
+&[data-v-2e4d2d42] {
   box-sizing: border-box;
   width: 100%;
   padding: var(--kds-spacing-container-0-5x);
@@ -1207,35 +1101,248 @@ textarea {
   border-radius: var(--kds-border-radius-container-0-37x);
   -ms-overflow-style: none;
 }
-&.invalid[data-v-f0055631] {
+&.invalid[data-v-2e4d2d42] {
     border: var(--kds-border-action-error);
 }
-&[data-v-f0055631]::placeholder {
+&[data-v-2e4d2d42]::placeholder {
     color: var(--kds-color-text-and-icon-subtle);
 }
 &:disabled {
-&[data-v-f0055631] {
+&[data-v-2e4d2d42] {
     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-f0055631]::placeholder {
+&[data-v-2e4d2d42]::placeholder {
       color: var(--kds-color-text-and-icon-disabled);
 }
 }
-&[data-v-f0055631]:hover:not(:disabled, :focus) {
+&[data-v-2e4d2d42]:hover:not(:disabled, :focus) {
     background: var(--kds-color-background-input-hover);
 }
-&[data-v-f0055631]:focus:not(:disabled) {
+&[data-v-2e4d2d42]:focus:not(:disabled) {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }
 }
-textarea[data-v-f0055631]::-webkit-scrollbar {
+textarea[data-v-2e4d2d42]::-webkit-scrollbar {
   display: none;
 }
 
+.kds-popover {
+&[data-v-1e24f98e] {
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  font: inherit;
+  color: inherit;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+
+  /* noinspection CssInvalidFunction */
+
+  /* noinspection CssInvalidFunction,CssInvalidAtRule */
+
+  /* noinspection CssInvalidFunction,CssInvalidAtRule */
+
+  /* noinspection CssInvalidFunction,CssInvalidAtRule */
+
+  /* noinspection CssInvalidFunction,CssInvalidAtRule */
+}
+&.full-width[data-v-1e24f98e] {
+    min-inline-size: anchor-size(width);
+}
+&.floating.top-right[data-v-1e24f98e] {
+    inset: auto anchor(right) anchor(top) auto;
+    margin: var(--kds-spacing-container-0-25x) 0
+      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
+    position-try-fallbacks:
+      --kds-popover-try-top-left, --kds-popover-try-bottom-right,
+      --kds-popover-try-bottom-left, --kds-popover-try-top-right;
+}
+&.floating.top-left[data-v-1e24f98e] {
+    inset: auto auto anchor(top) anchor(left);
+    margin: var(--kds-spacing-container-0-25x)
+      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x) 0;
+    position-try-fallbacks:
+      --kds-popover-try-top-right, --kds-popover-try-bottom-left,
+      --kds-popover-try-bottom-right, --kds-popover-try-top-left;
+}
+&.floating.bottom-right[data-v-1e24f98e] {
+    inset: anchor(bottom) anchor(right) auto auto;
+    margin: var(--kds-spacing-container-0-25x) 0
+      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
+    position-try-fallbacks:
+      --kds-popover-try-bottom-left, --kds-popover-try-top-right,
+      --kds-popover-try-top-left, --kds-popover-try-bottom-right;
+}
+&.floating.bottom-left[data-v-1e24f98e] {
+    inset: anchor(bottom) auto auto anchor(left);
+    margin: var(--kds-spacing-container-0-25x)
+      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x) 0;
+    position-try-fallbacks:
+      --kds-popover-try-bottom-right, --kds-popover-try-top-left,
+      --kds-popover-try-top-right, --kds-popover-try-bottom-left;
+}
+}
+
+/* noinspection CssInvalidFunction,CssInvalidAtRule */
+@position-try --kds-popover-try-top-right {
+  inset: auto anchor(right) anchor(top) auto;
+  margin: var(--kds-spacing-container-0-25x) 0
+    var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
+}
+
+/* noinspection CssInvalidFunction,CssInvalidAtRule */
+@position-try --kds-popover-try-top-left {
+  inset: auto auto anchor(top) anchor(left);
+  margin: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x)
+    var(--kds-spacing-container-0-25x) 0;
+}
+
+/* noinspection CssInvalidFunction,CssInvalidAtRule */
+@position-try --kds-popover-try-bottom-right {
+  inset: anchor(bottom) anchor(right) auto auto;
+  margin: var(--kds-spacing-container-0-25x) 0
+    var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
+}
+
+/* noinspection CssInvalidFunction,CssInvalidAtRule */
+@position-try --kds-popover-try-bottom-left {
+  inset: anchor(bottom) auto auto anchor(left);
+  margin: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x)
+    var(--kds-spacing-container-0-25x) 0;
+}
+.kds-popover-default-content[data-v-1e24f98e] {
+  padding: var(--kds-spacing-container-0-75x);
+  font: var(--kds-font-base-body-small);
+  color: var(--kds-color-text-and-icon-neutral);
+  background-color: var(--kds-color-surface-default);
+  border-radius: var(--kds-border-radius-container-0-37x);
+  box-shadow: var(--kds-elevation-level-3);
+}
+
+.kds-info-popover-content[data-v-64f7db25] {
+  max-width: var(--kds-dimension-component-width-25x);
+  padding: var(--kds-spacing-container-0-75x);
+  font: var(--kds-font-base-body-small);
+  color: var(--kds-color-text-and-icon-neutral);
+  white-space: pre-wrap;
+  background-color: var(--kds-color-surface-default);
+  border-radius: var(--kds-border-radius-container-0-37x);
+  box-shadow: var(--kds-elevation-level-3);
+}
+
+.info-toggle-button {
+&[data-v-5070a398] {
+  --bg-initial: transparent;
+  --bg-hover: var(--kds-color-background-neutral-hover);
+  --bg-active: var(--kds-color-background-neutral-active);
+  --border: var(--kds-border-action-transparent);
+  --icon-color: var(--kds-color-text-and-icon-neutral);
+
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--kds-dimension-component-width-1x);
+  height: var(--kds-dimension-component-height-1x);
+  padding: 0;
+  color: var(--icon-color);
+  cursor: pointer;
+  background-color: var(--bg-initial);
+  border: var(--border);
+  border-radius: var(--kds-border-radius-container-0-12x);
+  opacity: 1;
+}
+&.hidden[data-v-5070a398] {
+    opacity: 0;
+}
+&[data-v-5070a398]:focus-visible {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-offset-focus);
+}
+&[data-v-5070a398]:hover {
+    background-color: var(--bg-hover);
+}
+&[data-v-5070a398]:active {
+    background-color: var(--bg-active);
+}
+&.selected[data-v-5070a398] {
+    --bg-initial: var(--kds-color-background-selected-initial);
+    --bg-hover: var(--kds-color-background-selected-hover);
+    --bg-active: var(--kds-color-background-selected-active);
+    --border: var(--kds-border-action-selected);
+    --icon-color: var(--kds-color-text-and-icon-selected);
+}
+}
+
+.kds-variable-popover[data-v-54c206b9] {
+  width: var(--kds-dimension-component-width-25x);
+  max-width: 100%;
+  padding: var(--kds-spacing-container-0-75x);
+  font: var(--kds-font-base-body-small);
+  color: var(--kds-color-text-and-icon-neutral);
+  white-space: pre-wrap;
+  background-color: var(--kds-color-surface-default);
+  border-radius: var(--kds-border-radius-container-0-37x);
+  box-shadow: var(--kds-elevation-level-3);
+}
+
+.variable-toggle-button {
+&[data-v-64296d74] {
+  --bg-initial: var(--kds-color-background-neutral-initial);
+  --bg-hover: var(--kds-color-background-neutral-hover);
+  --bg-active: var(--kds-color-background-neutral-active);
+  --border: var(--kds-border-action-transparent);
+  --icon-color: var(--kds-color-text-and-icon-neutral);
+
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--kds-dimension-component-width-1x);
+  height: var(--kds-dimension-component-height-1x);
+  padding: 0;
+  color: var(--icon-color);
+  cursor: pointer;
+  background-color: var(--bg-initial);
+  border: var(--border);
+  border-radius: var(--kds-border-radius-container-0-12x);
+  opacity: 1;
+}
+&.hidden[data-v-64296d74] {
+    opacity: 0;
+}
+&[data-v-64296d74]:focus-visible {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-offset-focus);
+}
+&[data-v-64296d74]:hover {
+    background-color: var(--bg-hover);
+}
+&[data-v-64296d74]:active {
+    background-color: var(--bg-active);
+}
+&.pressed-or-set[data-v-64296d74] {
+    --bg-initial: var(--kds-color-background-selected-initial);
+    --bg-hover: var(--kds-color-background-selected-hover);
+    --bg-active: var(--kds-color-background-selected-active);
+    --border: var(--kds-border-action-selected);
+    --icon-color: var(--kds-color-text-and-icon-success);
+}
+&.error[data-v-64296d74] {
+    --bg-initial: var(--kds-color-background-danger-initial);
+    --bg-hover: var(--kds-color-background-danger-hover);
+    --bg-active: var(--kds-color-background-danger-active);
+    --border: var(--kds-border-action-error);
+    --icon-color: var(--kds-color-text-and-icon-danger);
+}
+}
+
 .modal-header {
 &[data-v-7dbd159b] {
   display: flex;
@@ -1283,7 +1390,7 @@ body:has(dialog.modal[open]) {
 }
 
 .kds-modal {
-&[data-v-c95b809a] {
+&[data-v-d8ed98e7] {
   /* rule is broken it complains about local variables for no reason */
   /* stylelint-disable csstools/value-no-unknown-custom-properties */
   --modal-full-size: 95%;
@@ -1295,7 +1402,7 @@ body:has(dialog.modal[open]) {
   height: var(--modal-height);
   max-height: var(--modal-full-size);
   padding: 0;
-  overflow: var(--v085a353b);
+  overflow: var(--v1ee8fa3c);
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-neutral);
   background-color: var(--kds-color-surface-default);
@@ -1312,55 +1419,55 @@ body:has(dialog.modal[open]) {
 
   /* hide if its not open */
 }
-&.width-small[data-v-c95b809a] {
+&.width-small[data-v-d8ed98e7] {
     --modal-width: var(--kds-dimension-component-width-25x);
     --modal-animation-time: 100ms;
     --modal-scale-base: 0.85;
 }
-&.width-medium[data-v-c95b809a] {
+&.width-medium[data-v-d8ed98e7] {
     --modal-width: var(--kds-dimension-component-width-32x);
     --modal-animation-time: 140ms;
     --modal-scale-base: 0.88;
 }
-&.width-large[data-v-c95b809a] {
+&.width-large[data-v-d8ed98e7] {
     --modal-width: var(--kds-dimension-component-width-45x);
     --modal-animation-time: 210ms;
     --modal-scale-base: 0.88;
 }
-&.width-xlarge[data-v-c95b809a] {
+&.width-xlarge[data-v-d8ed98e7] {
     --modal-width: var(--kds-dimension-component-width-61x);
     --modal-animation-time: 300ms;
     --modal-scale-base: 0.88;
 }
-&.width-full[data-v-c95b809a] {
+&.width-full[data-v-d8ed98e7] {
     --modal-width: var(--modal-full-size);
     --modal-animation-time: 350ms;
     --modal-scale-base: 0.92;
 }
-&.height-full[data-v-c95b809a] {
+&.height-full[data-v-d8ed98e7] {
     --modal-height: var(--modal-full-size);
 }
-&.height-auto[data-v-c95b809a] {
+&.height-auto[data-v-d8ed98e7] {
     --modal-height: fit-content;
 }
-&[data-v-c95b809a]:not([open]) {
+&[data-v-d8ed98e7]:not([open]) {
     display: none;
 }
-&[data-v-c95b809a]:focus-visible,
-  &[data-v-c95b809a]:focus {
+&[data-v-d8ed98e7]:focus-visible,
+  &[data-v-d8ed98e7]:focus {
     outline: none;
 }
-&[data-v-c95b809a]::backdrop {
+&[data-v-d8ed98e7]::backdrop {
     background: var(--kds-color-blanket-default);
     opacity: 0;
     transition: var(--modal-animation-time) allow-discrete;
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-property: display, opacity, overlay;
 }
-&[open][data-v-c95b809a]::backdrop {
+&[open][data-v-d8ed98e7]::backdrop {
     opacity: 1;
 }
-&[open][data-v-c95b809a] {
+&[open][data-v-d8ed98e7] {
     opacity: 1;
     transform: scale(1);
 }
@@ -1369,18 +1476,18 @@ body:has(dialog.modal[open]) {
 /** Animation starting styles */
 @starting-style {
 .kds-modal {
-&[data-v-c95b809a] {
+&[data-v-d8ed98e7] {
     opacity: 1;
     transform: scale(1);
 }
-&[open][data-v-c95b809a] {
+&[open][data-v-d8ed98e7] {
       opacity: 0;
       transform: scale(var(--modal-scale-base));
 }
-&[data-v-c95b809a]::backdrop {
+&[data-v-d8ed98e7]::backdrop {
       opacity: 1;
 }
-&[open][data-v-c95b809a]::backdrop {
+&[open][data-v-d8ed98e7]::backdrop {
       opacity: 0;
 }
 }
@@ -1393,87 +1500,6 @@ body:has(dialog.modal[open]) {
   margin-right: auto;
 }
 
-.kds-popover {
-&[data-v-6bc7ef3b] {
-  padding: 0;
-  overflow: visible;
-  font: var(--kds-font-base-body-small);
-  color: var(--kds-color-text-and-icon-neutral);
-  background: var(--kds-color-surface-default);
-  border: none;
-  border-radius: var(--kds-border-radius-container-0-37x);
-  box-shadow: var(--kds-elevation-level-3);
-
-  /* noinspection CssInvalidFunction,CssInvalidAtRule */
-
-  /* noinspection CssInvalidFunction,CssInvalidAtRule */
-
-  /* noinspection CssInvalidFunction,CssInvalidAtRule */
-
-  /* noinspection CssInvalidFunction,CssInvalidAtRule */
-}
-&.floating.top-left[data-v-6bc7ef3b] {
-    inset: auto anchor(right) anchor(top) auto;
-    margin: var(--kds-spacing-container-0-25x) 0
-      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
-    position-try-fallbacks:
-      --kds-popover-try-top-right, --kds-popover-try-bottom-left,
-      --kds-popover-try-bottom-right, --kds-popover-try-top-left;
-}
-&.floating.top-right[data-v-6bc7ef3b] {
-    inset: auto auto anchor(top) anchor(left);
-    margin: var(--kds-spacing-container-0-25x)
-      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x) 0;
-    position-try-fallbacks:
-      --kds-popover-try-top-left, --kds-popover-try-bottom-right,
-      --kds-popover-try-bottom-left, --kds-popover-try-top-right;
-}
-&.floating.bottom-left[data-v-6bc7ef3b] {
-    inset: anchor(bottom) anchor(right) auto auto;
-    margin: var(--kds-spacing-container-0-25x) 0
-      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
-    position-try-fallbacks:
-      --kds-popover-try-bottom-right, --kds-popover-try-top-left,
-      --kds-popover-try-top-right, --kds-popover-try-bottom-left;
-}
-&.floating.bottom-right[data-v-6bc7ef3b] {
-    inset: anchor(bottom) auto auto anchor(left);
-    margin: var(--kds-spacing-container-0-25x)
-      var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x) 0;
-    position-try-fallbacks:
-      --kds-popover-try-bottom-left, --kds-popover-try-top-right,
-      --kds-popover-try-top-left, --kds-popover-try-bottom-right;
-}
-}
-
-/* noinspection CssInvalidFunction,CssInvalidAtRule */
-@position-try --kds-popover-try-top-left {
-  inset: auto anchor(right) anchor(top) auto;
-  margin: var(--kds-spacing-container-0-25x) 0
-    var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
-}
-
-/* noinspection CssInvalidFunction,CssInvalidAtRule */
-@position-try --kds-popover-try-top-right {
-  inset: auto auto anchor(top) anchor(left);
-  margin: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x)
-    var(--kds-spacing-container-0-25x) 0;
-}
-
-/* noinspection CssInvalidFunction,CssInvalidAtRule */
-@position-try --kds-popover-try-bottom-left {
-  inset: anchor(bottom) anchor(right) auto auto;
-  margin: var(--kds-spacing-container-0-25x) 0
-    var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
-}
-
-/* noinspection CssInvalidFunction,CssInvalidAtRule */
-@position-try --kds-popover-try-bottom-right {
-  inset: anchor(bottom) auto auto anchor(left);
-  margin: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x)
-    var(--kds-spacing-container-0-25x) 0;
-}
-
 .kds-card {
 &[data-v-c64f0e2e] {
   position: relative;