@porsche-design-system/components-vue 3.15.0-rc.0 → 3.15.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 (83) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/cjs/lib/components/AccordionWrapper.vue.cjs +1 -1
  3. package/cjs/lib/components/BannerWrapper.vue.cjs +1 -1
  4. package/cjs/lib/components/InlineNotificationWrapper.vue.cjs +1 -1
  5. package/esm/lib/components/AccordionWrapper.vue.mjs +13 -11
  6. package/esm/lib/components/BannerWrapper.vue.mjs +12 -11
  7. package/esm/lib/components/InlineNotificationWrapper.vue.mjs +9 -8
  8. package/package.json +2 -2
  9. package/esm/PorscheDesignSystemProvider.vue.d.ts +0 -41
  10. package/esm/lib/components/AccordionWrapper.vue.d.ts +0 -68
  11. package/esm/lib/components/BannerWrapper.vue.d.ts +0 -82
  12. package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +0 -45
  13. package/esm/lib/components/ButtonPureWrapper.vue.d.ts +0 -123
  14. package/esm/lib/components/ButtonTileWrapper.vue.d.ts +0 -125
  15. package/esm/lib/components/ButtonWrapper.vue.d.ts +0 -94
  16. package/esm/lib/components/CarouselWrapper.vue.d.ts +0 -120
  17. package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +0 -71
  18. package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +0 -53
  19. package/esm/lib/components/CrestWrapper.vue.d.ts +0 -40
  20. package/esm/lib/components/DisplayWrapper.vue.d.ts +0 -68
  21. package/esm/lib/components/DividerWrapper.vue.d.ts +0 -47
  22. package/esm/lib/components/FieldsetWrapper.vue.d.ts +0 -71
  23. package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +0 -72
  24. package/esm/lib/components/FlexItemWrapper.vue.d.ts +0 -75
  25. package/esm/lib/components/FlexWrapper.vue.d.ts +0 -75
  26. package/esm/lib/components/FlyoutNavigationItemWrapper.vue.d.ts +0 -28
  27. package/esm/lib/components/FlyoutNavigationWrapper.vue.d.ts +0 -53
  28. package/esm/lib/components/FlyoutWrapper.vue.d.ts +0 -56
  29. package/esm/lib/components/GridItemWrapper.vue.d.ts +0 -47
  30. package/esm/lib/components/GridWrapper.vue.d.ts +0 -63
  31. package/esm/lib/components/HeadingWrapper.vue.d.ts +0 -68
  32. package/esm/lib/components/HeadlineWrapper.vue.d.ts +0 -69
  33. package/esm/lib/components/IconWrapper.vue.d.ts +0 -63
  34. package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +0 -88
  35. package/esm/lib/components/LinkPureWrapper.vue.d.ts +0 -120
  36. package/esm/lib/components/LinkSocialWrapper.vue.d.ts +0 -67
  37. package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +0 -81
  38. package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +0 -92
  39. package/esm/lib/components/LinkTileWrapper.vue.d.ts +0 -112
  40. package/esm/lib/components/LinkWrapper.vue.d.ts +0 -84
  41. package/esm/lib/components/MarqueWrapper.vue.d.ts +0 -62
  42. package/esm/lib/components/ModalWrapper.vue.d.ts +0 -86
  43. package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +0 -78
  44. package/esm/lib/components/MultiSelectOptionWrapper.vue.d.ts +0 -42
  45. package/esm/lib/components/MultiSelectWrapper.vue.d.ts +0 -107
  46. package/esm/lib/components/PaginationWrapper.vue.d.ts +0 -101
  47. package/esm/lib/components/PinCodeWrapper.vue.d.ts +0 -121
  48. package/esm/lib/components/PopoverWrapper.vue.d.ts +0 -51
  49. package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +0 -71
  50. package/esm/lib/components/ScrollerWrapper.vue.d.ts +0 -73
  51. package/esm/lib/components/SegmentedControlItemWrapper.vue.d.ts +0 -55
  52. package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +0 -57
  53. package/esm/lib/components/SelectOptionWrapper.vue.d.ts +0 -42
  54. package/esm/lib/components/SelectWrapper.vue.d.ts +0 -104
  55. package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +0 -92
  56. package/esm/lib/components/SpinnerWrapper.vue.d.ts +0 -40
  57. package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts +0 -43
  58. package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +0 -46
  59. package/esm/lib/components/SwitchWrapper.vue.d.ts +0 -84
  60. package/esm/lib/components/TableBodyWrapper.vue.d.ts +0 -9
  61. package/esm/lib/components/TableCellWrapper.vue.d.ts +0 -38
  62. package/esm/lib/components/TableHeadCellWrapper.vue.d.ts +0 -50
  63. package/esm/lib/components/TableHeadRowWrapper.vue.d.ts +0 -9
  64. package/esm/lib/components/TableHeadWrapper.vue.d.ts +0 -9
  65. package/esm/lib/components/TableRowWrapper.vue.d.ts +0 -9
  66. package/esm/lib/components/TableWrapper.vue.d.ts +0 -35
  67. package/esm/lib/components/TabsBarWrapper.vue.d.ts +0 -71
  68. package/esm/lib/components/TabsItemWrapper.vue.d.ts +0 -24
  69. package/esm/lib/components/TabsWrapper.vue.d.ts +0 -74
  70. package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +0 -51
  71. package/esm/lib/components/TagWrapper.vue.d.ts +0 -51
  72. package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +0 -123
  73. package/esm/lib/components/TextListItemWrapper.vue.d.ts +0 -9
  74. package/esm/lib/components/TextListWrapper.vue.d.ts +0 -51
  75. package/esm/lib/components/TextWrapper.vue.d.ts +0 -78
  76. package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +0 -82
  77. package/esm/lib/components/ToastWrapper.vue.d.ts +0 -18
  78. package/esm/lib/components/WordmarkWrapper.vue.d.ts +0 -51
  79. package/esm/lib/components/index.d.ts +0 -69
  80. package/esm/lib/types.d.ts +0 -1356
  81. package/esm/plugin.d.ts +0 -14
  82. package/esm/public-api.d.ts +0 -6
  83. package/esm/utils.d.ts +0 -10
