@porsche-design-system/components-vue 3.0.0-rc.0 → 3.0.0-rc.2

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 (67) hide show
  1. package/CHANGELOG.md +87 -25
  2. package/PorscheDesignSystemProvider.vue.d.ts +11 -3
  3. package/lib/components/AccordionWrapper.vue.d.ts +24 -41
  4. package/lib/components/BannerWrapper.vue.d.ts +25 -50
  5. package/lib/components/ButtonGroupWrapper.vue.d.ts +17 -13
  6. package/lib/components/ButtonPureWrapper.vue.d.ts +35 -80
  7. package/lib/components/ButtonTileWrapper.vue.d.ts +34 -82
  8. package/lib/components/ButtonWrapper.vue.d.ts +29 -57
  9. package/lib/components/CarouselWrapper.vue.d.ts +32 -74
  10. package/lib/components/CheckboxWrapperWrapper.vue.d.ts +29 -34
  11. package/lib/components/CheckboxWrapperWrapper.vue.js +6 -5
  12. package/lib/components/ContentWrapperWrapper.vue.d.ts +22 -28
  13. package/lib/components/CrestWrapper.vue.d.ts +15 -23
  14. package/lib/components/DisplayWrapper.vue.d.ts +26 -42
  15. package/lib/components/DividerWrapper.vue.d.ts +18 -30
  16. package/lib/components/FieldsetWrapper.vue.d.ts +24 -40
  17. package/lib/components/FieldsetWrapperWrapper.vue.d.ts +25 -41
  18. package/lib/components/FlexItemWrapper.vue.d.ts +28 -44
  19. package/lib/components/FlexWrapper.vue.d.ts +28 -44
  20. package/lib/components/GridItemWrapper.vue.d.ts +20 -20
  21. package/lib/components/GridWrapper.vue.d.ts +22 -27
  22. package/lib/components/HeadingWrapper.vue.d.ts +26 -42
  23. package/lib/components/HeadlineWrapper.vue.d.ts +26 -42
  24. package/lib/components/IconWrapper.vue.d.ts +22 -50
  25. package/lib/components/IconWrapper.vue.js +8 -8
  26. package/lib/components/InlineNotificationWrapper.vue.d.ts +27 -56
  27. package/lib/components/LinkPureWrapper.vue.d.ts +37 -90
  28. package/lib/components/LinkSocialWrapper.vue.d.ts +25 -45
  29. package/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +26 -46
  30. package/lib/components/LinkTileWrapper.vue.d.ts +31 -75
  31. package/lib/components/LinkWrapper.vue.d.ts +30 -62
  32. package/lib/components/MarqueWrapper.vue.d.ts +19 -35
  33. package/lib/components/ModalWrapper.vue.d.ts +22 -43
  34. package/lib/components/ModelSignatureWrapper.vue.d.ts +18 -30
  35. package/lib/components/PaginationWrapper.vue.d.ts +22 -59
  36. package/lib/components/PopoverWrapper.vue.d.ts +22 -30
  37. package/lib/components/RadioButtonWrapperWrapper.vue.d.ts +22 -34
  38. package/lib/components/ScrollerWrapper.vue.d.ts +33 -49
  39. package/lib/components/ScrollerWrapper.vue.js +4 -3
  40. package/lib/components/SegmentedControlItemWrapper.vue.d.ts +20 -31
  41. package/lib/components/SegmentedControlWrapper.vue.d.ts +20 -25
  42. package/lib/components/SelectWrapperWrapper.vue.d.ts +27 -55
  43. package/lib/components/SpinnerWrapper.vue.d.ts +16 -24
  44. package/lib/components/StepperHorizontalItemWrapper.vue.d.ts +18 -17
  45. package/lib/components/StepperHorizontalWrapper.vue.d.ts +19 -17
  46. package/lib/components/SwitchWrapper.vue.d.ts +24 -45
  47. package/lib/components/TableBodyWrapper.vue.d.ts +6 -1
  48. package/lib/components/TableCellWrapper.vue.d.ts +16 -12
  49. package/lib/components/TableHeadCellWrapper.vue.d.ts +18 -22
  50. package/lib/components/TableHeadRowWrapper.vue.d.ts +6 -1
  51. package/lib/components/TableHeadWrapper.vue.d.ts +6 -1
  52. package/lib/components/TableRowWrapper.vue.d.ts +6 -1
  53. package/lib/components/TableWrapper.vue.d.ts +18 -19
  54. package/lib/components/TabsBarWrapper.vue.d.ts +25 -42
  55. package/lib/components/TabsItemWrapper.vue.d.ts +9 -8
  56. package/lib/components/TabsWrapper.vue.d.ts +26 -43
  57. package/lib/components/TagDismissibleWrapper.vue.d.ts +22 -30
  58. package/lib/components/TagWrapper.vue.d.ts +22 -30
  59. package/lib/components/TextFieldWrapperWrapper.vue.d.ts +31 -71
  60. package/lib/components/TextListItemWrapper.vue.d.ts +6 -1
  61. package/lib/components/TextListWrapper.vue.d.ts +22 -30
  62. package/lib/components/TextWrapper.vue.d.ts +28 -48
  63. package/lib/components/TextareaWrapperWrapper.vue.d.ts +25 -49
  64. package/lib/components/ToastWrapper.vue.d.ts +12 -12
  65. package/lib/components/WordmarkWrapper.vue.d.ts +19 -35
  66. package/lib/types.d.ts +219 -191
  67. package/package.json +2 -2
