@porsche-design-system/components-vue 3.2.0 → 3.3.0-rc.0

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 (60) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/PorscheDesignSystemProvider.vue.d.ts +11 -26
  3. package/lib/components/AccordionWrapper.vue.d.ts +47 -54
  4. package/lib/components/BannerWrapper.vue.d.ts +66 -69
  5. package/lib/components/ButtonGroupWrapper.vue.d.ts +16 -33
  6. package/lib/components/ButtonPureWrapper.vue.d.ts +104 -98
  7. package/lib/components/ButtonTileWrapper.vue.d.ts +112 -99
  8. package/lib/components/ButtonWrapper.vue.d.ts +72 -73
  9. package/lib/components/CarouselWrapper.vue.d.ts +97 -91
  10. package/lib/components/CheckboxWrapperWrapper.vue.d.ts +52 -59
  11. package/lib/components/ContentWrapperWrapper.vue.d.ts +27 -43
  12. package/lib/components/CrestWrapper.vue.d.ts +24 -37
  13. package/lib/components/DisplayWrapper.vue.d.ts +50 -57
  14. package/lib/components/DividerWrapper.vue.d.ts +34 -45
  15. package/lib/components/FieldsetWrapper.vue.d.ts +51 -59
  16. package/lib/components/FieldsetWrapperWrapper.vue.d.ts +51 -59
  17. package/lib/components/FlexItemWrapper.vue.d.ts +52 -59
  18. package/lib/components/FlexWrapper.vue.d.ts +52 -59
  19. package/lib/components/FlyoutWrapper.vue.d.ts +37 -46
  20. package/lib/components/GridItemWrapper.vue.d.ts +20 -35
  21. package/lib/components/GridWrapper.vue.d.ts +34 -48
  22. package/lib/components/HeadingWrapper.vue.d.ts +50 -57
  23. package/lib/components/HeadlineWrapper.vue.d.ts +50 -57
  24. package/lib/components/IconWrapper.vue.d.ts +54 -60
  25. package/lib/components/InlineNotificationWrapper.vue.d.ts +72 -74
  26. package/lib/components/LinkPureWrapper.vue.d.ts +114 -104
  27. package/lib/components/LinkSocialWrapper.vue.d.ts +52 -57
  28. package/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +62 -65
  29. package/lib/components/LinkTileWrapper.vue.d.ts +102 -89
  30. package/lib/components/LinkWrapper.vue.d.ts +74 -73
  31. package/lib/components/MarqueWrapper.vue.d.ts +48 -55
  32. package/lib/components/ModalWrapper.vue.d.ts +57 -60
  33. package/lib/components/ModelSignatureWrapper.vue.d.ts +35 -47
  34. package/lib/components/PaginationWrapper.vue.d.ts +101 -94
  35. package/lib/components/PopoverWrapper.vue.d.ts +32 -43
  36. package/lib/components/RadioButtonWrapperWrapper.vue.d.ts +44 -53
  37. package/lib/components/ScrollerWrapper.vue.d.ts +60 -63
  38. package/lib/components/SegmentedControlItemWrapper.vue.d.ts +37 -45
  39. package/lib/components/SegmentedControlWrapper.vue.d.ts +25 -38
  40. package/lib/components/SelectWrapperWrapper.vue.d.ts +76 -77
  41. package/lib/components/SpinnerWrapper.vue.d.ts +26 -39
  42. package/lib/components/StepperHorizontalItemWrapper.vue.d.ts +17 -33
  43. package/lib/components/StepperHorizontalWrapper.vue.d.ts +21 -33
  44. package/lib/components/SwitchWrapper.vue.d.ts +61 -66
  45. package/lib/components/TableCellWrapper.vue.d.ts +11 -28
  46. package/lib/components/TableHeadCellWrapper.vue.d.ts +25 -38
  47. package/lib/components/TableWrapper.vue.d.ts +18 -34
  48. package/lib/components/TabsBarWrapper.vue.d.ts +49 -56
  49. package/lib/components/TabsItemWrapper.vue.d.ts +11 -16
  50. package/lib/components/TabsWrapper.vue.d.ts +51 -58
  51. package/lib/components/TagDismissibleWrapper.vue.d.ts +32 -43
  52. package/lib/components/TagWrapper.vue.d.ts +31 -43
  53. package/lib/components/TextFieldWrapperWrapper.vue.d.ts +105 -98
  54. package/lib/components/TextListWrapper.vue.d.ts +31 -43
  55. package/lib/components/TextWrapper.vue.d.ts +60 -65
  56. package/lib/components/TextareaWrapperWrapper.vue.d.ts +66 -69
  57. package/lib/components/ToastWrapper.vue.d.ts +11 -29
  58. package/lib/components/WordmarkWrapper.vue.d.ts +40 -49
  59. package/lib/types.d.ts +27 -2
  60. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -14,6 +14,40 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
