sit-onyx 1.0.0-beta.4 → 1.0.0-beta.41

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 (120) hide show
  1. package/dist/components/OnyxAppLayout/OnyxAppLayout.vue.d.ts +33 -29
  2. package/dist/components/OnyxAvatar/OnyxAvatar.vue.d.ts +25 -20
  3. package/dist/components/OnyxAvatarStack/OnyxAvatarStack.vue.d.ts +16 -11
  4. package/dist/components/OnyxBadge/OnyxBadge.vue.d.ts +25 -20
  5. package/dist/components/OnyxButton/OnyxButton.vue.d.ts +4 -4
  6. package/dist/components/OnyxCheckbox/OnyxCheckbox.vue.d.ts +6 -6
  7. package/dist/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue.d.ts +6 -6
  8. package/dist/components/OnyxCheckboxGroup/types.d.ts +4 -6
  9. package/dist/components/OnyxDialog/OnyxDialog.vue.d.ts +31 -24
  10. package/dist/components/OnyxEmpty/OnyxEmpty.vue.d.ts +35 -20
  11. package/dist/components/OnyxErrorTooltip/OnyxErrorTooltip.vue.d.ts +56 -0
  12. package/dist/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue.d.ts +4 -4
  13. package/dist/components/OnyxFormElement/OnyxFormElement.ct-utils.d.ts +11 -0
  14. package/dist/components/OnyxFormElement/OnyxFormElement.vue.d.ts +28 -16
  15. package/dist/components/OnyxFormElement/TestWrapper.vue.d.ts +2 -0
  16. package/dist/components/OnyxFormElement/types.d.ts +6 -0
  17. package/dist/components/OnyxHeadline/OnyxHeadline.vue.d.ts +21 -16
  18. package/dist/components/OnyxIconButton/OnyxIconButton.vue.d.ts +21 -16
  19. package/dist/components/OnyxInfoTooltip/OnyxInfoTooltip.vue.d.ts +18 -1
  20. package/dist/components/OnyxInfoTooltip/types.d.ts +1 -5
  21. package/dist/components/OnyxInput/OnyxInput.vue.d.ts +8 -8
  22. package/dist/components/OnyxLink/OnyxLink.vue.d.ts +25 -20
  23. package/dist/components/OnyxListItem/OnyxListItem.vue.d.ts +25 -20
  24. package/dist/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue.d.ts +4 -4
  25. package/dist/components/OnyxMiniSearch/OnyxMiniSearch.vue.d.ts +1 -1
  26. package/dist/components/OnyxMobileNavButton/OnyxMobileNavButton.vue.d.ts +25 -20
  27. package/dist/components/OnyxNavAppArea/OnyxNavAppArea.vue.d.ts +21 -16
  28. package/dist/components/OnyxNavBar/OnyxNavBar.vue.d.ts +67 -60
  29. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue.d.ts +4 -4
  30. package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue.d.ts +10 -6
  31. package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/types.d.ts +6 -0
  32. package/dist/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue.d.ts +12 -7
  33. package/dist/components/OnyxNavBar/modules/OnyxMenuItem/types.d.ts +1 -1
  34. package/dist/components/OnyxNavBar/modules/OnyxNavButton/MobileComponentTestWrapper.vue.d.ts +29 -24
  35. package/dist/components/OnyxNavBar/modules/OnyxNavButton/NavButtonLayout.vue.d.ts +47 -23
  36. package/dist/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue.d.ts +33 -28
  37. package/dist/components/OnyxNavBar/modules/OnyxNavButton/types.d.ts +6 -0
  38. package/dist/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue.d.ts +25 -20
  39. package/dist/components/OnyxNavBar/modules/OnyxNavSeparator/OnyxNavSeparator.vue.d.ts +4 -4
  40. package/dist/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue.d.ts +47 -24
  41. package/dist/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue.d.ts +13 -7
  42. package/dist/components/OnyxNavBar/modules/OnyxUserMenu/types.d.ts +6 -0
  43. package/dist/components/OnyxPageLayout/OnyxPageLayout.vue.d.ts +25 -20
  44. package/dist/components/OnyxPagination/OnyxPagination.vue.d.ts +30 -0
  45. package/dist/components/OnyxPagination/SelectPagination.vue.d.ts +16 -0
  46. package/dist/components/OnyxPagination/types.d.ts +15 -0
  47. package/dist/components/OnyxRadioButton/OnyxRadioButton.vue.d.ts +6 -6
  48. package/dist/components/OnyxRadioGroup/OnyxRadioGroup.vue.d.ts +6 -6
  49. package/dist/components/OnyxRadioGroup/types.d.ts +2 -6
  50. package/dist/components/OnyxRipple/OnyxRipple.vue.d.ts +4 -0
  51. package/dist/components/OnyxRipple/RippleTestWrapper.vue.d.ts +2 -0
  52. package/dist/components/OnyxSelect/OnyxSelect.vue.d.ts +9 -9
  53. package/dist/components/OnyxSelect/types.d.ts +36 -9
  54. package/dist/components/OnyxSelectInput/OnyxSelectInput.vue.d.ts +6 -6
  55. package/dist/components/OnyxSelectInput/types.d.ts +5 -12
  56. package/dist/components/OnyxSelectOption/OnyxSelectOption.vue.d.ts +25 -20
  57. package/dist/components/OnyxStepper/OnyxStepper.vue.d.ts +50 -0
  58. package/dist/components/OnyxStepper/types.d.ts +56 -0
  59. package/dist/components/OnyxSwitch/OnyxSwitch.vue.d.ts +5 -5
  60. package/dist/components/OnyxTable/OnyxTable.vue.d.ts +51 -46
  61. package/dist/components/OnyxTag/OnyxTag.vue.d.ts +4 -4
  62. package/dist/components/OnyxTextarea/OnyxTextarea.vue.d.ts +8 -8
  63. package/dist/components/OnyxToastMessage/OnyxToastMessage.vue.d.ts +4 -4
  64. package/dist/components/OnyxTooltip/OnyxTooltip.ct-utils.d.ts +7 -0
  65. package/dist/components/OnyxTooltip/OnyxTooltip.vue.d.ts +48 -40
  66. package/dist/components/OnyxTooltip/TestWrapper.vue.d.ts +12 -0
  67. package/dist/components/OnyxTooltip/types.d.ts +22 -7
  68. package/dist/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue.d.ts +16 -11
  69. package/dist/components/examples/FormExample/FormExample.vue.d.ts +2 -0
  70. package/dist/components/examples/GridPlayground/EditGridElementDialog/EditGridElementDialog.vue.d.ts +36 -0
  71. package/dist/components/{GridPlayground/GridElement.vue.d.ts → examples/GridPlayground/GridBadge/GridBadge.vue.d.ts} +7 -5
  72. package/dist/components/examples/GridPlayground/GridElement/GridElement.vue.d.ts +50 -0
  73. package/dist/components/examples/GridPlayground/GridOverlay/GridOverlay.vue.d.ts +29 -0
  74. package/dist/components/examples/GridPlayground/GridPlayground.vue.d.ts +2 -0
  75. package/dist/composables/asymmetricComputed.d.ts +13 -0
  76. package/dist/composables/required.d.ts +1 -0
  77. package/dist/composables/useCustomValidity.d.ts +8 -1
  78. package/dist/composables/useManagedState.d.ts +11 -5
  79. package/dist/composables/useOpenDirection.d.ts +13 -0
  80. package/dist/composables/useRipple.d.ts +15 -0
  81. package/dist/index.cjs +4 -4
  82. package/dist/index.d.ts +5 -1
  83. package/dist/index.js +2669 -2114
  84. package/dist/playwright/ScreenshotMatrix.vue.d.ts +12 -7
  85. package/dist/playwright/screenshots.d.ts +6 -1
  86. package/dist/style.css +1 -1
  87. package/dist/utils/attrs.d.ts +3 -3
  88. package/dist/utils/plugin.d.ts +0 -1
  89. package/package.json +9 -12
  90. package/src/i18n/locales/de-DE.json +19 -4
  91. package/src/i18n/locales/en-US.json +19 -4
  92. package/src/styles/global.css +1 -1
  93. package/src/styles/index.scss +7 -6
  94. package/src/styles/mixins/checkbox.scss +1 -13
  95. package/src/styles/mixins/input.scss +49 -6
  96. package/src/styles/mixins/list.scss +6 -12
  97. package/src/styles/required.scss +1 -1
  98. package/src/styles/{dark.css → variables/dark.css} +1 -13
  99. package/src/styles/variables/density-compact.css +17 -0
  100. package/src/styles/variables/density-cozy.css +17 -0
  101. package/src/styles/variables/density-default.css +18 -0
  102. package/src/styles/{light.css → variables/light.css} +1 -13
  103. package/src/styles/variables/spacing.css +20 -0
  104. package/src/styles/{themes → variables/themes}/kaufland.css +2 -2
  105. package/src/styles/{themes → variables/themes}/lidl.css +2 -2
  106. package/src/styles/{themes → variables/themes}/onyx.css +2 -2
  107. package/src/styles/{themes → variables/themes}/onyx.json +1 -1
  108. package/src/styles/{themes → variables/themes}/twogo.css +2 -2
  109. package/dist/components/GridPlayground/GridElementsIndicator.vue.d.ts +0 -22
  110. package/dist/components/GridPlayground/GridPlayground.vue.d.ts +0 -27
  111. package/dist/components/OnyxRadioGroup/OnyxRadioGroup.d.ts +0 -1
  112. package/src/styles/density.scss +0 -41
  113. package/src/types/breakpoints.ts +0 -14
  114. package/src/types/colors.ts +0 -10
  115. package/src/types/components.ts +0 -59
  116. package/src/types/fonts.ts +0 -7
  117. package/src/types/i18n.ts +0 -68
  118. package/src/types/index.ts +0 -10
  119. package/src/types/themes.ts +0 -1
  120. package/src/types/utils.ts +0 -4
