@knime/kds-components 0.28.0 → 0.28.2

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

@@ -1,5 +1,8 @@
 import { KdsButtonProps, KdsMenuButtonProps, KdsToggleButtonProps } from '../../buttons';
 import { KdsValueSwitchProps } from '../../forms';
+import { kdsPanelBodyOverflow, kdsPanelBodyVariant } from './enums';
+export type KdsPanelBodyOverflow = (typeof kdsPanelBodyOverflow)[keyof typeof kdsPanelBodyOverflow];
+export type KdsPanelBodyVariant = (typeof kdsPanelBodyVariant)[keyof typeof kdsPanelBodyVariant];
 /**
  * Distributive `Omit` that preserves discriminated unions when removing a key.
  */
@@ -53,13 +56,14 @@ 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.
+     * object is provided. Optional.
      */
-    headline: string | KdsPanelButtonAction | KdsPanelMenuButtonAction;
+    headline?: string | KdsPanelButtonAction | KdsPanelMenuButtonAction;
     /**
      * Trailing actions of the panel header (right-aligned). Supports
      * `KdsButton`, `KdsToggleButton`, `KdsMenuButton`, and `KdsValueSwitch`.
+     * The header is rendered when either `headline` or
+     * `headlineTrailingActions` is provided.
      */
     headlineTrailingActions?: KdsPanelHeadlineTrailingAction[];
     /**
@@ -74,6 +78,29 @@ export type KdsPanelProps = {
      * `footerTrailingActions` is provided.
      */
     footerTrailingActions?: KdsPanelButtonAction[];
+    /**
+     * Accessible label for the panel body. When provided, it is always used
+     * as `aria-label` and takes precedence over the headline as the body's
+     * accessible name. Required when the body is keyboard-focusable
+     * (`bodyOverflow` is not `hidden`) and no string `headline` is present.
+     */
+    ariaLabel?: string;
+    /**
+     * Overflow behavior of the panel body scroll container.
+     * The body is removed from tab order when set to `hidden`.
+     * When focusable and no `headline` is provided, the body uses `ariaLabel`.
+     *
+     * @default auto
+     */
+    bodyOverflow?: KdsPanelBodyOverflow;
+    /**
+     * `padded` adds panel-provided spacing around slot content.
+     *
+     * `plain` leaves spacing control to slot content.
+     *
+     * @default padded
+     */
+    bodyVariant?: KdsPanelBodyVariant;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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"}
+{"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,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACnE,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;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;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;IACpE;;;;;OAKG;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;IAC/C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;CACnC,CAAC"}

package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts

@@ -6,12 +6,22 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     onButtonClick?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     measureContainer: HTMLDivElement;
-    measureButton: (import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../buttons/types').KdsButtonCommonProps & {
+    measureButton: (import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsButtonVariant | undefined;
+    } & {
         label: string;
         leadingIcon?: import('../..').KdsIconName;
         trailingIcon?: import('../..').KdsIconName;
         ariaLabel?: never;
-    } & import('../../buttons/types').WithDestructive) | (import('../../buttons/types').KdsButtonCommonProps & {
+    } & import('../../buttons/types').WithDestructive) | (import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsButtonVariant | undefined;
+    } & {
         label?: never;
         leadingIcon: import('../..').KdsIconName;
         trailingIcon?: never;
@@ -27,12 +37,22 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
         C: {};
         M: {};
         Defaults: {};
-    }, {} & (Readonly<(import('../../buttons/types').KdsButtonCommonProps & {
+    }, {} & (Readonly<(import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsButtonVariant | undefined;
+    } & {
         label: string;
         leadingIcon?: import('../..').KdsIconName;
         trailingIcon?: import('../..').KdsIconName;
         ariaLabel?: never;
-    } & import('../../buttons/types').WithDestructive) | (import('../../buttons/types').KdsButtonCommonProps & {
+    } & import('../../buttons/types').WithDestructive) | (import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsButtonVariant | undefined;
+    } & {
         label?: never;
         leadingIcon: import('../..').KdsIconName;
         trailingIcon?: never;
@@ -40,7 +60,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     } & import('../../buttons/types').WithDestructive)> & Readonly<{
         onClick?: ((event: MouseEvent) => any) | undefined;
     }>), {}, {}, {}, {}, {}> | null)[];