14
14
 
15
15
  ### [Unreleased]
16
16
 
17
+ ### [3.3.0-rc.0] - 2023-07-06
18
+
19
+ #### Added
20
+
21
+ - `Tabs` and `Tabs Bar` support SSR ([#2611](https://github.com/porsche-design-system/porsche-design-system/pull/2611))
22
+ - Contents of `Tag` component can now be wrapped in multiple lines
23
+ ([#2625](https://github.com/porsche-design-system/porsche-design-system/pull/2625))
24
+ - `Carousel`: Possibility to set custom border-radius of slide items
25
+ ([#2645](https://github.com/porsche-design-system/porsche-design-system/pull/2645))
26
+ - native lazy loading attribute to `img` tag of `Icon`
27
+ ([#2644](https://github.com/porsche-design-system/porsche-design-system/pull/2644))
28
+
29
+ #### Fixed
30
+
31
+ - `Stepper Horizontal` navigation between 2 pages is not working as expected in angular
32
+ ([#2641](https://github.com/porsche-design-system/porsche-design-system/pull/2641))
33
+ - `Segmented Control` text is not centered / causing unintended line-breaks
34
+ ([#2614](https://github.com/porsche-design-system/porsche-design-system/pull/2614))
35
+ - `jsdom-polyfill` fixes validation errors in unit tests during SSR hydration
36
+ ([#2613](https://github.com/porsche-design-system/porsche-design-system/pull/2613))
37
+ - `Accordion` collapsable content is overflowing when used with multiple prefixes
38
+ ([#2612](https://github.com/porsche-design-system/porsche-design-system/pull/2612))
39
+ - `Tabs Bar` position of underline for fluid font-size with `size="medium` when resizing
40
+ ([#2611](https://github.com/porsche-design-system/porsche-design-system/pull/2611))
41
+ - `Button Pure`, `Link Pure`: `:hover` bug on Firefox
42
+ ([#2630](https://github.com/porsche-design-system/porsche-design-system/pull/2630))
43
+ - `Carousel`: Removed `overflow:hidden` of slide items
44
+ ([#2645](https://github.com/porsche-design-system/porsche-design-system/pull/2645))
45
+
46
+ #### Changed
47
+
48
+ - Improved bootstrapping behaviour of `Icon`
49
+ ([#2644](https://github.com/porsche-design-system/porsche-design-system/pull/2644))
50
+
17
51
  ### [3.2.0] - 2023-06-19
18
52
 
19
53
  ### [3.2.0-rc.0] - 2023-06-19
@@ -1,36 +1,21 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- prefix?: string | undefined;
3
- }>, {
4
- prefix: string;
5
- }>, {}, 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<{
6
- prefix?: string | undefined;
7
- }>, {
8
- prefix: string;
9
- }>>>, {
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ prefix: {
3
+ type: import("vue").PropType<string>;
4
+ default: string;
5
+ };
6
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
7
+ prefix: {
8
+ type: import("vue").PropType<string>;
9
+ default: string;
10
+ };
11
+ }>>, {
10
12
  prefix: string;
11
13
  }, {}>, {
12
14
  default?(_: {}): any;
13
15
  }>;
14
16
  export default _default;
15
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
16
- type __VLS_TypePropsToRuntimeProps<T> = {
17
- [K in keyof T]-?: {} extends Pick<T, K> ? {
18
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
19
- } : {
20
- type: import('vue').PropType<T[K]>;
21
- required: true;
22
- };
23
- };
24
- type __VLS_WithDefaults<P, D> = {
25
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
26
- default: D[K];
27
- }> : P[K];
28
- };
29
17
  type __VLS_WithTemplateSlots<T, S> = T & {
30
18
  new (): {
31
19
  $slots: S;
32
20
  };
33
21
  };
34
- type __VLS_Prettify<T> = {
35
- [K in keyof T]: T[K];
36
- } & {};
@@ -1,42 +1,52 @@
1
- import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
2
- type PAccordionProps = {
3
- /**
4
- * Displays the Accordion as compact version with thinner border and smaller paddings.
5
- */
6
- compact?: boolean;
7
- /**
8
- * Defines the heading used in accordion.
9
- */
10
- heading?: string;
11
- /**
12
- * Defines if accordion is open.
13
- */
14
- open?: boolean;
15
- /**
16
- * The text size.
17
- */
18
- size?: BreakpointCustomizable<AccordionSize>;
19
- /**
20
- * Sets a headline tag, so it fits correctly within the outline of the page.
21
- */
22
- tag?: AccordionTag;
23
- /**
24
- * Adapts the color when used on dark background.
25
- */
26
- theme?: Theme;
27
- };
28
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PAccordionProps>, {
29
- size: string;
30
- tag: string;
31
- theme: string;
32
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1
+ import type { AccordionUpdateEvent, BreakpointCustomizable } from '../types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
+ heading: {
4
+ type: import("vue").PropType<string>;
5
+ };
6
+ compact: {
7
+ type: import("vue").PropType<boolean>;
8
+ };
9
+ open: {
10
+ type: import("vue").PropType<boolean>;
11
+ };
12
+ size: {
13
+ type: import("vue").PropType<BreakpointCustomizable<"small" | "medium">>;
14
+ default: string;
15
+ };
16
+ tag: {
17
+ type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
18
+ default: string;
19
+ };
20
+ theme: {
21
+ type: import("vue").PropType<"light" | "dark">;
22
+ default: string;
23
+ };
24
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
25
  accordionChange: (value: AccordionUpdateEvent) => void;
34
26
  update: (value: AccordionUpdateEvent) => void;
35
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PAccordionProps>, {
36
- size: string;
37
- tag: string;
38
- theme: string;
39
- }>>> & {
27
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
28
+ heading: {
29
+ type: import("vue").PropType<string>;
30
+ };
31
+ compact: {
32
+ type: import("vue").PropType<boolean>;
33
+ };
34
+ open: {
35
+ type: import("vue").PropType<boolean>;
36
+ };
37
+ size: {
38
+ type: import("vue").PropType<BreakpointCustomizable<"small" | "medium">>;
39
+ default: string;
40
+ };
41
+ tag: {
42
+ type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
43
+ default: string;
44
+ };
45
+ theme: {
46
+ type: import("vue").PropType<"light" | "dark">;
47
+ default: string;
48
+ };
49
+ }>> & {
40
50
  onAccordionChange?: ((value: AccordionUpdateEvent) => any) | undefined;
41
51
  onUpdate?: ((value: AccordionUpdateEvent) => any) | undefined;
42
52
  }, {
@@ -47,25 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
47
57
  default?(_: {}): any;
48
58
  }>;
49
59
  export default _default;
50
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
51
- type __VLS_TypePropsToRuntimeProps<T> = {
52
- [K in keyof T]-?: {} extends Pick<T, K> ? {
53
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
54
- } : {
55
- type: import('vue').PropType<T[K]>;
56
- required: true;
57
- };
58
- };
59
- type __VLS_WithDefaults<P, D> = {
60
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
61
- default: D[K];
62
- }> : P[K];
63
- };
64
60
  type __VLS_WithTemplateSlots<T, S> = T & {
65
61
  new (): {
66
62
  $slots: S;
67
63
  };
68
64
  };
69
- type __VLS_Prettify<T> = {
70
- [K in keyof T]: T[K];
71
- } & {};
@@ -1,56 +1,70 @@
1
- import type { BannerState, Theme, BannerWidth } from '../types';
2
- type PBannerProps = {
3
- /**
4
- * Description of the banner.
5
- */
6
- description?: string;
7
- /**
8
- * If false, the banner will not have a dismiss button.
9
- */
10
- dismissButton?: boolean;
11
- /**
12
- * Heading of the banner.
13
- */
14
- heading?: string;
15
- /**
16
- * If true, the banner is open.
17
- */
18
- open: boolean;
19
- /**
20
- * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
21
- */
22
- persistent?: boolean;
23
- /**
24
- * State of the banner.
25
- */
26
- state?: BannerState;
27
- /**
28
- * Adapts the banner color depending on the theme.
29
- */
30
- theme?: Theme;
31
- /**
32
- * Has no effect anymore
33
- * @deprecated since v3.0.0, will be removed with next major release
34
- */
35
- width?: BannerWidth;
36
- };
37
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PBannerProps>, {
38
- description: string;
39
- dismissButton: boolean;
40
- heading: string;
41
- open: boolean;
42
- state: string;
43
- theme: string;
44
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ heading: {
3
+ type: import("vue").PropType<string>;
4
+ default: string;
5
+ };
6
+ open: {
7
+ type: import("vue").PropType<boolean>;
8
+ required: true;
9
+ default: boolean;
10
+ };
11
+ theme: {
12
+ type: import("vue").PropType<"light" | "dark">;
13
+ default: string;
14
+ };
15
+ description: {
16
+ type: import("vue").PropType<string>;
17
+ default: string;
18
+ };
19
+ dismissButton: {
20
+ type: import("vue").PropType<boolean>;
21
+ default: boolean;
22
+ };
23
+ persistent: {
24
+ type: import("vue").PropType<boolean>;
25
+ };
26
+ state: {
27
+ type: import("vue").PropType<"warning" | "error" | "info" | "neutral">;
28
+ default: string;
29
+ };
30
+ width: {
31
+ type: import("vue").PropType<"extended" | "basic" | "fluid">;
32
+ };
33
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
45
34
  dismiss: (value?: void | undefined) => void;
46
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PBannerProps>, {
47
- description: string;
48
- dismissButton: boolean;
49
- heading: string;
50
- open: boolean;
51
- state: string;
52
- theme: string;
53
- }>>> & {
35
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ heading: {
37
+ type: import("vue").PropType<string>;
38
+ default: string;
39
+ };
40
+ open: {
41
+ type: import("vue").PropType<boolean>;
42
+ required: true;
43
+ default: boolean;
44
+ };
45
+ theme: {
46
+ type: import("vue").PropType<"light" | "dark">;
47
+ default: string;
48
+ };
49
+ description: {
50
+ type: import("vue").PropType<string>;
51
+ default: string;
52
+ };
53
+ dismissButton: {
54
+ type: import("vue").PropType<boolean>;
55
+ default: boolean;
56
+ };
57
+ persistent: {
58
+ type: import("vue").PropType<boolean>;
59
+ };
60
+ state: {
61
+ type: import("vue").PropType<"warning" | "error" | "info" | "neutral">;
62
+ default: string;
63
+ };
64
+ width: {
65
+ type: import("vue").PropType<"extended" | "basic" | "fluid">;
66
+ };
67
+ }>> & {
54
68
  onDismiss?: ((value?: void | undefined) => any) | undefined;
55
69
  }, {
56
70
  heading: string;
@@ -63,25 +77,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
63
77
  default?(_: {}): any;
64
78
  }>;
65
79
  export default _default;
66
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
67
- type __VLS_TypePropsToRuntimeProps<T> = {
68
- [K in keyof T]-?: {} extends Pick<T, K> ? {
69
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
70
- } : {
71
- type: import('vue').PropType<T[K]>;
72
- required: true;
73
- };
74
- };
75
- type __VLS_WithDefaults<P, D> = {
76
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
77
- default: D[K];
78
- }> : P[K];
79
- };
80
80
  type __VLS_WithTemplateSlots<T, S> = T & {
81
81
  new (): {
82
82
  $slots: S;
83
83
  };
84
84
  };
85
- type __VLS_Prettify<T> = {
86
- [K in keyof T]: T[K];
87
- } & {};
@@ -1,45 +1,28 @@
1
- import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
2
- type PButtonGroupProps = {
3
- /**
4
- * Defines the direction of the main and cross axis. 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’. You always need to provide a base value when using breakpoints.
5
- */
6
- direction?: BreakpointCustomizable<ButtonGroupDirection>;
7
- };
8
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonGroupProps>, {
9
- direction: () => {
10
- base: string;
11
- xs: string;
1
+ import type { BreakpointCustomizable } from '../types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
+ direction: {
4
+ type: import("vue").PropType<BreakpointCustomizable<"row" | "column">>;
5
+ default: () => {
6
+ base: string;
7
+ xs: string;
8
+ };
12
9
  };
13
- }>, {}, 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<PButtonGroupProps>, {
14
- direction: () => {
15
- base: string;
16
- xs: string;
10
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ direction: {
12
+ type: import("vue").PropType<BreakpointCustomizable<"row" | "column">>;
13
+ default: () => {
14
+ base: string;
15
+ xs: string;
16
+ };
17
17
  };
18
- }>>>, {
18
+ }>>, {
19
19
  direction: BreakpointCustomizable<"row" | "column">;
20
20
  }, {}>, {
21
21
  default?(_: {}): any;
22
22
  }>;
23
23
  export default _default;
24
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
25
- type __VLS_TypePropsToRuntimeProps<T> = {
26
- [K in keyof T]-?: {} extends Pick<T, K> ? {
27
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
28
- } : {
29
- type: import('vue').PropType<T[K]>;
30
- required: true;
31
- };
32
- };
33
- type __VLS_WithDefaults<P, D> = {
34
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
35
- default: D[K];
36
- }> : P[K];
37
- };
38
24
  type __VLS_WithTemplateSlots<T, S> = T & {
39
25
  new (): {
40
26
  $slots: S;
41
27
  };
42
28
  };
43
- type __VLS_Prettify<T> = {
44
- [K in keyof T]: T[K];
45
- } & {};
@@ -1,84 +1,107 @@
1
- import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
2
- type PButtonPureProps = {
3
- /**
4
- * Display button in active state.
5
- */
6
- active?: boolean;
7
- /**
8
- * Aligns the label.
9
- */
10
- alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
11
- /**
12
- * Add ARIA attributes.
13
- */
14
- aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
15
- /**
16
- * Disables the button. No events will be triggered while disabled state is active.
17
- */
18
- disabled?: boolean;
19
- /**
20
- * Show or hide label. For better accessibility it is recommended to show the label.
21
- */
22
- hideLabel?: BreakpointCustomizable<boolean>;
23
- /**
24
- * The icon shown.
25
- */
26
- icon?: ButtonPureIcon;
27
- /**
28
- * A URL path to a custom icon.
29
- */
30
- iconSource?: string;
31
- /**
32
- * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
33
- */
34
- loading?: boolean;
35
- /**
36
- * Size of the button.
37
- */
38
- size?: BreakpointCustomizable<ButtonPureSize>;
39
- /**
40
- * Stretches the area between icon and label to max available space.
41
- */
42
- stretch?: BreakpointCustomizable<boolean>;
43
- /**
44
- * Adapts the button color depending on the theme.
45
- */
46
- theme?: Theme;
47
- /**
48
- * Specifies the type of the button.
49
- */
50
- type?: ButtonPureType;
51
- /**
52
- * The weight of the text (only has effect with visible label).
53
- * @deprecated since v3.0.0, will be removed with next major release
54
- */
55
- weight?: ButtonPureWeight;
56
- };
57
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonPureProps>, {
58
- active: boolean;
59
- alignLabel: string;
60
- disabled: boolean;
61
- hideLabel: boolean;
62
- icon: string;
63
- loading: boolean;
64
- size: string;
65
- stretch: boolean;
66
- theme: string;
67
- type: string;
68
- weight: string;
69
- }>, {}, 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<PButtonPureProps>, {
70
- active: boolean;
71
- alignLabel: string;
72
- disabled: boolean;
73
- hideLabel: boolean;
74
- icon: string;
75
- loading: boolean;
76
- size: string;
77
- stretch: boolean;
78
- theme: string;
79
- type: string;
80
- weight: string;
81
- }>>>, {
1
+ import type { BreakpointCustomizable, SelectedAriaAttributes } from '../types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
+ weight: {
4
+ type: import("vue").PropType<"regular" | "semi-bold" | "bold" | "thin" | "semibold">;
5
+ default: string;
6
+ };
7
+ stretch: {
8
+ type: import("vue").PropType<BreakpointCustomizable<boolean>>;
9
+ default: boolean;
10
+ };
11
+ type: {
12
+ type: import("vue").PropType<"button" | "reset" | "submit">;
13
+ default: string;
14
+ };
15
+ size: {
16
+ type: import("vue").PropType<BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">>;
17
+ default: string;
18
+ };
19
+ theme: {
20
+ type: import("vue").PropType<"light" | "dark">;
21
+ default: string;
22
+ };
23
+ active: {
24
+ type: import("vue").PropType<boolean>;
25
+ default: boolean;
26
+ };
27
+ alignLabel: {
28
+ type: import("vue").PropType<BreakpointCustomizable<"left" | "right">>;
29
+ default: string;
30
+ };
31
+ aria: {
32
+ type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup">>;
33
+ };
34
+ disabled: {
35
+ type: import("vue").PropType<boolean>;
36
+ default: boolean;
37
+ };
38
+ hideLabel: {
39
+ type: import("vue").PropType<BreakpointCustomizable<boolean>>;
40
+ default: boolean;
41
+ };
42
+ icon: {
43
+ type: import("vue").PropType<import("../types").LinkButtonIconName>;
44
+ default: string;
45
+ };
46
+ iconSource: {
47
+ type: import("vue").PropType<string>;
48
+ };
49
+ loading: {
50
+ type: import("vue").PropType<boolean>;
51
+ default: boolean;
52
+ };
53
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
54
+ weight: {
55
+ type: import("vue").PropType<"regular" | "semi-bold" | "bold" | "thin" | "semibold">;
56
+ default: string;
57
+ };
58
+ stretch: {
59
+ type: import("vue").PropType<BreakpointCustomizable<boolean>>;
60
+ default: boolean;
61
+ };
62
+ type: {
63
+ type: import("vue").PropType<"button" | "reset" | "submit">;
64
+ default: string;
65
+ };
66
+ size: {
67
+ type: import("vue").PropType<BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">>;
68
+ default: string;
69
+ };
70
+ theme: {
71
+ type: import("vue").PropType<"light" | "dark">;
72
+ default: string;
73
+ };
74
+ active: {
75
+ type: import("vue").PropType<boolean>;
76
+ default: boolean;
77
+ };
78
+ alignLabel: {
79
+ type: import("vue").PropType<BreakpointCustomizable<"left" | "right">>;
80
+ default: string;
81
+ };
82
+ aria: {
83
+ type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup">>;
84
+ };
85
+ disabled: {
86
+ type: import("vue").PropType<boolean>;
87
+ default: boolean;
88
+ };
89
+ hideLabel: {
90
+ type: import("vue").PropType<BreakpointCustomizable<boolean>>;
91
+ default: boolean;
92
+ };
93
+ icon: {
94
+ type: import("vue").PropType<import("../types").LinkButtonIconName>;
95
+ default: string;
96
+ };
97
+ iconSource: {
98
+ type: import("vue").PropType<string>;
99
+ };
100
+ loading: {
101
+ type: import("vue").PropType<boolean>;
102
+ default: boolean;
103
+ };
104
+ }>>, {
82
105
  weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
83
106
  stretch: BreakpointCustomizable<boolean>;
84
107
  type: "button" | "reset" | "submit";
@@ -94,25 +117,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
94
117
  default?(_: {}): any;
95
118
  }>;
96
119
  export default _default;
97
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
98
- type __VLS_TypePropsToRuntimeProps<T> = {
99
- [K in keyof T]-?: {} extends Pick<T, K> ? {
100
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
101
- } : {
102
- type: import('vue').PropType<T[K]>;
103
- required: true;
104
- };
105
- };
106
- type __VLS_WithDefaults<P, D> = {
107
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
108
- default: D[K];
109
- }> : P[K];
110
- };
111
120
  type __VLS_WithTemplateSlots<T, S> = T & {
112
121
  new (): {
113
122
  $slots: S;
114
123
  };
115
124
  };
116
- type __VLS_Prettify<T> = {
117
- [K in keyof T]: T[K];
118
- } & {};