@@ -1,23 +1,28 @@
1
1
  import type { OnyxAppLayoutProps } from "./types";
2
- declare function __VLS_template(): Readonly<{
3
- /** Navigation area of the application */
4
- navBar?(): unknown;
5
- /** Page content area of the application */
6
- default(): unknown;
7
- /** Overlays that cover the page and exclude the nav area */
8
- pageOverlay?(): unknown;
9
- /** Overlays that cover the complete page */
10
- appOverlay?(): unknown;
11
- }> & {
12
- /** Navigation area of the application */
13
- navBar?(): unknown;
14
- /** Page content area of the application */
15
- default(): unknown;
16
- /** Overlays that cover the page and exclude the nav area */
17
- pageOverlay?(): unknown;
18
- /** Overlays that cover the complete page */
19
- appOverlay?(): unknown;
2
+ declare function __VLS_template(): {
3
+ slots: Readonly<{
4
+ /** Navigation area of the application */
5
+ navBar?(): unknown;
6
+ /** Page content area of the application */
7
+ default(): unknown;
8
+ /** Overlays that cover the page and exclude the nav area */
9
+ pageOverlay?(): unknown;
10
+ /** Overlays that cover the complete page */
11
+ appOverlay?(): unknown;
12
+ }> & {
13
+ /** Navigation area of the application */
14
+ navBar?(): unknown;
15
+ /** Page content area of the application */
16
+ default(): unknown;
17
+ /** Overlays that cover the page and exclude the nav area */
18
+ pageOverlay?(): unknown;
19
+ /** Overlays that cover the complete page */
20
+ appOverlay?(): unknown;
21
+ };
22
+ refs: {};
23
+ attrs: Partial<{}>;
20
24
  };
25
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
21
26
  declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAppLayoutProps>, {
22
27
  navBarAlignment: string;
23
28
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAppLayoutProps>, {
@@ -25,22 +30,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
25
30
  }>>>, {
26
31
  navBarAlignment: "top" | "left";
27
32
  }, {}>;
28
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
33
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
29
34
  export default _default;
30
-
31
35
  type __VLS_WithDefaults<P, D> = {
32
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
36
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
33
37
  default: D[K];
34
38
  }> : P[K];
35
39
  };
36
- type __VLS_Prettify<T> = {
37
- [K in keyof T]: T[K];
38
- } & {};
39
- type __VLS_WithTemplateSlots<T, S> = T & {
40
- new (): {
41
- $slots: S;
42
- };
43
- };
44
40
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
45
41
  type __VLS_TypePropsToOption<T> = {
46
42
  [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -50,3 +46,11 @@ type __VLS_TypePropsToOption<T> = {
50
46
  required: true;
51
47
  };
52
48
  };
49
+ type __VLS_WithTemplateSlots<T, S> = T & {
50
+ new (): {
51
+ $slots: S;
52
+ };
53
+ };
54
+ type __VLS_PrettifyLocal<T> = {
55
+ [K in keyof T]: T[K];
56
+ } & {};
@@ -1,15 +1,20 @@
1
1
  import type { OnyxAvatarProps } from "./types";
2
- declare function __VLS_template(): Readonly<{
3
- /**
4
- * Optional slot to override the default initials. Will only be used if `type` is `initials`.
5
- */
6
- default?(): unknown;
7
- }> & {
8
- /**
9
- * Optional slot to override the default initials. Will only be used if `type` is `initials`.
10
- */
11
- default?(): unknown;
2
+ declare function __VLS_template(): {
3
+ slots: Readonly<{
4
+ /**
5
+ * Optional slot to override the default initials. Will only be used if `type` is `initials`.
6
+ */
7
+ default?(): unknown;
8
+ }> & {
9
+ /**
10
+ * Optional slot to override the default initials. Will only be used if `type` is `initials`.
11
+ */
12
+ default?(): unknown;
13
+ };
14
+ refs: {};
15
+ attrs: Partial<{}>;
12
16
  };
17
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
18
  declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAvatarProps>, {
14
19
  size: string;
15
20
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAvatarProps>, {
@@ -17,21 +22,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
17
22
  }>>>, {
18
23
  size: "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
19
24
  }, {}>;
20
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
25
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
26
  export default _default;
22
27
  type __VLS_WithDefaults<P, D> = {
23
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
28
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
24
29
  default: D[K];
25
30
  }> : P[K];
26
31
  };
27
- type __VLS_Prettify<T> = {
28
- [K in keyof T]: T[K];
29
- } & {};
30
- type __VLS_WithTemplateSlots<T, S> = T & {
31
- new (): {
32
- $slots: S;
33
- };
34
- };
35
32
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
36
33
  type __VLS_TypePropsToOption<T> = {
37
34
  [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -41,3 +38,11 @@ type __VLS_TypePropsToOption<T> = {
41
38
  required: true;
42
39
  };
43
40
  };
41
+ type __VLS_WithTemplateSlots<T, S> = T & {
42
+ new (): {
43
+ $slots: S;
44
+ };
45
+ };
46
+ type __VLS_PrettifyLocal<T> = {
47
+ [K in keyof T]: T[K];
48
+ } & {};
@@ -1,16 +1,21 @@
1
- declare function __VLS_template(): Readonly<{
2
- /**
3
- * Default slot to place the avatars.
4
- */
5
- default(): unknown;
6
- }> & {
7
- /**
8
- * Default slot to place the avatars.
9
- */
10
- default(): unknown;
1
+ declare function __VLS_template(): {
2
+ slots: Readonly<{
3
+ /**
4
+ * Default slot to place the avatars.
5
+ */
6
+ default(): unknown;
7
+ }> & {
8
+ /**
9
+ * Default slot to place the avatars.
10
+ */
11
+ default(): unknown;
12
+ };
13
+ refs: {};
14
+ attrs: Partial<{}>;
11
15
  };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
17
  declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
13
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
18
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
19
  export default _default;
15
20
  type __VLS_WithTemplateSlots<T, S> = T & {
16
21
  new (): {
@@ -1,15 +1,20 @@
1
1
  import type { OnyxBadgeProps } from "./types";
2
- declare function __VLS_template(): Readonly<{
3
- /**
4
- * Badge content.
5
- */
6
- default?(): unknown;
7
- }> & {
8
- /**
9
- * Badge content.
10
- */
11
- default?(): unknown;
2
+ declare function __VLS_template(): {
3
+ slots: Readonly<{
4
+ /**
5
+ * Badge content.
6
+ */
7
+ default?(): unknown;
8
+ }> & {
9
+ /**
10
+ * Badge content.
11
+ */
12
+ default?(): unknown;
13
+ };
14
+ refs: {};
15
+ attrs: Partial<{}>;
12
16
  };
17
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
18
  declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxBadgeProps>, {
14
19
  color: string;
15
20
  dot: boolean;
@@ -20,21 +25,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
20
25
  color: import("../..").OnyxColor;
21
26
  dot: boolean;
22
27
  }, {}>;
23
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
28
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
24
29
  export default _default;
25
30
  type __VLS_WithDefaults<P, D> = {
26
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
31
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
27
32
  default: D[K];
28
33
  }> : P[K];
29
34
  };
30
- type __VLS_Prettify<T> = {
31
- [K in keyof T]: T[K];
32
- } & {};
33
- type __VLS_WithTemplateSlots<T, S> = T & {
34
- new (): {
35
- $slots: S;
36
- };
37
- };
38
35
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
39
36
  type __VLS_TypePropsToOption<T> = {
40
37
  [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -44,3 +41,11 @@ type __VLS_TypePropsToOption<T> = {
44
41
  required: true;
45
42
  };
46
43
  };
44
+ type __VLS_WithTemplateSlots<T, S> = T & {
45
+ new (): {
46
+ $slots: S;
47
+ };
48
+ };
49
+ type __VLS_PrettifyLocal<T> = {
50
+ [K in keyof T]: T[K];
51
+ } & {};
@@ -27,13 +27,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
27
27
  }, {}>;
28
28
  export default _default;
29
29
  type __VLS_WithDefaults<P, D> = {
30
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
30
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
31
31
  default: D[K];
32
32
  }> : P[K];
33
33
  };
34
- type __VLS_Prettify<T> = {
35
- [K in keyof T]: T[K];
36
- } & {};
37
34
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
38
35
  type __VLS_TypePropsToOption<T> = {
39
36
  [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -43,3 +40,6 @@ type __VLS_TypePropsToOption<T> = {
43
40
  required: true;
44
41
  };
45
42
  };
43
+ type __VLS_PrettifyLocal<T> = {
44
+ [K in keyof T]: T[K];
45
+ } & {};
@@ -1,23 +1,23 @@
1
1
  import type { SelectOptionValue } from "../../types";
2
2
  import type { OnyxCheckboxProps } from "./types";
3
- declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
4
- props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
3
+ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__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<{
4
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
5
5
  onValidityChange?: ((validity: ValidityState) => any) | undefined;
6
6
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
7
7
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
8
8
  onValidityChange?: ((validity: ValidityState) => any) | undefined;
9
9
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
10
- }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & __VLS_BuiltInPublicProps;
10
+ }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & import("vue").PublicProps;
11
11
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
12
12
  attrs: any;
13
- slots: ReturnType<() => {}>;
14
- emit: (((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void)) & {};
13
+ slots: {};
14
+ emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void);
15
15
  }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
16
16
  [key: string]: any;
17
17
  }> & {
18
18
  __ctx?: Awaited<typeof __VLS_setup>;
19
19
  };
20
20
  export default _default;
21
- type __VLS_Prettify<T> = {
21
+ type __VLS_PrettifyLocal<T> = {
22
22
  [K in keyof T]: T[K];
23
23
  } & {};
@@ -1,21 +1,21 @@
1
1
  import type { SelectOptionValue } from "../../types";
2
2
  import type { OnyxCheckboxGroupProps } from "./types";
3
- declare const _default: <TValue extends SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
4
- props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
3
+ declare const _default: <TValue extends SelectOptionValue>(__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<{
4
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
5
5
  "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
6
6
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
7
7
  "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
8
- }, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & __VLS_BuiltInPublicProps;
8
+ }, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & import("vue").PublicProps;
9
9
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
10
10
  attrs: any;
11
- slots: ReturnType<() => {}>;
12
- emit: ((evt: "update:modelValue", value: TValue[]) => void) & {};
11
+ slots: {};
12
+ emit: (evt: "update:modelValue", value: TValue[]) => void;
13
13
  }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
14
14
  [key: string]: any;
15
15
  }> & {
16
16
  __ctx?: Awaited<typeof __VLS_setup>;
17
17
  };
18
18
  export default _default;
19
- type __VLS_Prettify<T> = {
19
+ type __VLS_PrettifyLocal<T> = {
20
20
  [K in keyof T]: T[K];
21
21
  } & {};
@@ -1,7 +1,9 @@
1
1
  import type { DensityProp } from "../../composables/density";
2
2
  import type { RequiredMarkerProp } from "../../composables/required";
3
+ import type { CustomValidityProp } from "../../composables/useCustomValidity";
3
4
  import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
4
- export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & {
5
+ import type { OnyxFormElementProps } from "../OnyxFormElement/types";
6
+ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & Pick<OnyxFormElementProps, "label" | "hideLabel"> & {
5
7
  /**
6
8
  * Checkbox options.
7
9
  */
@@ -10,10 +12,6 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
10
12
  * Currently checked checkboxes.
11
13
  */
12
14
  modelValue?: TValue[];
13
- /**
14
- * Headline to show above all checkboxes which is also the fieldset legend.
15
- */
16
- headline?: string;
17
15
  /**
18
16
  * Direction of the checkboxes.
19
17
  */
@@ -38,4 +36,4 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
38
36
  */
39
37
  skeleton?: number;
40
38
  };
41
- export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & AutofocusProp;
39
+ export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & CustomValidityProp & AutofocusProp;
@@ -1,19 +1,26 @@
1
1
  import type { OnyxDialogProps } from "./types";
2
- declare function __VLS_template(): Readonly<{
3
- /**
4
- * Dialog content. For accessibility purposes it is strongly recommended
5
- * to focus an element inside the dialog when it opens. The element will depend
6
- * on your use case (e.g. an input, button etc.).
7
- */
8
- default(): unknown;
9
- }> & {
10
- /**
11
- * Dialog content. For accessibility purposes it is strongly recommended
12
- * to focus an element inside the dialog when it opens. The element will depend
13
- * on your use case (e.g. an input, button etc.).
14
- */
15
- default(): unknown;
2
+ declare function __VLS_template(): {
3
+ slots: Readonly<{
4
+ /**
5
+ * Dialog content. For accessibility purposes it is strongly recommended
6
+ * to focus an element inside the dialog when it opens. The element will depend
7
+ * on your use case (e.g. an input, button etc.).
8
+ */
9
+ default(): unknown;
10
+ }> & {
11
+ /**
12
+ * Dialog content. For accessibility purposes it is strongly recommended
13
+ * to focus an element inside the dialog when it opens. The element will depend
14
+ * on your use case (e.g. an input, button etc.).
15
+ */
16
+ default(): unknown;
17
+ };
18
+ refs: {
19
+ dialogRef: HTMLDialogElement;
20
+ };
21
+ attrs: Partial<{}>;
16
22
  };
23
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
24
  declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxDialogProps>, {
18
25
  open: boolean;
19
26
  modal: boolean;
@@ -31,21 +38,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
31
38
  modal: boolean;
32
39
  alert: boolean;
33
40
  }, {}>;
34
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
41
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
35
42
  export default _default;
36
43
  type __VLS_WithDefaults<P, D> = {
37
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
44
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
38
45
  default: D[K];
39
46
  }> : P[K];
40
47
  };
41
- type __VLS_Prettify<T> = {
42
- [K in keyof T]: T[K];
43
- } & {};
44
- type __VLS_WithTemplateSlots<T, S> = T & {
45
- new (): {
46
- $slots: S;
47
- };
48
- };
49
48
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
50
49
  type __VLS_TypePropsToOption<T> = {
51
50
  [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -55,3 +54,11 @@ type __VLS_TypePropsToOption<T> = {
55
54
  required: true;
56
55
  };
57
56
  };
57
+ type __VLS_WithTemplateSlots<T, S> = T & {
58
+ new (): {
59
+ $slots: S;
60
+ };
61
+ };
62
+ type __VLS_PrettifyLocal<T> = {
63
+ [K in keyof T]: T[K];
64
+ } & {};
@@ -1,25 +1,40 @@
1
- declare function __VLS_template(): Readonly<{
2
- /**
3
- * Label / text to display.
4
- */
5
- default(): unknown;
6
- /**
7
- * Optional slot to override the default icon.
8
- */
9
- icon?(): unknown;
10
- }> & {
11
- /**
12
- * Label / text to display.
13
- */
14
- default(): unknown;
15
- /**
16
- * Optional slot to override the default icon.
17
- */
18
- icon?(): unknown;
1
+ import { type DensityProp } from "../../composables/density";
2
+ declare function __VLS_template(): {
3
+ slots: Readonly<{
4
+ /**
5
+ * Label / text to display.
6
+ */
7
+ default(): unknown;
8
+ /**
9
+ * Optional slot to override the default icon.
10
+ */
11
+ icon?(): unknown;
12
+ }> & {
13
+ /**
14
+ * Label / text to display.
15
+ */
16
+ default(): unknown;
17
+ /**
18
+ * Optional slot to override the default icon.
19
+ */
20
+ icon?(): unknown;
21
+ };
22
+ refs: {};
23
+ attrs: Partial<{}>;
19
24
  };
20
- declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
21
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
25
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
26
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<DensityProp>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DensityProp>>>, {}, {}>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
22
28
  export default _default;
29
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
30
+ type __VLS_TypePropsToOption<T> = {
31
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
32
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
33
+ } : {
34
+ type: import('vue').PropType<T[K]>;
35
+ required: true;
36
+ };
37
+ };
23
38
  type __VLS_WithTemplateSlots<T, S> = T & {
24
39
  new (): {
25
40
  $slots: S;
@@ -0,0 +1,56 @@
1
+ import { type FormErrorMessages } from "../../composables/useCustomValidity";
2
+ declare function __VLS_template(): {
3
+ slots: Readonly<{
4
+ /**
5
+ * Any component. Will be wrapped in an OnyxTooltip showing
6
+ * an error message if an error message is set.
7
+ */
8
+ default(): unknown;
9
+ }> & {
10
+ /**
11
+ * Any component. Will be wrapped in an OnyxTooltip showing
12
+ * an error message if an error message is set.
13
+ */
14
+ default(): unknown;
15
+ };
16
+ refs: {
17
+ targetRef: HTMLDivElement;
18
+ };
19
+ attrs: Partial<{}>;
20
+ };
21
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
22
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
23
+ /**
24
+ * The given component will be shown inside a tooltip when
25
+ * errorMessages are provided. Without errorMessages, the
26
+ * component will not be rendered inside a slot.
27
+ */
28
+ errorMessages?: FormErrorMessages;
29
+ /** We don't show an error if the content is not interactive */
30
+ disabled?: boolean;
31
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
32
+ /**
33
+ * The given component will be shown inside a tooltip when
34
+ * errorMessages are provided. Without errorMessages, the
35
+ * component will not be rendered inside a slot.
36
+ */
37
+ errorMessages?: FormErrorMessages;
38
+ /** We don't show an error if the content is not interactive */
39
+ disabled?: boolean;
40
+ }>>>, {}, {}>;
41
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
42
+ export default _default;
43
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
44
+ type __VLS_TypePropsToOption<T> = {
45
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
46
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
47
+ } : {
48
+ type: import('vue').PropType<T[K]>;
49
+ required: true;
50
+ };
51
+ };
52
+ type __VLS_WithTemplateSlots<T, S> = T & {
53
+ new (): {
54
+ $slots: S;
55
+ };
56
+ };
@@ -8,13 +8,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
8
8
  }, {}>;
9
9
  export default _default;
10
10
  type __VLS_WithDefaults<P, D> = {
11
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
11
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
12
12
  default: D[K];
13
13
  }> : P[K];
14
14
  };
15
- type __VLS_Prettify<T> = {
16
- [K in keyof T]: T[K];
17
- } & {};
18
15
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
19
16
  type __VLS_TypePropsToOption<T> = {
20
17
  [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -24,3 +21,6 @@ type __VLS_TypePropsToOption<T> = {
24
21
  required: true;
25
22
  };
26
23
  };
24
+ type __VLS_PrettifyLocal<T> = {
25
+ [K in keyof T]: T[K];
26
+ } & {};
@@ -0,0 +1,11 @@
1
+ import type { MountResultJsx } from "@playwright/experimental-ct-vue";
2
+ import { type Locator, type Page } from "@playwright/test";
3
+ type PageOrLocator = Page | Locator | MountResultJsx;
4
+ type FormElementTooltip = "label" | "error" | "message";
5
+ export declare const createFormElementUtils: (page: PageOrLocator) => {
6
+ getRoot: (prev?: PageOrLocator) => Locator;
7
+ getTooltipTrigger: (type: FormElementTooltip, prev?: PageOrLocator) => Locator;
8
+ getTooltipPopover: (type: FormElementTooltip, prev?: PageOrLocator) => Locator;
9
+ triggerTooltipVisible: (type: FormElementTooltip, prev?: PageOrLocator) => Promise<void>;
10
+ };
11
+ export {};