@@ -1,51 +0,0 @@
1
- import type { TextListListType, TextListOrderType, Theme, TextListType } from '../types';
2
- type PTextListProps = {
3
- /**
4
- * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
5
- */
6
- listType?: TextListListType;
7
- /**
8
- * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The list style type of ordered list. Only has effect when list type is set to 'ordered'.
9
- */
10
- orderType?: TextListOrderType;
11
- /**
12
- * Adapts the text color depending on the theme.
13
- */
14
- theme?: Theme;
15
- /**
16
- * The list style type.
17
- */
18
- type?: TextListType;
19
- };
20
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextListProps>, {
21
- type: string;
22
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextListProps>, {
23
- type: string;
24
- }>>>, {
25
- type: "unordered" | "numbered" | "alphabetically";
26
- }, {}>, {
27
- default?(_: {}): any;
28
- }>;
29
- export default _default;
30
- type __VLS_WithDefaults<P, D> = {
31
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
32
- default: D[K];
33
- }> : P[K];
34
- };
35
- type __VLS_Prettify<T> = {
36
- [K in keyof T]: T[K];
37
- } & {};
38
- type __VLS_WithTemplateSlots<T, S> = T & {
39
- new (): {
40
- $slots: S;
41
- };
42
- };
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
- };
@@ -1,78 +0,0 @@
1
- import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
2
- type PTextProps = {
3
- /**
4
- * Text alignment of the component.
5
- */
6
- align?: TextAlign;
7
- /**
8
- * Basic text color variations depending on theme property.
9
- */
10
- color?: TextColor;
11
- /**
12
- * Adds an ellipsis to a single line of text if it overflows.
13
- */
14
- ellipsis?: boolean;
15
- /**
16
- * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
17
- */
18
- size?: BreakpointCustomizable<TextSize>;
19
- /**
20
- * Sets a custom HTML tag depending on the usage of the text component.
21
- */
22
- tag?: TextTag;
23
- /**
24
- * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
25
- */
26
- theme?: Theme;
27
- /**
28
- * The weight of the text.
29
- */
30
- weight?: TextWeight;
31
- };
32
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextProps>, {
33
- align: string;
34
- color: string;
35
- ellipsis: boolean;
36
- size: string;
37
- tag: string;
38
- weight: string;
39
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextProps>, {
40
- align: string;
41
- color: string;
42
- ellipsis: boolean;
43
- size: string;
44
- tag: string;
45
- weight: string;
46
- }>>>, {
47
- weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
48
- size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-small" | "x-small">;
49
- tag: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend";
50
- align: "center" | "start" | "end" | "left" | "right";
51
- color: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral";
52
- ellipsis: boolean;
53
- }, {}>, {
54
- default?(_: {}): any;
55
- }>;
56
- export default _default;
57
- type __VLS_WithDefaults<P, D> = {
58
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
59
- default: D[K];
60
- }> : P[K];
61
- };
62
- type __VLS_Prettify<T> = {
63
- [K in keyof T]: T[K];
64
- } & {};
65
- type __VLS_WithTemplateSlots<T, S> = T & {
66
- new (): {
67
- $slots: S;
68
- };
69
- };
70
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
71
- type __VLS_TypePropsToOption<T> = {
72
- [K in keyof T]-?: {} extends Pick<T, K> ? {
73
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
74
- } : {
75
- type: import('vue').PropType<T[K]>;
76
- required: true;
77
- };
78
- };
@@ -1,82 +0,0 @@
1
- import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
2
- type PTextareaWrapperProps = {
3
- /**
4
- * The description text.
5
- */
6
- description?: string;
7
- /**
8
- * Show or hide label. For better accessibility it is recommended to show the label.
9
- */
10
- hideLabel?: BreakpointCustomizable<boolean>;
11
- /**
12
- * The label text.
13
- */
14
- label?: string;
15
- /**
16
- * The message styled depending on validation state.
17
- */
18
- message?: string;
19
- /**
20
- * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
21
- */
22
- showCharacterCount?: boolean;
23
- /**
24
- * Show or hide max character count.
25
- */
26
- showCounter?: boolean;
27
- /**
28
- * The validation state.
29
- */
30
- state?: TextareaWrapperState;
31
- /**
32
- * Adapts the color depending on the theme.
33
- */
34
- theme?: Theme;
35
- };
36
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextareaWrapperProps>, {
37
- description: string;
38
- hideLabel: boolean;
39
- label: string;
40
- message: string;
41
- showCounter: boolean;
42
- state: string;
43
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextareaWrapperProps>, {
44
- description: string;
45
- hideLabel: boolean;
46
- label: string;
47
- message: string;
48
- showCounter: boolean;
49
- state: string;
50
- }>>>, {
51
- label: string;
52
- description: string;
53
- state: "none" | "success" | "error";
54
- hideLabel: BreakpointCustomizable<boolean>;
55
- message: string;
56
- showCounter: boolean;
57
- }, {}>, {
58
- default?(_: {}): any;
59
- }>;
60
- export default _default;
61
- type __VLS_WithDefaults<P, D> = {
62
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
63
- default: D[K];
64
- }> : P[K];
65
- };
66
- type __VLS_Prettify<T> = {
67
- [K in keyof T]: T[K];
68
- } & {};
69
- type __VLS_WithTemplateSlots<T, S> = T & {
70
- new (): {
71
- $slots: S;
72
- };
73
- };
74
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
75
- type __VLS_TypePropsToOption<T> = {
76
- [K in keyof T]-?: {} extends Pick<T, K> ? {
77
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
78
- } : {
79
- type: import('vue').PropType<T[K]>;
80
- required: true;
81
- };
82
- };
@@ -1,18 +0,0 @@
1
- import type { Theme } from '../types';
2
- type PToastProps = {
3
- /**
4
- * Adapts the toast color depending on the theme.
5
- */
6
- theme?: Theme;
7
- };
8
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<PToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<PToastProps>>>, {}, {}>;
9
- export default _default;
10
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
11
- type __VLS_TypePropsToOption<T> = {
12
- [K in keyof T]-?: {} extends Pick<T, K> ? {
13
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
14
- } : {
15
- type: import('vue').PropType<T[K]>;
16
- required: true;
17
- };
18
- };
@@ -1,51 +0,0 @@
1
- import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
2
- type PWordmarkProps = {
3
- /**
4
- * Add ARIA attributes.
5
- */
6
- aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
7
- /**
8
- * When providing an url then the component will be rendered as `<a>`.
9
- */
10
- href?: string;
11
- /**
12
- * Adapts sizing of wordmark.
13
- */
14
- size?: WordmarkSize;
15
- /**
16
- * Target attribute where the link should be opened.
17
- */
18
- target?: WordmarkTarget;
19
- /**
20
- * Adapts color depending on theme.
21
- */
22
- theme?: Theme;
23
- };
24
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PWordmarkProps>, {
25
- size: string;
26
- target: string;
27
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PWordmarkProps>, {
28
- size: string;
29
- target: string;
30
- }>>>, {
31
- size: "inherit" | "small";
32
- target: string;
33
- }, {}>;
34
- export default _default;
35
- type __VLS_WithDefaults<P, D> = {
36
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
37
- default: D[K];
38
- }> : P[K];
39
- };
40
- type __VLS_Prettify<T> = {
41
- [K in keyof T]: T[K];
42
- } & {};
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
- };
@@ -1,69 +0,0 @@
1
- export { default as PAccordion } from './AccordionWrapper.vue';
2
- export { default as PBanner } from './BannerWrapper.vue';
3
- export { default as PButton } from './ButtonWrapper.vue';
4
- export { default as PButtonGroup } from './ButtonGroupWrapper.vue';
5
- export { default as PButtonPure } from './ButtonPureWrapper.vue';
6
- export { default as PButtonTile } from './ButtonTileWrapper.vue';
7
- export { default as PCarousel } from './CarouselWrapper.vue';
8
- export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
9
- export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
10
- export { default as PCrest } from './CrestWrapper.vue';
11
- export { default as PDisplay } from './DisplayWrapper.vue';
12
- export { default as PDivider } from './DividerWrapper.vue';
13
- export { default as PFieldset } from './FieldsetWrapper.vue';
14
- export { default as PFieldsetWrapper } from './FieldsetWrapperWrapper.vue';
15
- export { default as PFlex } from './FlexWrapper.vue';
16
- export { default as PFlexItem } from './FlexItemWrapper.vue';
17
- export { default as PFlyout } from './FlyoutWrapper.vue';
18
- export { default as PFlyoutNavigation } from './FlyoutNavigationWrapper.vue';
19
- export { default as PFlyoutNavigationItem } from './FlyoutNavigationItemWrapper.vue';
20
- export { default as PGrid } from './GridWrapper.vue';
21
- export { default as PGridItem } from './GridItemWrapper.vue';
22
- export { default as PHeading } from './HeadingWrapper.vue';
23
- export { default as PHeadline } from './HeadlineWrapper.vue';
24
- export { default as PIcon } from './IconWrapper.vue';
25
- export { default as PInlineNotification } from './InlineNotificationWrapper.vue';
26
- export { default as PLink } from './LinkWrapper.vue';
27
- export { default as PLinkPure } from './LinkPureWrapper.vue';
28
- export { default as PLinkSocial } from './LinkSocialWrapper.vue';
29
- export { default as PLinkTile } from './LinkTileWrapper.vue';
30
- export { default as PLinkTileModelSignature } from './LinkTileModelSignatureWrapper.vue';
31
- export { default as PLinkTileProduct } from './LinkTileProductWrapper.vue';
32
- export { default as PMarque } from './MarqueWrapper.vue';
33
- export { default as PModal } from './ModalWrapper.vue';
34
- export { default as PModelSignature } from './ModelSignatureWrapper.vue';
35
- export { default as PMultiSelect } from './MultiSelectWrapper.vue';
36
- export { default as PMultiSelectOption } from './MultiSelectOptionWrapper.vue';
37
- export { default as PPagination } from './PaginationWrapper.vue';
38
- export { default as PPinCode } from './PinCodeWrapper.vue';
39
- export { default as PPopover } from './PopoverWrapper.vue';
40
- export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';
41
- export { default as PScroller } from './ScrollerWrapper.vue';
42
- export { default as PSegmentedControl } from './SegmentedControlWrapper.vue';
43
- export { default as PSegmentedControlItem } from './SegmentedControlItemWrapper.vue';
44
- export { default as PSelect } from './SelectWrapper.vue';
45
- export { default as PSelectOption } from './SelectOptionWrapper.vue';
46
- export { default as PSelectWrapper } from './SelectWrapperWrapper.vue';
47
- export { default as PSpinner } from './SpinnerWrapper.vue';
48
- export { default as PStepperHorizontal } from './StepperHorizontalWrapper.vue';
49
- export { default as PStepperHorizontalItem } from './StepperHorizontalItemWrapper.vue';
50
- export { default as PSwitch } from './SwitchWrapper.vue';
51
- export { default as PTable } from './TableWrapper.vue';
52
- export { default as PTableBody } from './TableBodyWrapper.vue';
53
- export { default as PTableCell } from './TableCellWrapper.vue';
54
- export { default as PTableHead } from './TableHeadWrapper.vue';
55
- export { default as PTableHeadCell } from './TableHeadCellWrapper.vue';
56
- export { default as PTableHeadRow } from './TableHeadRowWrapper.vue';
57
- export { default as PTableRow } from './TableRowWrapper.vue';
58
- export { default as PTabs } from './TabsWrapper.vue';
59
- export { default as PTabsBar } from './TabsBarWrapper.vue';
60
- export { default as PTabsItem } from './TabsItemWrapper.vue';
61
- export { default as PTag } from './TagWrapper.vue';
62
- export { default as PTagDismissible } from './TagDismissibleWrapper.vue';
63
- export { default as PText } from './TextWrapper.vue';
64
- export { default as PTextFieldWrapper } from './TextFieldWrapperWrapper.vue';
65
- export { default as PTextList } from './TextListWrapper.vue';
66
- export { default as PTextListItem } from './TextListItemWrapper.vue';
67
- export { default as PTextareaWrapper } from './TextareaWrapperWrapper.vue';
68
- export { default as PToast } from './ToastWrapper.vue';
69
- export { default as PWordmark } from './WordmarkWrapper.vue';