@@ -1,67 +1,69 @@
1
- import type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ /** __vue_virtual_code_placeholder */
2
+ import type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';
3
+ type PLinkPureProps = {
3
4
  /**
4
5
  * Display link in active state.
5
6
  */
6
- active?: boolean | undefined;
7
+ active?: boolean;
7
8
  /**
8
9
  * Aligns the label.
9
10
  */
10
- alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
11
+ alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
11
12
  /**
12
13
  * Add ARIA attributes.
13
14
  */
14
- aria?: SelectedAriaAttributes<"aria-label"> | undefined;
15
+ aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
15
16
  /**
16
17
  * Special download attribute to open native browser download dialog if target url points to a downloadable file.
17
18
  */
18
- download?: string | undefined;
19
+ download?: string;
19
20
  /**
20
21
  * Show or hide label. For better accessibility it is recommended to show the label.
21
22
  */
22
- hideLabel?: BreakpointCustomizable<boolean> | undefined;
23
+ hideLabel?: BreakpointCustomizable<boolean>;
23
24
  /**
24
25
  * When providing an url then the component will be rendered as `<a>`.
25
26
  */
26
- href?: string | undefined;
27
+ href?: string;
27
28
  /**
28
29
  * The icon shown. By choosing 'none', no icon is displayed
29
30
  */
30
- icon?: import("../types").LinkButtonIconName | undefined;
31
+ icon?: LinkPureIcon;
31
32
  /**
32
33
  * A URL path to a custom icon.
33
34
  */
34
- iconSource?: string | undefined;
35
+ iconSource?: string;
35
36
  /**
36
37
  * Specifies the relationship of the target object to the link object.
37
38
  */
38
- rel?: string | undefined;
39
+ rel?: string;
39
40
  /**
40
41
  * Size of the link.
41
42
  */
42
- size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
43
+ size?: BreakpointCustomizable<LinkPureSize>;
43
44
  /**
44
45
  * Stretches the area between icon and label to max available space.
45
46
  */
46
- stretch?: BreakpointCustomizable<boolean> | undefined;
47
+ stretch?: BreakpointCustomizable<boolean>;
47
48
  /**
48
49
  * Target attribute where the link should be opened.
49
50
  */
50
- target?: string | undefined;
51
+ target?: LinkPureTarget;
51
52
  /**
52
53
  * Adapts the button color depending on the theme.
53
54
  */
54
- theme?: "light" | "dark" | undefined;
55
+ theme?: Theme;
55
56
  /**
56
57
  * Shows an underline under the label.
57
58
  */
58
- underline?: boolean | undefined;
59
+ underline?: boolean;
59
60
  /**
60
61
  * The weight of the text (only has effect with visible label).
61
62
  * @deprecated since v3.0.0, will be removed with next major release
62
63
  */
63
- weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
64
- }>, {
64
+ weight?: LinkPureWeight;
65
+ };
66
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkPureProps>, {
65
67
  active: boolean;
66
68
  alignLabel: string;
67
69
  hideLabel: boolean;
@@ -72,69 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
72
74
  theme: string;
73
75
  underline: boolean;
74
76
  weight: string;
75
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
76
- /**
77
- * Display link in active state.
78
- */
79
- active?: boolean | undefined;
80
- /**
81
- * Aligns the label.
82
- */
83
- alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
84
- /**
85
- * Add ARIA attributes.
86
- */
87
- aria?: SelectedAriaAttributes<"aria-label"> | undefined;
88
- /**
89
- * Special download attribute to open native browser download dialog if target url points to a downloadable file.
90
- */
91
- download?: string | undefined;
92
- /**
93
- * Show or hide label. For better accessibility it is recommended to show the label.
94
- */
95
- hideLabel?: BreakpointCustomizable<boolean> | undefined;
96
- /**
97
- * When providing an url then the component will be rendered as `<a>`.
98
- */
99
- href?: string | undefined;
100
- /**
101
- * The icon shown. By choosing 'none', no icon is displayed
102
- */
103
- icon?: import("../types").LinkButtonIconName | undefined;
104
- /**
105
- * A URL path to a custom icon.
106
- */
107
- iconSource?: string | undefined;
108
- /**
109
- * Specifies the relationship of the target object to the link object.
110
- */
111
- rel?: string | undefined;
112
- /**
113
- * Size of the link.
114
- */
115
- size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
116
- /**
117
- * Stretches the area between icon and label to max available space.
118
- */
119
- stretch?: BreakpointCustomizable<boolean> | undefined;
120
- /**
121
- * Target attribute where the link should be opened.
122
- */
123
- target?: string | undefined;
124
- /**
125
- * Adapts the button color depending on the theme.
126
- */
127
- theme?: "light" | "dark" | undefined;
128
- /**
129
- * Shows an underline under the label.
130
- */
131
- underline?: boolean | undefined;
132
- /**
133
- * The weight of the text (only has effect with visible label).
134
- * @deprecated since v3.0.0, will be removed with next major release
135
- */
136
- weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
137
- }>, {
77
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkPureProps>, {
138
78
  active: boolean;
139
79
  alignLabel: string;
140
80
  hideLabel: boolean;
@@ -146,18 +86,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
146
86
  underline: boolean;
147
87
  weight: string;
148
88
  }>>>, {
149
- weight: LinkPureWeight;
89
+ weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
150
90
  stretch: BreakpointCustomizable<boolean>;
151
- size: BreakpointCustomizable<LinkPureSize>;
152
- theme: Theme;
91
+ size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
92
+ theme: "light" | "dark";
153
93
  active: boolean;
154
- alignLabel: BreakpointCustomizable<LinkPureAlignLabel>;
94
+ alignLabel: BreakpointCustomizable<"left" | "right">;
155
95
  hideLabel: BreakpointCustomizable<boolean>;
156
- icon: LinkPureIcon;
157
- target: LinkPureTarget;
96
+ icon: import("../types").LinkButtonIconName;
97
+ target: string;
158
98
  underline: boolean;
159
99
  }>, {
160
- default: (_: {}) => any;
100
+ default?(_: {}): any;
161
101
  }>;
162
102
  export default _default;
163
103
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -170,12 +110,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
170
110
  };
