@knime/kds-components 0.26.2 → 0.28.0

package/dist/src/forms/RadioButton/KdsValueSwitch.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAuCvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyJgrgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;AAjBtzgB,wBASG"}
+{"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAuCvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2J+kgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;AAjBrtgB,wBASG"}

package/dist/src/forms/RadioButton/types.d.ts

@@ -54,6 +54,11 @@ export type KdsValueSwitchOption = {
 export type KdsValueSwitchProps = {
     id?: string;
     label?: string;
+    /**
+     * Accessible label used when no visible `label` is rendered (e.g. when
+     * the value switch is used standalone in a panel header).
+     */
+    ariaLabel?: string;
     possibleValues: (string | KdsValueSwitchOption)[];
     size?: KdsValueSwitchSize;
     variant?: KdsValueSwitchVariant;

package/dist/src/forms/RadioButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}

package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/TimePicker.vue"],"names":[],"mappings":"AA0RA,OAAO,EAAY,QAAQ,EAAkB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAYvD,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAyHF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACvC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoU6jG,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBnsG,wBAUG"}
+{"version":3,"file":"TimePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/TimePicker.vue"],"names":[],"mappings":"AA4PA,OAAO,EAAY,QAAQ,EAAkB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAYvD,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAoGF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACvC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA8To9J,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB1lK,wBAUG"}

package/dist/src/layouts/Accordion/KdsAccordion.vue.d.ts

@@ -0,0 +1,27 @@
+import { KdsAccordionItem, KdsAccordionProps } from './types';
+type __VLS_Props = KdsAccordionProps;
+type __VLS_PublicProps = {
+    modelValue?: string[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        item: KdsAccordionItem;
+    }) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=KdsAccordion.vue.d.ts.map

package/dist/src/layouts/Accordion/KdsAccordion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsAccordion.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/KdsAccordion.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAqJrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;;UAXqC,GAAG;;;EAgBzF;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdsAccordion } from './KdsAccordion.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,mBAAmB,SAAS,CAAC"}

package/dist/src/layouts/Accordion/types.d.ts

@@ -0,0 +1,34 @@
+import { KdsIconName } from '../../accessories/Icon/types';
+export type KdsAccordionItem = {
+    /**
+     * Stable item identifier used for state tracking and slot naming.
+     *
+     * Must be unique within `items` and should be HTML id safe (no whitespace),
+     * because it is used for generated DOM ids and named slots.
+     * Reserved Vue slot names such as `default` must not be used.
+     */
+    id: string;
+    /**
+     * The headline displayed in the accordion item header.
+     */
+    headline: string;
+    /**
+     * Optional icon displayed before the item headline.
+     */
+    leadingIcon?: KdsIconName;
+    /**
+     * Disables interaction for this accordion item.
+     */
+    disabled?: boolean;
+};
+export type KdsAccordionProps = {
+    /**
+     * Ordered list of accordion items.
+     */
+    items: KdsAccordionItem[];
+    /**
+     * Restricts expansion to a single item at a time.
+     */
+    singleExpand?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/Accordion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;OAMG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}

package/dist/src/layouts/Card/BaseCard.vue.d.ts