-    measureMenuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+    measureMenuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsToggleButtonVariant | undefined;
+    } & {
         label: string;
         leadingIcon?: import('../..').KdsIconName;
         trailingIcon?: import('../..').KdsIconName;
@@ -48,7 +73,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     } & {
         items: import('../..').KdsMenuItem[];
         menuMaxHeight?: string;
-    }) | (import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+    }) | (import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsToggleButtonVariant | undefined;
+    } & {
         label?: never;
         leadingIcon: import('../..').KdsIconName;
         trailingIcon?: never;
@@ -61,14 +91,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     }>, {
         menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label: string;
             leadingIcon?: import('../..').KdsIconName;
             trailingIcon?: import('../..').KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label?: never;
             leadingIcon: import('../..').KdsIconName;
             trailingIcon?: never;
@@ -86,14 +126,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             Defaults: {};
         }, {} & (Readonly<({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label: string;
             leadingIcon?: import('../..').KdsIconName;
             trailingIcon?: import('../..').KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label?: never;
             leadingIcon: import('../..').KdsIconName;
             trailingIcon?: never;
@@ -106,14 +156,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label: string;
             leadingIcon?: import('../..').KdsIconName;
             trailingIcon?: import('../..').KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label?: never;
             leadingIcon: import('../..').KdsIconName;
             trailingIcon?: never;
@@ -131,14 +191,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             Defaults: {};
         }, {} & (Readonly<({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label: string;
             leadingIcon?: import('../..').KdsIconName;
             trailingIcon?: import('../..').KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label?: never;
             leadingIcon: import('../..').KdsIconName;
             trailingIcon?: never;
@@ -301,7 +371,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
         C: {};
         M: {};
         Defaults: {};
-    }, {} & (Readonly<(import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+    }, {} & (Readonly<(import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsToggleButtonVariant | undefined;
+    } & {
         label: string;
         leadingIcon?: import('../..').KdsIconName;
         trailingIcon?: import('../..').KdsIconName;
@@ -309,7 +384,12 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     } & {
         items: import('../..').KdsMenuItem[];
         menuMaxHeight?: string;
-    }) | (import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+    }) | (import('../../types/testId').WithTestId & {
+        size?: import('../..').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('../..').KdsToggleButtonVariant | undefined;
+    } & {
         label?: never;
         leadingIcon: import('../..').KdsIconName;
         trailingIcon?: never;
@@ -322,14 +402,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
     }>), {
         menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label: string;
             leadingIcon?: import('../..').KdsIconName;
             trailingIcon?: import('../..').KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label?: never;
             leadingIcon: import('../..').KdsIconName;
             trailingIcon?: never;
@@ -347,14 +437,24 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             Defaults: {};
         }, {} & (Readonly<({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label: string;
             leadingIcon?: import('../..').KdsIconName;
             trailingIcon?: import('../..').KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
-        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        } & import('../../types/testId').WithTestId & {
+            size?: import('../..').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('../..').KdsToggleButtonVariant | undefined;
+        } & {
             label?: never;
             leadingIcon: import('../..').KdsIconName;
             trailingIcon?: never;

package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsResponsiveButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue"],"names":[],"mappings":"AAqMA,OAAO,EAAY,QAAQ,EAAyC,MAAM,KAAK,CAAC;AAMhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsSy0X,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhB5/X,wBAQG"}
+{"version":3,"file":"KdsResponsiveButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue"],"names":[],"mappings":"AAqMA,OAAO,EAAY,QAAQ,EAAyC,MAAM,KAAK,CAAC;AAMhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsSy0X,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhB5/X,wBAQG"}

package/dist/src/types/testId.d.ts

@@ -0,0 +1,7 @@
+export type WithTestId = {
+    /**
+     * Data test ID to uniquely identify the component in tests.
+     */
+    dataTestId?: string;
+};
+//# sourceMappingURL=testId.d.ts.map

package/dist/src/types/testId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testId.d.ts","sourceRoot":"","sources":["../../../src/types/testId.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.28.0",
+  "version": "0.28.2",
   "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.28.0"
+    "@knime/kds-styles": "^0.28.2"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.3.4",