171
111
  };
172
112
  type __VLS_WithDefaults<P, D> = {
173
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
113
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
174
114
  default: D[K];
175
- } : P[K];
115
+ }> : P[K];
176
116
  };
177
117
  type __VLS_WithTemplateSlots<T, S> = T & {
178
118
  new (): {
179
119
  $slots: S;
120
+ $props: __VLS_PropsChildren<S>;
180
121
  };
181
122
  };
123
+ type __VLS_PropsChildren<S> = {
124
+ [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
125
+ };
126
+ type __VLS_Prettify<T> = {
127
+ [K in keyof T]: T[K];
128
+ } & {};
@@ -1,77 +1,50 @@
1
+ /** __vue_virtual_code_placeholder */
1
2
  import type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } from '../types';
2
- /** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
3
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ type PLinkSocialProps = {
4
4
  /**
5
5
  * Show or hide label.
6
6
  */
7
- hideLabel?: BreakpointCustomizable<boolean> | undefined;
7
+ hideLabel?: BreakpointCustomizable<boolean>;
8
8
  /**
9
9
  * When providing an url then the component will be rendered as `<a>`.
10
10
  */
11
- href?: string | undefined;
11
+ href?: string;
12
12
  /**
13
13
  * The icon shown.
14
14
  */
15
- icon?: LinkSocialIcon | undefined;
15
+ icon?: LinkSocialIcon;
16
16
  /**
17
17
  * A URL path to a custom icon.
18
18
  */
