@knime/kds-components 0.28.1 → 0.28.3

package/dist/index.css

@@ -537,27 +537,27 @@ to {
 }
 
 .donut-container {
-&[data-v-c5a5b387] {
+&[data-v-f5faf61c] {
   display: flex;
   gap: var(--kds-spacing-container-0-75x);
   align-items: center;
 }
 & .donut-chart {
-&[data-v-c5a5b387] {
+&[data-v-f5faf61c] {
     display: block;
     flex-shrink: 0;
 }
-& .background-circle[data-v-c5a5b387] {
+& .background-circle[data-v-f5faf61c] {
       stroke: var(--kds-color-background-static-chart-0);
 }
-& .primary-circle[data-v-c5a5b387] {
+& .primary-circle[data-v-f5faf61c] {
       stroke: var(--kds-color-background-static-chart-1);
 }
-& .secondary-circle[data-v-c5a5b387] {
+& .secondary-circle[data-v-f5faf61c] {
       stroke: var(--kds-color-background-static-chart-2);
 }
 & .value-wedge {
-&.animate[data-v-c5a5b387] {
+&.animate[data-v-f5faf61c] {
         transition:
           stroke-dashoffset 0.5s,
           stroke 0.5s;
@@ -565,20 +565,20 @@ to {
 }
 }
 & .donut-text {
-&[data-v-c5a5b387] {
+&[data-v-f5faf61c] {
     display: flex;
     flex-direction: column;
     gap: var(--kds-spacing-container-0-12x);
     overflow: hidden;
     color: var(--kds-color-text-and-icon-neutral);
 }
-& .title[data-v-c5a5b387] {
+& .title[data-v-f5faf61c] {
       overflow: hidden;
       text-overflow: ellipsis;
       font: var(--kds-font-base-title-medium-strong);
       white-space: nowrap;
 }
-& .sub-text[data-v-c5a5b387] {
+& .sub-text[data-v-f5faf61c] {
       display: -webkit-box;
       overflow: hidden;
       -webkit-line-clamp: 2;
@@ -2958,21 +2958,19 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
 }
 }
 
-.kds-accordion[data-v-66485734] {
+.kds-accordion[data-v-0beea165] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-1-25x);
   width: 100%;
 }
-.kds-accordion-item[data-v-66485734] {
-  display: flex;
-  flex-direction: column;
+.kds-accordion-item[data-v-0beea165] {
   padding: var(--kds-spacing-container-0-25x);
   background: var(--kds-color-surface-muted);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
 .kds-accordion-header {
-&[data-v-66485734] {
+&[data-v-0beea165] {
   display: flex;
   gap: var(--kds-spacing-container-0-25x);
   align-items: center;
@@ -2984,27 +2982,33 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
   color: var(--kds-color-text-and-icon-neutral);
   text-align: left;
   cursor: pointer;
+  list-style: none;
   background: transparent;
   border: none;
   border-radius: var(--kds-border-radius-container-0-25x);
   }
-&[data-v-66485734]:hover {
-    background: var(--kds-color-background-neutral-hover);
+&[data-v-0beea165]::-webkit-details-marker {
+    display: none;
 }
-&[data-v-66485734]:active {
-    background: var(--kds-color-background-neutral-active);
+&[data-v-0beea165]:focus-visible {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-offset-focus);
+}
+&:not([aria-disabled="true"]) {
+&[data-v-0beea165]:hover {
+      background: var(--kds-color-background-neutral-hover);
 }
-&[data-v-66485734]:disabled {
+&[data-v-0beea165]:active {
+      background: var(--kds-color-background-neutral-active);
+}
+}
+&[aria-disabled="true"][data-v-0beea165] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: not-allowed;
     background: var(--kds-color-background-neutral-initial);
 }
-&[data-v-66485734]:focus-visible {
-    outline: var(--kds-border-action-focused);
-    outline-offset: var(--kds-spacing-offset-focus);
 }
-}
-.kds-accordion-headline[data-v-66485734] {
+.kds-accordion-headline[data-v-0beea165] {
   flex: 1 1 auto;
   min-width: 0;
   overflow: hidden;
@@ -3012,38 +3016,39 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
   font: var(--kds-font-base-title-small-strong);
   white-space: nowrap;
 }
-.kds-accordion-headline-container[data-v-66485734] {
+.kds-accordion-headline-container[data-v-0beea165] {
   display: flex;
   flex: 1 1 auto;
   gap: var(--kds-spacing-container-0-5x);
   align-items: center;
   min-width: 0;
 }
-.kds-accordion-content[data-v-66485734] {
+.kds-accordion-content[data-v-0beea165] {
   padding: var(--kds-spacing-container-1x);
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-neutral);
 }
 
 .kds-card-header {
-&[data-v-9be14436] {
+&[data-v-09093cc0] {
   display: flex;
   gap: var(--kds-spacing-container-0-37x);
   align-items: center;
   justify-content: space-between;
+  min-height: var(--kds-dimension-component-height-2-75x);
   padding: var(--kds-spacing-container-0-5x) var(--kds-spacing-container-1x);
 
   /* push actions to the right if its the only element */
 }
-.actions[data-v-9be14436],
-  .accessory[data-v-9be14436] {
+.actions[data-v-09093cc0],
+  .accessory[data-v-09093cc0] {
     display: flex;
     gap: var(--kds-spacing-container-0-37x);
 }
-.actions[data-v-9be14436] {
+.actions[data-v-09093cc0] {
     margin-left: auto;
 }
-& h6[data-v-9be14436] {
+& h6[data-v-09093cc0] {
     flex: 1 1 auto;
     min-width: 0;
     margin: 0;
@@ -3257,7 +3262,7 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
 }
 
 .kds-panel {
-&[data-v-c55a379c] {
+&[data-v-b56ad38d] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -3265,7 +3270,7 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
   min-height: 0;
   background-color: var(--kds-color-surface-default);
 }
-.kds-panel-header[data-v-c55a379c] {
+.kds-panel-header[data-v-b56ad38d] {
     display: flex;
     flex: 0 0 auto;
     gap: var(--kds-spacing-container-0-25x);
@@ -3275,13 +3280,13 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
       calc(var(--kds-spacing-container-0-5x) - var(--kds-core-border-width-xs));
     border-bottom: var(--kds-border-base-subtle);
 }
-.kds-panel-headline[data-v-c55a379c] {
+.kds-panel-headline[data-v-b56ad38d] {
     display: flex;
     flex: 1 1 auto;
     align-items: center;
     min-width: 0;
 }
-.kds-panel-headline-text[data-v-c55a379c] {
+.kds-panel-headline-text[data-v-b56ad38d] {
     flex: 1 1 auto;
     min-width: 0;
     margin: 0;
@@ -3290,26 +3295,29 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
     font: var(--kds-font-base-title-medium-strong);
     white-space: nowrap;
 }
-.kds-panel-header-trailing[data-v-c55a379c] {
+.kds-panel-header-trailing[data-v-b56ad38d] {
     display: flex;
     flex: 0 0 auto;
     gap: var(--kds-spacing-container-0-25x);
     align-items: center;
+    margin-left: auto;
 }
 .kds-panel-body {
-&[data-v-c55a379c] {
+&[data-v-b56ad38d] {
     flex: 1 1 auto;
     min-height: 0;
-    padding: var(--kds-spacing-container-0-75x);
-    overflow: auto;
+    overflow: var(--cd61c39a);
+}
+&[data-variant="padded"][data-v-b56ad38d] {
+      padding: var(--kds-spacing-container-0-75x);
 }
-&[data-v-c55a379c]:focus-visible {
+&[tabindex="0"][data-v-b56ad38d]:focus-visible {
       outline: var(--kds-border-action-focused);
       outline-offset: var(--kds-spacing-offset-focus);
       border-radius: var(--kds-border-radius-container-0-31x);
 }
 }
-.kds-panel-footer[data-v-c55a379c] {
+.kds-panel-footer[data-v-b56ad38d] {
     display: flex;
     flex: 0 0 auto;
     gap: var(--kds-spacing-container-0-25x);
@@ -3320,8 +3328,8 @@ textarea[data-v-8e5a54cf]::-webkit-scrollbar {
       var(--kds-spacing-container-0-5x) var(--kds-spacing-container-0-5x);
     border-top: var(--kds-border-base-subtle);
 }
-.kds-panel-footer-leading[data-v-c55a379c],
-  .kds-panel-footer-trailing[data-v-c55a379c] {
+.kds-panel-footer-leading[data-v-b56ad38d],
+  .kds-panel-footer-trailing[data-v-b56ad38d] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-items: center;