@knime/kds-components 0.0.7 → 0.0.8

package/dist/src/Button/Button.vue.d.ts

@@ -1,24 +1,18 @@
-import { IconName } from '@knime/kds-styles/img/icons/def';
-interface Props {
-    label: string;
-    leadingIcon?: IconName | null;
-    trailingIcon?: IconName | null;
-    variant?: "filled" | "outlined" | "transparent";
-    size?: "x-small" | "small" | "medium" | "large";
-    destructive?: boolean;
-    disabled?: boolean;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (event: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {
-    size: "x-small" | "small" | "medium" | "large";
-    leadingIcon: IconName | null;
-    trailingIcon: IconName | null;
-    variant: "filled" | "outlined" | "transparent";
-    destructive: boolean;
-    disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+import { BaseButtonProps } from './BaseButton.vue';
+export type ButtonProps = BaseButtonProps & {};
+declare const _default: <UNUSED>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick"> & ButtonProps & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "click", event: MouseEvent) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=Button.vue.d.ts.map

package/dist/src/Button/Button.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.vue"],"names":[],"mappings":"AA4MA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAIhE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;;;UAHQ,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO;iBAHjC,QAAQ,GAAG,IAAI;kBACd,QAAQ,GAAG,IAAI;aACpB,QAAQ,GAAG,UAAU,GAAG,aAAa;iBAEjC,OAAO;cACV,OAAO;;AAqHpB,wBASG"}
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.vue"],"names":[],"mappings":"AAgBA,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,EAAE,CAAC;yBAC9B,MAAM,EACtB,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAuEO,mBAAmB,CAAC;;2JAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cApEL,OAAO,SAAS,UAAU,KAAG,IAAI;EAwEnC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlFzE,wBAkF4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/src/Button/LinkButton.vue.d.ts

@@ -0,0 +1,36 @@
+import { BaseButtonProps } from './BaseButton.vue';
+export type LinkButtonProps = BaseButtonProps & {
+    /**
+     * Route Location the link should navigate to when clicked on; passed to RouterLink/NuxtLink component if globally available
+     */
+    to: string | Record<string, unknown>;
+} & {
+    /**
+     * If set to true, the link will be downloaded instead of navigating to it.
+     */
+    download?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: "_blank" | "_parent" | "_self" | "_top" | string | null;
+    /**
+     * A rel attribute value to apply on the link. In Nuxt, defaults to "noopener noreferrer" for external links.
+     */
+    rel?: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | string | null;
+};
+declare const _default: <UNUSED>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick"> & LinkButtonProps & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "click", event: MouseEvent) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=LinkButton.vue.d.ts.map

package/dist/src/Button/LinkButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.vue.d.ts","sourceRoot":"","sources":["../../../src/Button/LinkButton.vue"],"names":[],"mappings":"AAmEA,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAG9C;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,GAAG;IAGF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EACA,UAAU,GACV,YAAY,GACZ,UAAU,GACV,WAAW,GACX,KAAK,GACL,MAAM,GACN,IAAI,CAAC;CACV,CAAC;yBAEe,MAAM,EACtB,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAuFO,mBAAmB,CAAC;;+JAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA3EL,OAAO,SAAS,UAAU,KAAG,IAAI;EA+EnC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlGzE,wBAkG4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/src/Icon/DataType.vue.d.ts

@@ -2,7 +2,7 @@ import { TypeIconName } from '@knime/kds-styles/img/type-icons/def';
 import { TypeId } from './IdToIconNameMapping';
 import { IconSize } from './types';
 export type { TypeIconName };
-type DataTypeSize = Exclude<IconSize, "x-small">;
+type DataTypeSize = Exclude<IconSize, "xsmall">;
 export type { DataTypeSize };
 type Props = {
     iconName?: TypeIconName | TypeId | string;

package/dist/src/Icon/DataType.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataType.vue.d.ts","sourceRoot":"","sources":["../../../src/Icon/DataType.vue"],"names":[],"mappings":"AA0HA,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,KAAK,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAEjD,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;;UADO,YAAY;cAFR,YAAY,GAAG,MAAM,GAAG,MAAM;eAC7B,MAAM;;AA6GpB,wBAQG"}
+{"version":3,"file":"DataType.vue.d.ts","sourceRoot":"","sources":["../../../src/Icon/DataType.vue"],"names":[],"mappings":"AAsHA,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,KAAK,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;;UADO,YAAY;cAFR,YAAY,GAAG,MAAM,GAAG,MAAM;eAC7B,MAAM;;AA4GpB,wBAQG"}

package/dist/src/Icon/Icon.vue.d.ts

@@ -6,7 +6,6 @@ type __VLS_Props = {
     size?: IconSize;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    name: IconName;
     size: IconSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/Icon/Icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/Icon/Icon.vue"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAEnC,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;;UAA5B,QAAQ;UAAS,QAAQ;;AA+DpD,wBAOG"}
+{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/Icon/Icon.vue"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAEnC,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;;UAAX,QAAQ;;AA6DpD,wBAOG"}

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

@@ -1,2 +1,4 @@
-export type IconSize = "x-small" | "small" | "medium" | "large";
+import { Size } from '../types';
+export declare const iconSizes: readonly ["xsmall", "small", "medium", "large"];
+export type IconSize = Size;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Icon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Icon/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,SAAS,iDAAQ,CAAC;AAC/B,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC"}

package/dist/src/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const sizes: readonly ["xsmall", "small", "medium", "large"];
+//# sourceMappingURL=constants.d.ts.map

package/dist/src/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,iDAAkD,CAAC"}

package/dist/src/index.d.ts

@@ -1,7 +1,9 @@
 export { default as Button } from './Button/Button.vue';
+export { default as LinkButton } from './Button/LinkButton.vue';
 export { default as Icon } from './Icon/Icon.vue';
 export { default as DataType } from './Icon/DataType.vue';
 export type * from './Button/Button.vue';
+export type * from './Button/LinkButton.vue';
 export type * from './Icon/Icon.vue';
 export type * from './Icon/DataType.vue';
 export * from './util';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG1D,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,iBAAiB,CAAC;AACrC,mBAAmB,qBAAqB,CAAC;AAGzC,cAAc,QAAQ,CAAC;AAGvB,mBAAmB,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG1D,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,yBAAyB,CAAC;AAC7C,mBAAmB,iBAAiB,CAAC;AACrC,mBAAmB,qBAAqB,CAAC;AAGzC,cAAc,QAAQ,CAAC;AAGvB,mBAAmB,QAAQ,CAAC"}

package/dist/src/testUtils/DesignComparator.vue.d.ts

@@ -0,0 +1,12 @@
+import { FunctionalComponent } from 'vue';
+export type DesignsToCompare = Record<string, {
+    props: Record<string, unknown>;
+    variants: Record<string, Record<string, unknown>>;
+}>;
+type Props = {
+    designsToCompare: DesignsToCompare;
+    component: FunctionalComponent;
+};
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=DesignComparator.vue.d.ts.map

package/dist/src/testUtils/DesignComparator.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignComparator.vue.d.ts","sourceRoot":"","sources":["../../../src/testUtils/DesignComparator.vue"],"names":[],"mappings":"AAmPA,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,KAAK,CAAC;AAKrE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,MAAM,EACN;IACE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACnD,CACF,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,mBAAmB,CAAC;CAChC,CAAC;;AA2NF,wBAOG"}

package/dist/src/testUtils/storybook.d.ts

@@ -0,0 +1,69 @@
+import { FunctionalComponent } from 'vue';
+import { StoryObj } from '@storybook/vue3-vite';
+import { DesignsToCompare } from './DesignComparator.vue';
+/**
+ * Generate all combinations of the provided props by providing an array of possible values for each prop, e.g.:
+ *
+ * @example
+ * generateCombinations({
+ *   disabled: [false, true],
+ *   destructive: [false, true],
+ *   label: ["Button", undefined]
+ * })
+ */
+export declare function generateCombinations(props: Record<string, readonly unknown[]>): Record<string, unknown>[];
+type AllCombinationsStoryParams = {
+    component: FunctionalComponent;
+    combinationsProps: Record<string, readonly unknown[]>[];
+};
+/**
+ *
+ * @example
+  export const AllCombinations: Story = buildAllCombinationsStory({
+    component: Button,
+    combinationsProps: [
+      {
+        disabled: [false, true],
+        label: ["Button"],
+        leadingIcon: [undefined, "ai-general"],
+      },
+      {
+        disabled: [false, true],
+        icon: ["ai-general"],
+      },
+    ],
+  });
+ */
+export declare function buildAllCombinationsStory(config: AllCombinationsStoryParams): StoryObj;
+type DesignComparatorParams = {
+    component: FunctionalComponent;
+    designsToCompare: DesignsToCompare;
+};
+/**
+ * Builds a Storybook story that compares a component against its Figma designs.
+ *
+ * @example
+  export const DesignComparator = buildDesignComparator({
+    component: Button,
+    designsToCompare: {
+      "With Icon": {
+        props: {
+          icon: "placeholder",
+        },
+        variants: {
+          "https://www.figma.com/design/AqT6Q5R4KyYqUb6n5uO2XE/%F0%9F%A7%A9-kds-Components?node-id=3804-89762":
+            {
+              size: "large",
+            },
+          "https://www.figma.com/design/AqT6Q5R4KyYqUb6n5uO2XE/%F0%9F%A7%A9-kds-Components?node-id=3804-90047":
+            {
+              size: "medium",
+            },
+        },
+      },
+    },
+  });
+ */
+export declare function buildDesignComparatorStory(config: DesignComparatorParams): StoryObj;
+export {};
+//# sourceMappingURL=storybook.d.ts.map

package/dist/src/testUtils/storybook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../../src/testUtils/storybook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAyB,EACvB,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;;;GASG;AAEH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,CAAC,GACxC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAiB3B;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,CAAC,EAAE,CAAC;CACzD,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,0BAA0B,GACjC,QAAQ,CAyBV;AAED,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,mBAAmB,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,sBAAsB,GAC7B,QAAQ,CAsBV"}

package/dist/src/types.d.ts

@@ -0,0 +1,3 @@
+import { sizes } from './constants';
+export type Size = (typeof sizes)[number];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC"}

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

@@ -1,3 +1,5 @@
 export { useDarkMode } from './useDarkMode';
+export { useLegacyMode } from './useLegacyMode';
 export type * from './useDarkMode';
+export type * from './useLegacyMode';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/util/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,mBAAmB,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/util/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,iBAAiB,CAAC"}

package/dist/src/util/nuxtComponentResolver.d.ts

@@ -0,0 +1,2 @@
+export declare const resolveNuxtLinkComponent: () => import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+//# sourceMappingURL=nuxtComponentResolver.d.ts.map

package/dist/src/util/nuxtComponentResolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxtComponentResolver.d.ts","sourceRoot":"","sources":["../../../src/util/nuxtComponentResolver.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,wBAAwB,mHA6BpC,CAAC"}

package/dist/src/util/useDarkMode.d.ts

@@ -1,9 +1,13 @@
 export declare const DARK_MODE_STORAGE_KEY = "KNIME_DARK_MODE";
 export type DarkModeType = "light" | "dark" | "system";
 export declare const useDarkMode: () => {
+    /** Exposes a writable computed ref to get the current dark mode but also use it in e.g. a v-model to set it */
     currentMode: import('vue').WritableComputedRef<DarkModeType, DarkModeType>;
+    /** Whether or not the current user preference is dark. Note, if the preference is set to 'system' it will return false. */
     isDarkMode: import('vue').ComputedRef<boolean>;
+    /** Whether or not the current user preference is light. Note, if the preference is set to 'system' it will return false. */
     isLightMode: import('vue').ComputedRef<boolean>;
+    /** Whether or not the current user preference is set to 'system'. */
     isSystemMode: import('vue').ComputedRef<boolean>;
 };
 //# sourceMappingURL=useDarkMode.d.ts.map

package/dist/src/util/useDarkMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDarkMode.d.ts","sourceRoot":"","sources":["../../../src/util/useDarkMode.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAKvD,eAAO,MAAM,WAAW;;;;;CAqEvB,CAAC"}
+{"version":3,"file":"useDarkMode.d.ts","sourceRoot":"","sources":["../../../src/util/useDarkMode.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAKvD,eAAO,MAAM,WAAW;IA2DpB,+GAA+G;;IAE/G,2HAA2H;;IAE3H,4HAA4H;;IAE5H,qEAAqE;;CAGxE,CAAC"}

package/dist/src/util/useLegacyMode.d.ts

@@ -0,0 +1,5 @@
+export declare const useLegacyMode: (initialValue?: boolean) => {
+    /** Writable ref to get and/or set the legacy mode; can also be used with v-model */
+    legacyMode: import('vue').Ref<boolean, boolean>;
+};
+//# sourceMappingURL=useLegacyMode.d.ts.map

package/dist/src/util/useLegacyMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLegacyMode.d.ts","sourceRoot":"","sources":["../../../src/util/useLegacyMode.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,eAAc,OAAe;IAYvD,oFAAoF;;CAGvF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "license": "GPL 3 and Additional Permissions according to Sec. 7 (SEE the file LICENSE)",
   "author": "KNIME AG, Zurich, Switzerland",
@@ -32,7 +32,7 @@
     "@knime/styles": "^1.10.0",
     "@knime/utils": "^1.5.3",
     "consola": "^3.4.2",
-    "@knime/kds-styles": "^0.0.7"
+    "@knime/kds-styles": "^0.0.8"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^9.1.6",
@@ -47,7 +47,7 @@
     "vue": "3.5.18"
   },
   "engines": {
-    "node": "24.5.0",
+    "node": "24.10.0",
     "npm": "please-use-pnpm"
   },
   "scripts": {