19
- iconSource?: string | undefined;
19
+ iconSource?: string;
20
20
  /**
21
21
  * Specifies the relationship of the target object to the link object.
22
22
  */
23
- rel?: string | undefined;
23
+ rel?: string;
24
24
  /**
25
25
  * Target attribute where the link should be opened.
26
26
  */
27
- target?: string | undefined;
27
+ target?: LinkSocialTarget;
28
28
  /**
29
29
  * Adapts the link color when used on dark background.
30
30
  */
31
- theme?: "light" | "dark" | undefined;
32
- }>, {
31
+ theme?: Theme;
32
+ };
33
+ /** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
34
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkSocialProps>, {
33
35
  hideLabel: boolean;
34
36
  target: string;
35
37
  theme: string;
36
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
37
- /**
38
- * Show or hide label.
39
- */
40
- hideLabel?: BreakpointCustomizable<boolean> | undefined;
41
- /**
42
- * When providing an url then the component will be rendered as `<a>`.
43
- */
44
- href?: string | undefined;
45
- /**
46
- * The icon shown.
47
- */
48
- icon?: LinkSocialIcon | undefined;
49
- /**
50
- * A URL path to a custom icon.
51
- */
52
- iconSource?: string | undefined;
53
- /**
54
- * Specifies the relationship of the target object to the link object.
55
- */
56
- rel?: string | undefined;
57
- /**
58
- * Target attribute where the link should be opened.
59
- */
60
- target?: string | undefined;
61
- /**
62
- * Adapts the link color when used on dark background.
63
- */
64
- theme?: "light" | "dark" | undefined;
65
- }>, {
38
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkSocialProps>, {
66
39
  hideLabel: boolean;
67
40
  target: string;
68
41
  theme: string;
69
42
  }>>>, {
70
- theme: Theme;
43
+ theme: "light" | "dark";
71
44
  hideLabel: BreakpointCustomizable<boolean>;
72
- target: LinkSocialTarget;
45
+ target: string;
73
46
  }>, {
74
- default: (_: {}) => any;
47
+ default?(_: {}): any;
75
48
  }>;
76
49
  export default _default;
77
50
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -84,12 +57,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
84
57
  };
85
58
  };
86
59
  type __VLS_WithDefaults<P, D> = {
87
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
60
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
88
61
  default: D[K];
89
- } : P[K];
62
+ }> : P[K];
90
63
  };
91
64
  type __VLS_WithTemplateSlots<T, S> = T & {
92
65
  new (): {
93
66
  $slots: S;
67
+ $props: __VLS_PropsChildren<S>;
94
68
  };
95
69
  };
