@knime/kds-components 0.28.1 → 0.28.2

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

@@ -1,8 +1,14 @@
 import { KdsPanelProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    slots: Readonly<{
+        default?: (props: {
+            headlineId?: string;
+        }) => unknown;
+    }> & {
+        default?: (props: {
+            headlineId?: string;
+        }) => unknown;
     };
     refs: {};
     rootEl: HTMLDivElement;

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

@@ -1 +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"}
+{"version":3,"file":"KdsPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/KdsPanel.vue"],"names":[],"mappings":"AAsOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAuC7C,iBAAS,cAAc;WAyPT,OAAO,IAA6B;;kBAjRtC,CAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;kBAA3C,CAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;EAsRtD;AAkBD,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/enums.d.ts

@@ -0,0 +1,12 @@
+export declare const kdsPanelBodyOverflow: {
+    readonly AUTO: "auto";
+    readonly HIDDEN: "hidden";
+    readonly VISIBLE: "visible";
+};
+export declare const kdsPanelBodyOverflows: ("auto" | "hidden" | "visible")[];
+export declare const kdsPanelBodyVariant: {
+    readonly PADDED: "padded";
+    readonly PLAIN: "plain";
+};
+export declare const kdsPanelBodyVariants: ("padded" | "plain")[];
+//# sourceMappingURL=enums.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,mCAAsC,CAAC;AAEzE,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wBAAqC,CAAC"}

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

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

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

@@ -1 +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"}
+{"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,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,mBAAmB,SAAS,CAAC"}

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/package.json

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