@knime/kds-components 0.28.3 → 0.28.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/index.css +54 -75
  2. package/dist/index.js +304 -295
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/accessories/Badge/enums.d.ts +1 -1
  5. package/dist/src/accessories/Icon/KdsDataType.vue.d.ts +3 -1
  6. package/dist/src/accessories/Icon/KdsDataType.vue.d.ts.map +1 -1
  7. package/dist/src/accessories/Icon/KdsIcon.vue.d.ts +3 -1
  8. package/dist/src/accessories/Icon/KdsIcon.vue.d.ts.map +1 -1
  9. package/dist/src/accessories/Icon/types.d.ts +8 -0
  10. package/dist/src/accessories/Icon/types.d.ts.map +1 -1
  11. package/dist/src/accessories/Icon/useIcon.d.ts +5 -1
  12. package/dist/src/accessories/Icon/useIcon.d.ts.map +1 -1
  13. package/dist/src/accessories/InlineMessage/enums.d.ts +1 -1
  14. package/dist/src/buttons/KdsProgressButton/enums.d.ts +1 -1
  15. package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts +1 -0
  16. package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts.map +1 -1
  17. package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts +3 -1
  18. package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts.map +1 -1
  19. package/package.json +2 -2
package/dist/src/accessories/Badge/enums.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const kdsBadgeVariant: {
6
6
  readonly ERROR: "error";
7
7
  readonly GHOST: "ghost";
8
8
  };
