@knime/kds-components 0.22.3 → 0.23.0

package/dist/index.css

@@ -1174,24 +1174,24 @@ html.kds-legacy {
 }
 
 .kds-split-button {
-&[data-v-f9ca012e] {
+&[data-v-f72917bd] {
   display: flex;
 }
-&.filled[data-v-f9ca012e] {
+&.filled[data-v-f72917bd] {
     gap: var(--kds-spacing-container-0-10x);
 }
-&.outlined[data-v-f9ca012e] {
+&.outlined[data-v-f72917bd] {
     gap: var(--kds-spacing-container-none);
 }
-& .kds-split-button-primary.outlined[data-v-f9ca012e] {
+& .kds-split-button-primary.outlined[data-v-f72917bd] {
     border-right: none;
 }
 }
-.kds-split-button-primary[data-v-f9ca012e] {
+.kds-split-button-primary[data-v-f72917bd] {
   flex-shrink: 1;
   min-width: 0;
 }
-.kds-split-button-secondary[data-v-f9ca012e] {
+.kds-split-button-secondary[data-v-f72917bd] {
   flex-shrink: 0;
 }
 
@@ -3947,6 +3947,28 @@ textarea[data-v-bdf12ef9]::-webkit-scrollbar {
 }
 }
 
+.kds-panel-header {
+&[data-v-be5bccc5] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-75x);
+  border-bottom: var(--kds-border-base-muted);
+}
+& h6[data-v-be5bccc5] {
+    flex: 1 1 auto;
+    min-width: 0;
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font: var(--kds-font-base-title-medium-strong);
+    white-space: nowrap;
+}
+& .kds-close-button[data-v-be5bccc5] {
+    flex: 0 0 auto;
+}
+}
+
 .kds-tab-icon[data-v-d5737ccf] {
   flex-shrink: 0;
 }
@@ -4236,6 +4258,15 @@ to {
 }
 }
 
+.kds-panel-button-bar[data-v-aeb00620] {
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: space-between;
+  padding: var(--kds-spacing-container-0-5x);
+  background-color: var(--kds-color-surface-default);
+  border-top: var(--kds-border-base-muted);
+}
+
 .modal-header {
 &[data-v-62740dc9] {
   display: flex;
@@ -4393,3 +4424,29 @@ body:has(dialog.modal[open]) {
 .flush-left[data-v-41fc8d84] {
   margin-right: auto;
 }
+
+.kds-button-group-measure[data-v-a945c295] {
+  position: absolute;
+  display: flex;
+  visibility: hidden;
+  gap: var(--kds-spacing-container-0-5x);
+  white-space: nowrap;
+}
+.kds-button-group {
+&[data-v-a945c295] {
+  display: flex;
+  gap: var(--kds-spacing-container-0-5x);
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  }
+&.left[data-v-a945c295] {
+    justify-content: flex-start;
+}
+&.right[data-v-a945c295] {
+    justify-content: flex-end;
+}
+&.middle[data-v-a945c295] {
+    justify-content: center;
+}
+}