70
+ type __VLS_PropsChildren<S> = {
71
+ [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
72
+ };
73
+ type __VLS_Prettify<T> = {
74
+ [K in keyof T]: T[K];
75
+ } & {};
@@ -1,13 +1,14 @@
1
+ /** __vue_virtual_code_placeholder */
1
2
  import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ type PLinkTileModelSignatureProps = {
3
4
  /**
4
5
  * Aspect ratio of the link-tile-model-signature.
5
6
  */
6
- aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
7
+ aspectRatio?: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
7
8
  /**
8
9
  * Description text.
9
10
  */
10
- description?: string | undefined;
11
+ description?: string;
11
12
  /**
12
13
  * Heading text.
13
14
  */
@@ -15,20 +16,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
15
16
  /**
16
17
  * Sets a custom headline tag which wraps the heading to enhance semantics.
17
18
  */
18
- headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
19
+ headingTag?: LinkTileModelSignatureHeadingTag;
19
20
  /**
20
21
  * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
21
22
  */
22
- linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
23
+ linkDirection?: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
23
24
  /**
24
25
  * Adapts the model of the component.
25
26
  */
26
- model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
27
+ model?: LinkTileModelSignatureModel;
27
28
  /**
28
29
  * Adapts the font weight of the heading.
29
30
  */
30
- weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
31
- }>, {
31
+ weight?: BreakpointCustomizable<LinkTileModelSignatureWeight>;
32
+ };
33
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileModelSignatureProps>, {
32
34
  aspectRatio: string;
33
35
  headingTag: string;
34
36
  linkDirection: () => {
@@ -37,36 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
39
  };
38
40
  model: string;
39
41
  weight: string;
40
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
41
- /**
42
- * Aspect ratio of the link-tile-model-signature.
43
- */
44
- aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
45
- /**
46
- * Description text.
47
- */
48
- description?: string | undefined;
49
- /**
50
- * Heading text.
51
- */
52
- heading: string;
53
- /**
54
- * Sets a custom headline tag which wraps the heading to enhance semantics.
55
- */
56
- headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
57
- /**
58
- * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
59
- */
60
- linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
61
- /**
62
- * Adapts the model of the component.
63
- */
64
- model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
65
- /**
66
- * Adapts the font weight of the heading.
67
- */
68
- weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
69
- }>, {
42
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileModelSignatureProps>, {
70
43
  aspectRatio: string;
71
44
  headingTag: string;
72
45
  linkDirection: () => {
@@ -76,13 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
76
49
  model: string;
77
50
  weight: string;
78
51
  }>>>, {
79
- weight: BreakpointCustomizable<LinkTileModelSignatureWeight>;
80
- aspectRatio: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
81
- headingTag: LinkTileModelSignatureHeadingTag;
82
- linkDirection: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
83
- model: LinkTileModelSignatureModel;
52
+ weight: BreakpointCustomizable<"regular" | "semi-bold">;
53
+ aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
54
+ headingTag: "h2" | "h3" | "h4" | "h5" | "h6";
55
+ linkDirection: BreakpointCustomizable<"row" | "column">;
56
+ model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
84
57
  }>, {
85
- default: (_: {}) => any;
58
+ default?(_: {}): any;
86
59
  }>;
87
60
  export default _default;
88
61
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -95,12 +68,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
95
68
  };
96
69
  };
97
70
  type __VLS_WithDefaults<P, D> = {
98
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
71
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
99
72
  default: D[K];
100
- } : P[K];
73
+ }> : P[K];
101
74
  };
102
75
  type __VLS_WithTemplateSlots<T, S> = T & {
103
76
  new (): {
104
77
  $slots: S;
78
+ $props: __VLS_PropsChildren<S>;
105
79
  };
106
80
  };