9
- export declare const kdsBadgeVariants: ("info" | "warning" | "neutral" | "success" | "error" | "ghost")[];
9
+ export declare const kdsBadgeVariants: ("info" | "warning" | "error" | "neutral" | "success" | "ghost")[];
10
10
  export declare const kdsBadgeSize: {
11
11
  readonly XXSMALL: "xxsmall";
12
12
  readonly XSMALL: "xsmall";
package/dist/src/accessories/Icon/KdsDataType.vue.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import { KdsDataTypeProps } from './types';
2
- declare const _default: import('vue').DefineComponent<KdsDataTypeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsDataTypeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
2
+ declare const _default: import('vue').DefineComponent<KdsDataTypeProps, {
3
+ status: Readonly<import('vue').ShallowRef<import('./types').KdsIconStatus>>;
4
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsDataTypeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
3
5
  export default _default;
4
6
  //# sourceMappingURL=KdsDataType.vue.d.ts.map
package/dist/src/accessories/Icon/KdsDataType.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KdsDataType.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/KdsDataType.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,SAAS,CAAC;;AA0GjB,wBAOG"}
1
+ {"version":3,"file":"KdsDataType.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/KdsDataType.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,SAAS,CAAC;;;;AAqHjB,wBAQG"}
package/dist/src/accessories/Icon/KdsIcon.vue.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import { KdsIconProps } from './types';
2
- declare const _default: import('vue').DefineComponent<KdsIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
2
+ declare const _default: import('vue').DefineComponent<KdsIconProps, {
3
+ status: Readonly<import('vue').ShallowRef<import('./types').KdsIconStatus>>;
4
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
3
5
  export default _default;
4
6
  //# sourceMappingURL=KdsIcon.vue.d.ts.map
package/dist/src/accessories/Icon/KdsIcon.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KdsIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/KdsIcon.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;AA2E5C,wBAMG"}
1
+ {"version":3,"file":"KdsIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/KdsIcon.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;AAsF5C,wBAOG"}
package/dist/src/accessories/Icon/types.d.ts CHANGED
@@ -6,6 +6,14 @@ export type KdsIconName = IconName;
6
6
  export type KdsIconSize = (typeof kdsIconSize)[keyof typeof kdsIconSize];
7
7
  export type KdsTypeIconName = TypeIconName;
8
8
  export type KdsDataTypeSize = (typeof kdsDataTypeSize)[keyof typeof kdsDataTypeSize];
9
+ /**
10
+ * Loading status of an icon component.
11
+ *
12
+ * - `"loading"`: the icon module is currently being fetched
13
+ * - `"loaded"`: the icon module is available and rendered
14
+ * - `"error"`: the icon module failed to load
15
+ */
16
+ export type KdsIconStatus = "loading" | "loaded" | "error";
9
17
  export type KdsIconProps = {
10
18
  /**
11
19
  * Name of the icon to display from the KDS icon set.
package/dist/src/accessories/Icon/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
package/dist/src/accessories/Icon/useIcon.d.ts CHANGED
@@ -1,7 +1,11 @@
1
1
  import { DefineComponent, Ref, ShallowRef } from 'vue';
2
+ import { KdsIconStatus } from './types';
2
3
  declare function useIcon({ name, folder, }: {
3
4
  name: Ref<string>;
4
5
  folder: "icons" | "type-icons";
5
- }): Readonly<ShallowRef<DefineComponent | null, DefineComponent | null>>;
6
+ }): {
7
+ iconComponent: Readonly<ShallowRef<DefineComponent | null>>;
8
+ status: Readonly<ShallowRef<KdsIconStatus>>;
9
+ };
6
10
  export default useIcon;
7
11
  //# sourceMappingURL=useIcon.d.ts.map
package/dist/src/accessories/Icon/useIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useIcon.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/useIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,GAAG,EACR,KAAK,UAAU,EAGhB,MAAM,KAAK,CAAC;AAEb,iBAAS,OAAO,CAAC,EACf,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,YAAY,CAAC;CAChC,GAAG,QAAQ,CAAC,UAAU,CAAC,eAAe,GAAG,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,CAAC,CA4CvE;AAED,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"useIcon.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Icon/useIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,GAAG,EACR,KAAK,UAAU,EAIhB,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,OAAO,CAAC,EACf,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,YAAY,CAAC;CAChC,GAAG;IACF,aAAa,EAAE,QAAQ,CAAC,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC;CAC7C,CAkEA;AAED,eAAe,OAAO,CAAC"}
package/dist/src/accessories/InlineMessage/enums.d.ts CHANGED
@@ -4,5 +4,5 @@ export declare const kdsInlineMessageVariant: {
4
4
  readonly SUCCESS: "success";
5
5
  readonly WARNING: "warning";
6
6
  };
7
- export declare const kdsInlineMessageVariants: ("info" | "warning" | "success" | "error")[];
7
+ export declare const kdsInlineMessageVariants: ("info" | "warning" | "error" | "success")[];
8
8
  //# sourceMappingURL=enums.d.ts.map
package/dist/src/buttons/KdsProgressButton/enums.d.ts CHANGED
@@ -4,5 +4,5 @@ export declare const kdsProgressButtonState: {
4
4
  readonly SUCCESS: "success";
5
5
  readonly ERROR: "error";
6
6
  };
7
- export declare const kdsProgressButtonStates: ("progress" | "success" | "error" | "default")[];
7
+ export declare const kdsProgressButtonStates: ("progress" | "error" | "success" | "default")[];
8
8
  //# sourceMappingURL=enums.d.ts.map
package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<KdsNavItemProps, {}, {}, {
7
7
  onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
8
8
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
9
9
  labelEl: HTMLSpanElement;
10
+ trailingItemsEl: HTMLDivElement;
10
11
  }, HTMLDivElement>;
11
12
  export default _default;
12
13
  //# sourceMappingURL=KdsNavItem.vue.d.ts.map
package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KdsNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/KdsNavItem.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AA2O/C,wBASG"}
1
+ {"version":3,"file":"KdsNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/KdsNavItem.vue"],"names":[],"mappings":"AAsOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;AAuO/C,wBASG"}
package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { KdsBadgeProps, KdsIconName } from '../../../accessories';
2
2
  import { KdsButtonProps } from '../../../buttons';
3
+ type DistributiveOmit<T, K extends PropertyKey> = T extends T ? Omit<T, K> : never;
3
4
  export type KdsNavItemProps = {
4
5
  /** The label text displayed in the navigation item. */
5
6
  label: string;
@@ -10,7 +11,7 @@ export type KdsNavItemProps = {
10
11
  /** Optional trailing icon displayed after the label. */
11
12
  trailingIcon?: KdsIconName;
12
13
  /** Optional trailing button displayed after the label. */
13
- trailingButton?: Omit<KdsButtonProps, "size">;
14
+ trailingButton?: DistributiveOmit<KdsButtonProps, "size">;
14
15
  /** Optional badge displayed after the label. */
15
16
  badge?: KdsBadgeProps;
16
17
  /** Whether the navigation item is selected (active). */
@@ -18,4 +19,5 @@ export type KdsNavItemProps = {
18
19
  /** Whether the navigation item is disabled. */
19
20
  disabled?: boolean;
20
21
  };
22
+ export {};
21
23
  //# sourceMappingURL=types.d.ts.map
package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC9C,gDAAgD;IAChD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,CAAC,GACzD,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,gBAAgB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC1D,gDAAgD;IAChD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knime/kds-components",
3
- "version": "0.28.3",
3
+ "version": "0.28.4",
4
4
  "description": "Package containing basic Vue components of the KNIME Design System",
5
5
  "repository": {
6
6
  "type": "git",
@@ -38,7 +38,7 @@
38
38
  "consola": "^3.4.2",
39
39
  "pretty-bytes": "^7.1.0",
40
40
  "temporal-polyfill": "^0.3.2",
41
- "@knime/kds-styles": "^0.28.3"
41
+ "@knime/kds-styles": "^0.28.4"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@storybook/vue3-vite": "^10.3.6",