@@ -1,9 +1,5 @@
-import { KdsCardVariant } from './types';
-type BaseCardProps = {
-    /**
-     * The visual style of the card container
-     */
-    variant: KdsCardVariant;
+import { KdsCardProps } from './types';
+type BaseCardProps = KdsCardProps & {
     /**
      * Clickable styles like hover.
      */
@@ -16,6 +12,9 @@ type BaseCardProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'primary-action'?(_: {}): any;
+        'header-accessory'?(_: {}): any;
+        'header-actions'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};

package/dist/src/layouts/Card/BaseCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/BaseCard.vue"],"names":[],"mappings":"AA+JA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAYF,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"BaseCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/BaseCard.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,aAAa,GAAG,YAAY,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAaF,iBAAS,cAAc;WAqET,OAAO,IAA6B;;kCAbZ,GAAG;oCACD,GAAG;kCACL,GAAG;yBACZ,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Card/CardHeader.vue.d.ts

@@ -0,0 +1,22 @@
+type Props = {
+    headline?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        accessory?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CardHeader.vue.d.ts.map

package/dist/src/layouts/Card/CardHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/CardHeader.vue"],"names":[],"mappings":"AAmDA,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;2BAXnB,GAAG;yBACL,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Card/KdsCard.vue.d.ts

@@ -1,17 +1,16 @@
+import { KdsCardProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'header-actions'?(_: {}): any;
+        'header-accessory'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    variant?: import('./types').KdsCardVariant;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    variant?: import('./types').KdsCardVariant;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<KdsCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/layouts/Card/KdsCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsCard.vue"],"names":[],"mappings":"AAuBA,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;4GAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsCard.vue"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,iBAAS,cAAc;WAwDT,OAAO,IAA6B;;kCAZZ,GAAG;oCACD,GAAG;yBACd,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Card/KdsClickableCard.vue.d.ts

@@ -1,38 +1,32 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'header-actions'?(_: {}): any;
+        'header-accessory'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<({
-    variant?: import('./types').KdsCardVariant;
-} & {
+declare const __VLS_component: import('vue').DefineComponent<(import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel: string;
     ariaLabelledby?: never;
-}) | ({
-    variant?: import('./types').KdsCardVariant;
-} & {
+}) | (import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel?: never;
     ariaLabelledby: string;
 }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<({
-    variant?: import('./types').KdsCardVariant;
-} & {
+}, string, import('vue').PublicProps, Readonly<(import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel: string;
     ariaLabelledby?: never;
-}) | ({
-    variant?: import('./types').KdsCardVariant;
-} & {
+}) | (import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel?: never;

package/dist/src/layouts/Card/KdsClickableCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsClickableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsClickableCard.vue"],"names":[],"mappings":"AAiGA,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsClickableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsClickableCard.vue"],"names":[],"mappings":"AAgHA,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;kCAZZ,GAAG;oCACD,GAAG;yBACd,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Card/KdsLinkCard.vue.d.ts

@@ -1,36 +1,30 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'header-actions'?(_: {}): any;
+        'header-accessory'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<(import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+declare const __VLS_component: import('vue').DefineComponent<(import('./types').KdsCardProps & import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
     disabled?: boolean;
 } & {
     ariaLabel: string;
     ariaLabelledby?: never;
-}) | (import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+}) | (import('./types').KdsCardProps & import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
     disabled?: boolean;
 } & {
     ariaLabel?: never;
     ariaLabelledby: string;
-}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<(import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<(import('./types').KdsCardProps & import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
     disabled?: boolean;
 } & {
     ariaLabel: string;
     ariaLabelledby?: never;
-}) | (import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+}) | (import('./types').KdsCardProps & import('../../types/linkTypes').WithLinkNavigation & import('../../types/linkTypes').WithAnchorElementAttributes & {
     disabled?: boolean;
 } & {
     ariaLabel?: never;

package/dist/src/layouts/Card/KdsLinkCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsLinkCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsLinkCard.vue"],"names":[],"mappings":"AAgGA,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;6GAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsLinkCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsLinkCard.vue"],"names":[],"mappings":"AA+GA,iBAAS,cAAc;WA8FT,OAAO,IAA6B;;kCAZX,GAAG;oCACD,GAAG;yBACd,GAAG;;;;EAehC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;6GAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Card/KdsSelectableCard.vue.d.ts

@@ -1,6 +1,8 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'header-actions'?(_: {}): any;
+        'header-accessory'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -9,18 +11,14 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<({
     modelValue?: boolean;
-} & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+} & import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel: string;
     ariaLabelledby?: never;
 }) | ({
     modelValue?: boolean;
-} & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+} & import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel?: never;
@@ -29,18 +27,14 @@ declare const __VLS_component: import('vue').DefineComponent<({
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<({
     modelValue?: boolean;
-} & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+} & import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel: string;
     ariaLabelledby?: never;
 }) | ({
     modelValue?: boolean;
-} & {
-    variant?: import('./types').KdsCardVariant;
-} & {
+} & import('./types').KdsCardProps & {
     disabled?: boolean;
 } & {
     ariaLabel?: never;

package/dist/src/layouts/Card/KdsSelectableCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsSelectableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsSelectableCard.vue"],"names":[],"mappings":"AA2GA,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBA3ER,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;iBAAP,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;;;;6FAmFlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsSelectableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/KdsSelectableCard.vue"],"names":[],"mappings":"AAsHA,iBAAS,cAAc;WA6ET,OAAO,IAA6B;;kCAZZ,GAAG;oCACD,GAAG;yBACd,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBArGR,OAAO;;;;;;;iBAAP,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;iBAAP,OAAO;;;;;;;;6FA6GlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Card/types.d.ts

@@ -16,11 +16,15 @@ export type KdsCardAriaProps = {
     ariaLabel?: never;
     ariaLabelledby: string;
 };
-type WithVariant = {
+export type KdsCardProps = {
     /**
      * The visual style of the card container
      */
     variant?: KdsCardVariant;
+    /**
+     * Optional headline; if set a header component will be added to the card
+     */
+    headline?: string;
 };
 type WithDisabled = {
     /**
@@ -28,9 +32,8 @@ type WithDisabled = {
      */
     disabled?: boolean;
 };
-export type KdsCardProps = WithVariant;
-export type KdsClickableCardProps = WithVariant & WithDisabled & KdsCardAriaProps;
-export type KdsLinkCardProps = WithLinkNavigation & WithAnchorElementAttributes & WithVariant & WithDisabled & KdsCardAriaProps;
-export type KdsSelectableCardProps = WithVariant & WithDisabled & KdsCardAriaProps;
+export type KdsClickableCardProps = KdsCardProps & WithDisabled & KdsCardAriaProps;
+export type KdsLinkCardProps = KdsCardProps & WithLinkNavigation & WithAnchorElementAttributes & WithDisabled & KdsCardAriaProps;
+export type KdsSelectableCardProps = KdsCardProps & WithDisabled & KdsCardAriaProps;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/Card/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GACxB;IACE;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEN,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAC7C,YAAY,GACZ,gBAAgB,CAAC;AAEnB,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAC/C,2BAA2B,GAC3B,WAAW,GACX,YAAY,GACZ,gBAAgB,CAAC;AAEnB,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAC9C,YAAY,GACZ,gBAAgB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GACxB;IACE;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,YAAY,GACZ,gBAAgB,CAAC;AAEnB,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACzC,kBAAkB,GAClB,2BAA2B,GAC3B,YAAY,GACZ,gBAAgB,CAAC;AAEnB,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAC/C,YAAY,GACZ,gBAAgB,CAAC"}

package/dist/src/layouts/{ContainerHeader/KdsContainerHeader.vue.d.ts → Panel/KdsPanel.vue.d.ts}

@@ -1,15 +1,14 @@
-import { KdsContainerHeaderProps } from './types';
+import { KdsPanelProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        accessory?(_: {}): any;
-        actions?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<KdsContainerHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsContainerHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<KdsPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -17,4 +16,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=KdsContainerHeader.vue.d.ts.map
+//# sourceMappingURL=KdsPanel.vue.d.ts.map

package/dist/src/layouts/Panel/KdsPanel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/KdsPanel.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C,iBAAS,cAAc;WAoPT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Panel/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdsPanel } from './KdsPanel.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,mBAAmB,SAAS,CAAC"}

package/dist/src/layouts/Panel/types.d.ts

@@ -0,0 +1,79 @@
+import { KdsButtonProps, KdsMenuButtonProps, KdsToggleButtonProps } from '../../buttons';
+import { KdsValueSwitchProps } from '../../forms';
+/**
+ * Distributive `Omit` that preserves discriminated unions when removing a key.
+ */
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+/**
+ * Renders a `KdsButton`. Provide `onClick` to react to clicks.
+ */
+export type KdsPanelButtonAction = {
+    type: "button";
+    props: DistributiveOmit<KdsButtonProps, "size">;
+    onClick?: (event: MouseEvent) => void;
+};
+/**
+ * Renders a `KdsToggleButton`. Provide `onUpdateModelValue` to react to
+ * toggle changes.
+ */
+export type KdsPanelToggleButtonAction = {
+    type: "toggleButton";
+    props: DistributiveOmit<KdsToggleButtonProps, "size"> & {
+        modelValue?: boolean;
+    };
+    onUpdateModelValue?: (value: boolean) => void;
+};
+/**
+ * Renders a `KdsMenuButton`. Provide `onItemClick` to react to menu item
+ * selection.
+ */
+export type KdsPanelMenuButtonAction = {
+    type: "menuButton";
+    props: DistributiveOmit<KdsMenuButtonProps, "size">;
+    onItemClick?: (id: string) => void;
+};
+/**
+ * Renders a `KdsValueSwitch`. Provide `onUpdateModelValue` to react to
+ * value changes. Use `ariaLabel` for an accessible name when no visible
+ * `label` is rendered (common in panel headers).
+ */
+export type KdsPanelValueSwitchAction = {
+    type: "valueSwitch";
+    props: DistributiveOmit<KdsValueSwitchProps, "size"> & {
+        modelValue?: string;
+    };
+    onUpdateModelValue?: (value: string | undefined) => void;
+};
+/**
+ * Union of all action types supported as trailing actions in the panel
+ * header.
+ */
+export type KdsPanelHeadlineTrailingAction = KdsPanelButtonAction | KdsPanelToggleButtonAction | KdsPanelMenuButtonAction | KdsPanelValueSwitchAction;
+export type KdsPanelProps = {
+    /**
+     * Headline of the panel. Renders a heading when a string is
+     * provided, or a `KdsButton` / `KdsMenuButton` when a configuration
+     * object is provided. Required so the panel header always exposes an
+     * accessible name for the focusable, scrollable body.
+     */
+    headline: string | KdsPanelButtonAction | KdsPanelMenuButtonAction;
+    /**
+     * Trailing actions of the panel header (right-aligned). Supports
+     * `KdsButton`, `KdsToggleButton`, `KdsMenuButton`, and `KdsValueSwitch`.
+     */
+    headlineTrailingActions?: KdsPanelHeadlineTrailingAction[];
+    /**
+     * Leading actions of the panel footer (left-aligned). The footer is
+     * only rendered when at least one of `footerLeadingActions` or
+     * `footerTrailingActions` is provided.
+     */
+    footerLeadingActions?: KdsPanelButtonAction[];
+    /**
+     * Trailing actions of the panel footer (right-aligned). The footer is
+     * only rendered when at least one of `footerLeadingActions` or
+     * `footerTrailingActions` is provided.
+     */
+    footerTrailingActions?: KdsPanelButtonAction[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/Panel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAC/D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,gBAAgB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;QACtD,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAAG;QACrD,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GACtC,oBAAoB,GACpB,0BAA0B,GAC1B,wBAAwB,GACxB,yBAAyB,CAAC;AAE9B,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;IACnE;;;OAGG;IACH,uBAAuB,CAAC,EAAE,8BAA8B,EAAE,CAAC;IAC3D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAChD,CAAC"}

package/dist/src/layouts/index.d.ts

@@ -1,17 +1,15 @@
 export * from './EmptyState';
 export type * from './EmptyState';
+export * from './Accordion';
+export type * from './Accordion';
 export * from './Card';
 export type * from './Card';
-export * from './PanelHeader';
-export type * from './PanelHeader';
+export * from './Panel';
+export type * from './Panel';
 export * from './TabBar';
 export type * from './TabBar';
 export * from './LoadingSkeleton';
 export type * from './LoadingSkeleton';
-export * from './PanelButtonBar';
-export type * from './PanelButtonBar';
 export * from './Navigation';
 export type * from './Navigation';
-export * from './ContainerHeader';
-export type * from './ContainerHeader';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.26.2",
+  "version": "0.28.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "consola": "^3.4.2",
     "pretty-bytes": "^7.1.0",
     "temporal-polyfill": "^0.3.2",
-    "@knime/kds-styles": "^0.26.2"
+    "@knime/kds-styles": "^0.28.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.3.4",
@@ -46,7 +46,7 @@
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.9.1",
     "@vueuse/core": "^14.2.1",
-    "prettier": "3.8.1",
+    "prettier": "3.8.3",
     "prettier-plugin-vue": "^1.1.6",
     "storybook": "^10.3.4",
     "ts-morph": "^27.0.2",

package/dist/src/layouts/ContainerHeader/KdsContainerHeader.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KdsContainerHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/ContainerHeader/KdsContainerHeader.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;2BAXnB,GAAG;yBACL,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,qUAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/ContainerHeader/index.d.ts

@@ -1,3 +0,0 @@
-export { default as KdsContainerHeader } from './KdsContainerHeader.vue';
-export type * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/ContainerHeader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/ContainerHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,mBAAmB,SAAS,CAAC"}

package/dist/src/layouts/ContainerHeader/types.d.ts

@@ -1,7 +0,0 @@
-export type KdsContainerHeaderProps = {
-    /**
-     * The title of the container header.
-     */
-    title: string;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/ContainerHeader/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/ContainerHeader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts

@@ -1,10 +0,0 @@
-import { KdsPanelButtonBarProps } from './types';
-declare const _default: import('vue').DefineComponent<KdsPanelButtonBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: (event: MouseEvent) => any;
-    apply: (event: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<KdsPanelButtonBarProps> & Readonly<{
-    onCancel?: ((event: MouseEvent) => any) | undefined;
-    onApply?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=KdsPanelButtonBar.vue.d.ts.map