81
+ type __VLS_PropsChildren<S> = {
82
+ [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
83
+ };
84
+ type __VLS_Prettify<T> = {
85
+ [K in keyof T]: T[K];
86
+ } & {};
@@ -1,21 +1,22 @@
1
- import type { LinkTileAlign, SelectedAriaAttributes, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ /** __vue_virtual_code_placeholder */
2
+ import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
3
+ type PLinkTileProps = {
3
4
  /**
4
5
  * Alignment of link and description.
5
6
  */
6
- align?: "top" | "bottom" | undefined;
7
+ align?: LinkTileAlign;
7
8
  /**
8
9
  * Add ARIA attributes.
9
10
  */
10
- aria?: SelectedAriaAttributes<"aria-label"> | undefined;
11
+ aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
11
12
  /**
12
13
  * Aspect ratio of the link-tile.
13
14
  */
14
- aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
15
+ aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
15
16
  /**
16
17
  * Displays the link-tile as compact version with description and link icon only.
17
18
  */
18
- compact?: BreakpointCustomizable<boolean> | undefined;
19
+ compact?: BreakpointCustomizable<boolean>;
19
20
  /**
20
21
  * Description text.
21
22
  */
@@ -23,11 +24,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
23
24
  /**
24
25
  * Special download attribute to open native browser download dialog if target url points to a downloadable file.
25
26
  */
26
- download?: string | undefined;
27
+ download?: string;
27
28
  /**
28
29
  * Show gradient.
29
30
  */
30
- gradient?: boolean | undefined;
31
+ gradient?: boolean;
31
32
  /**
32
33
  * href of the `<a>`.
33
34
  */
@@ -39,20 +40,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
39
40
  /**
40
41
  * Specifies the relationship of the target object to the link object.
41
42
  */
42
- rel?: string | undefined;
43
+ rel?: string;
43
44
  /**
44
45
  * Font size of the description.
45
46
  */
46
- size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
47
+ size?: BreakpointCustomizable<LinkTileSize>;
47
48
  /**
48
49
  * Target attribute where the link should be opened.
49
50
  */
50
- target?: string | undefined;
51
+ target?: LinkTileTarget;
51
52
  /**
52
53
  * Font weight of the description.
53
54
  */
54
- weight?: BreakpointCustomizable<"regular" | "semi-bold" | "semibold"> | undefined;
55
- }>, {
55
+ weight?: BreakpointCustomizable<LinkTileWeight>;
56
+ };
57
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProps>, {
56
58
  align: string;
57
59
  aspectRatio: string;
58
60
  compact: boolean;
@@ -60,60 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
60
62
  size: string;
61
63
  target: string;
62
64
  weight: string;
63
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
64
- /**
65
- * Alignment of link and description.
66
- */
67
- align?: "top" | "bottom" | undefined;
68
- /**
69
- * Add ARIA attributes.
70
- */
71
- aria?: SelectedAriaAttributes<"aria-label"> | undefined;
72
- /**
73
- * Aspect ratio of the link-tile.
74
- */
75
- aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
76
- /**
77
- * Displays the link-tile as compact version with description and link icon only.
78
- */
79
- compact?: BreakpointCustomizable<boolean> | undefined;
80
- /**
81
- * Description text.
82
- */
83
- description: string;
84
- /**
85
- * Special download attribute to open native browser download dialog if target url points to a downloadable file.
86
- */
87
- download?: string | undefined;
88
- /**
89
- * Show gradient.
90
- */
91
- gradient?: boolean | undefined;
92
- /**
93
- * href of the `<a>`.
94
- */
95
- href: string;
96
- /**
97
- * Label of the <a />.
98
- */
99
- label: string;
100
- /**
101
- * Specifies the relationship of the target object to the link object.
102
- */
103
- rel?: string | undefined;
104
- /**
105
- * Font size of the description.
106
- */
107
- size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
108
- /**
109
- * Target attribute where the link should be opened.
110
- */
111
- target?: string | undefined;
112
- /**
113
- * Font weight of the description.
114
- */
115
- weight?: BreakpointCustomizable<"regular" | "semi-bold" | "semibold"> | undefined;
116
- }>, {
65
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProps>, {
117
66
  align: string;
118
67
  aspectRatio: string;
119
68
  compact: boolean;
@@ -122,15 +71,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
122
71
  target: string;
123
72
  weight: string;
124
73
  }>>>, {
125
- weight: BreakpointCustomizable<LinkTileWeight>;
74
+ weight: BreakpointCustomizable<"regular" | "semi-bold" | "semibold">;
126
75
  compact: BreakpointCustomizable<boolean>;
127
- size: BreakpointCustomizable<LinkTileSize>;
128
- align: LinkTileAlign;
129
- aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
76
+ size: BreakpointCustomizable<"default" | "inherit">;
77
+ align: "top" | "bottom";
78
+ aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
130
79
  gradient: boolean;
131
- target: LinkTileTarget;
80
+ target: string;
132
81
  }>, {
133
- default: (_: {}) => any;
82
+ default?(_: {}): any;
134
83
  }>;
135
84
  export default _default;
136
85
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -143,12 +92,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
143
92
  };
144
93
  };
145
94
  type __VLS_WithDefaults<P, D> = {
146
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
95
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
147
96
  default: D[K];
148
- } : P[K];
97
+ }> : P[K];
149
98
  };
150
99
  type __VLS_WithTemplateSlots<T, S> = T & {
151
100
  new (): {
152
101
  $slots: S;
102
+ $props: __VLS_PropsChildren<S>;
153
103
  };
154
104
  };
105
+ type __VLS_PropsChildren<S> = {
106
+ [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
107
+ };
108
+ type __VLS_Prettify<T> = {
109
+ [K in keyof T]: T[K];
110
+ } & {};