@porsche-design-system/components-vue 3.0.0-alpha.4 → 3.0.0-alpha.5
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.
- package/CHANGELOG.md +16 -0
- package/lib/components/CrestWrapper.vue.d.ts +49 -0
- package/lib/components/CrestWrapper.vue.js +24 -0
- package/lib/components/CrestWrapper.vue2.js +4 -0
- package/lib/components/MarqueWrapper.vue.d.ts +1 -0
- package/lib/components/WordmarkWrapper.vue.d.ts +71 -0
- package/lib/components/WordmarkWrapper.vue.js +26 -0
- package/lib/components/WordmarkWrapper.vue2.js +4 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/types.d.ts +15 -0
- package/package.json +2 -2
- package/public-api.js +109 -105
package/CHANGELOG.md
CHANGED
|
@@ -9,6 +9,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
9
9
|
|
|
10
10
|
### [Unreleased]
|
|
11
11
|
|
|
12
|
+
### [3.0.0-alpha.5] - 2023-03-30
|
|
13
|
+
|
|
14
|
+
#### Added
|
|
15
|
+
|
|
16
|
+
- `Wordmark` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2418)
|
|
17
|
+
- `Crest` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2437)
|
|
18
|
+
- Styles: changed color values of `theme[Light|Dark]ContrastMedium` and `theme[Light|Dark]Notification[*]` color tokens
|
|
19
|
+
of `Styles` subpackage [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2436)
|
|
20
|
+
|
|
12
21
|
### [3.0.0-alpha.4] - 2023-03-28
|
|
13
22
|
|
|
14
23
|
#### Changed
|
|
@@ -69,6 +78,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
69
78
|
|
|
70
79
|
#### 🤡 Component deprecations 🤡
|
|
71
80
|
|
|
81
|
+
##### Marque [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2418)
|
|
82
|
+
|
|
83
|
+
```diff
|
|
84
|
+
- <p-marque></p-marque>
|
|
85
|
+
+ <p-wordmark></p-wordmark>
|
|
86
|
+
```
|
|
87
|
+
|
|
72
88
|
##### Fieldset Wrapper: [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2404)
|
|
73
89
|
|
|
74
90
|
```diff
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { SelectedAriaAttributes, CrestTarget } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* Add ARIA attributes.
|
|
5
|
+
*/
|
|
6
|
+
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* When providing an url then the component will be rendered as `<a>`.
|
|
9
|
+
*/
|
|
10
|
+
href?: string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Target attribute where the link should be opened.
|
|
13
|
+
*/
|
|
14
|
+
target?: string | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
target: string;
|
|
17
|
+
}>, {}, 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<{
|
|
18
|
+
/**
|
|
19
|
+
* Add ARIA attributes.
|
|
20
|
+
*/
|
|
21
|
+
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* When providing an url then the component will be rendered as `<a>`.
|
|
24
|
+
*/
|
|
25
|
+
href?: string | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* Target attribute where the link should be opened.
|
|
28
|
+
*/
|
|
29
|
+
target?: string | undefined;
|
|
30
|
+
}>, {
|
|
31
|
+
target: string;
|
|
32
|
+
}>>>, {
|
|
33
|
+
target: CrestTarget;
|
|
34
|
+
}>;
|
|
35
|
+
export default _default;
|
|
36
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
37
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
38
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
39
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
40
|
+
} : {
|
|
41
|
+
type: import('vue').PropType<T[K]>;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
type __VLS_WithDefaults<P, D> = {
|
|
46
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
47
|
+
default: D[K];
|
|
48
|
+
} : P[K];
|
|
49
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineComponent as p, ref as a, onMounted as s, onUpdated as f, openBlock as c, createBlock as l, resolveDynamicComponent as m, unref as u } from "vue";
|
|
2
|
+
import { getPrefixedTagName as d, syncProperties as o } from "../../utils.js";
|
|
3
|
+
const k = /* @__PURE__ */ p({
|
|
4
|
+
__name: "CrestWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
aria: null,
|
|
7
|
+
href: null,
|
|
8
|
+
target: { default: "_self" }
|
|
9
|
+
},
|
|
10
|
+
setup(r) {
|
|
11
|
+
const n = r, t = d("p-crest"), e = a();
|
|
12
|
+
return s(() => {
|
|
13
|
+
o(e.value, n);
|
|
14
|
+
}), f(() => {
|
|
15
|
+
o(e.value, n);
|
|
16
|
+
}), (i, _) => (c(), l(m(u(t)), {
|
|
17
|
+
ref_key: "pdsComponentRef",
|
|
18
|
+
ref: e
|
|
19
|
+
}, null, 512));
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
k as default
|
|
24
|
+
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { SelectedAriaAttributes, MarqueSize, MarqueTarget } from '../types';
|
|
2
|
+
/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
|
|
2
3
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
4
|
/**
|
|
4
5
|
* Add ARIA attributes.
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { SelectedAriaAttributes, WordmarkSize, WordmarkTarget, Theme } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* Add ARIA attributes.
|
|
5
|
+
*/
|
|
6
|
+
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* When providing an url then the component will be rendered as `<a>`.
|
|
9
|
+
*/
|
|
10
|
+
href?: string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Adapts sizing of wordmark.
|
|
13
|
+
*/
|
|
14
|
+
size?: "inherit" | "small" | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Target attribute where the link should be opened.
|
|
17
|
+
*/
|
|
18
|
+
target?: string | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Adapts color depending on theme.
|
|
21
|
+
*/
|
|
22
|
+
theme?: "light" | "dark" | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
size: string;
|
|
25
|
+
target: string;
|
|
26
|
+
theme: string;
|
|
27
|
+
}>, {}, 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<{
|
|
28
|
+
/**
|
|
29
|
+
* Add ARIA attributes.
|
|
30
|
+
*/
|
|
31
|
+
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* When providing an url then the component will be rendered as `<a>`.
|
|
34
|
+
*/
|
|
35
|
+
href?: string | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* Adapts sizing of wordmark.
|
|
38
|
+
*/
|
|
39
|
+
size?: "inherit" | "small" | undefined;
|
|
40
|
+
/**
|
|
41
|
+
* Target attribute where the link should be opened.
|
|
42
|
+
*/
|
|
43
|
+
target?: string | undefined;
|
|
44
|
+
/**
|
|
45
|
+
* Adapts color depending on theme.
|
|
46
|
+
*/
|
|
47
|
+
theme?: "light" | "dark" | undefined;
|
|
48
|
+
}>, {
|
|
49
|
+
size: string;
|
|
50
|
+
target: string;
|
|
51
|
+
theme: string;
|
|
52
|
+
}>>>, {
|
|
53
|
+
size: WordmarkSize;
|
|
54
|
+
theme: Theme;
|
|
55
|
+
target: WordmarkTarget;
|
|
56
|
+
}>;
|
|
57
|
+
export default _default;
|
|
58
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
59
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
60
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
61
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
62
|
+
} : {
|
|
63
|
+
type: import('vue').PropType<T[K]>;
|
|
64
|
+
required: true;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
type __VLS_WithDefaults<P, D> = {
|
|
68
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
69
|
+
default: D[K];
|
|
70
|
+
} : P[K];
|
|
71
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { defineComponent as a, ref as p, onMounted as l, onUpdated as f, openBlock as m, createBlock as s, resolveDynamicComponent as u, unref as c } from "vue";
|
|
2
|
+
import { getPrefixedTagName as d, syncProperties as n } from "../../utils.js";
|
|
3
|
+
const C = /* @__PURE__ */ a({
|
|
4
|
+
__name: "WordmarkWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
aria: null,
|
|
7
|
+
href: null,
|
|
8
|
+
size: { default: "small" },
|
|
9
|
+
target: { default: "_self" },
|
|
10
|
+
theme: { default: "light" }
|
|
11
|
+
},
|
|
12
|
+
setup(r) {
|
|
13
|
+
const o = r, t = d("p-wordmark"), e = p();
|
|
14
|
+
return l(() => {
|
|
15
|
+
n(e.value, o);
|
|
16
|
+
}), f(() => {
|
|
17
|
+
n(e.value, o);
|
|
18
|
+
}), (i, _) => (m(), s(u(c(t)), {
|
|
19
|
+
ref_key: "pdsComponentRef",
|
|
20
|
+
ref: e
|
|
21
|
+
}, null, 512));
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
export {
|
|
25
|
+
C as default
|
|
26
|
+
};
|
|
@@ -7,6 +7,7 @@ export { default as PButtonTile } from './ButtonTileWrapper.vue';
|
|
|
7
7
|
export { default as PCarousel } from './CarouselWrapper.vue';
|
|
8
8
|
export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
|
|
9
9
|
export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
|
|
10
|
+
export { default as PCrest } from './CrestWrapper.vue';
|
|
10
11
|
export { default as PDisplay } from './DisplayWrapper.vue';
|
|
11
12
|
export { default as PDivider } from './DividerWrapper.vue';
|
|
12
13
|
export { default as PFieldset } from './FieldsetWrapper.vue';
|
|
@@ -56,3 +57,4 @@ export { default as PTextList } from './TextListWrapper.vue';
|
|
|
56
57
|
export { default as PTextListItem } from './TextListItemWrapper.vue';
|
|
57
58
|
export { default as PTextareaWrapper } from './TextareaWrapperWrapper.vue';
|
|
58
59
|
export { default as PToast } from './ToastWrapper.vue';
|
|
60
|
+
export { default as PWordmark } from './WordmarkWrapper.vue';
|
package/lib/types.d.ts
CHANGED
|
@@ -597,6 +597,11 @@ declare const CONTENT_WRAPPER_WIDTHS: readonly [
|
|
|
597
597
|
"full"
|
|
598
598
|
];
|
|
599
599
|
export declare type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
|
|
600
|
+
export declare type CrestTarget = LinkTarget;
|
|
601
|
+
declare const CREST_ARIA_ATTRIBUTES: readonly [
|
|
602
|
+
"aria-label"
|
|
603
|
+
];
|
|
604
|
+
export declare type CrestAriaAttribute = (typeof CREST_ARIA_ATTRIBUTES)[number];
|
|
600
605
|
declare const DISPLAY_TAGS: readonly [
|
|
601
606
|
"h1",
|
|
602
607
|
"h2",
|
|
@@ -1100,4 +1105,14 @@ export declare type ToastMessage = {
|
|
|
1100
1105
|
text: string;
|
|
1101
1106
|
state?: ToastState;
|
|
1102
1107
|
};
|
|
1108
|
+
declare const WORDMARK_SIZES: readonly [
|
|
1109
|
+
"small",
|
|
1110
|
+
"inherit"
|
|
1111
|
+
];
|
|
1112
|
+
export declare type WordmarkSize = (typeof WORDMARK_SIZES)[number];
|
|
1113
|
+
export declare type WordmarkTarget = LinkTarget;
|
|
1114
|
+
declare const WORDMARK_ARIA_ATTRIBUTES: readonly [
|
|
1115
|
+
"aria-label"
|
|
1116
|
+
];
|
|
1117
|
+
export declare type WordmarkAriaAttribute = (typeof WORDMARK_ARIA_ATTRIBUTES)[number];
|
|
1103
1118
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porsche-design-system/components-vue",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.5",
|
|
4
4
|
"description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"porsche",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"license": "SEE LICENSE IN LICENSE",
|
|
18
18
|
"homepage": "https://designsystem.porsche.com",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@porsche-design-system/components-js": "3.0.0-alpha.
|
|
20
|
+
"@porsche-design-system/components-js": "3.0.0-alpha.5"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"vue": ">=3.0.0 <4.0.0"
|
package/public-api.js
CHANGED
|
@@ -1,127 +1,131 @@
|
|
|
1
|
-
import { componentsReady as
|
|
1
|
+
import { componentsReady as t } from "@porsche-design-system/components-js";
|
|
2
2
|
import { default as a } from "./lib/components/AccordionWrapper.vue.js";
|
|
3
3
|
import { default as l } from "./lib/components/BannerWrapper.vue.js";
|
|
4
|
-
import { default as
|
|
4
|
+
import { default as p } from "./lib/components/ButtonWrapper.vue.js";
|
|
5
5
|
import { default as m } from "./lib/components/ButtonGroupWrapper.vue.js";
|
|
6
6
|
import { default as x } from "./lib/components/ButtonPureWrapper.vue.js";
|
|
7
7
|
import { default as i } from "./lib/components/ButtonTileWrapper.vue.js";
|
|
8
8
|
import { default as T } from "./lib/components/CarouselWrapper.vue.js";
|
|
9
9
|
import { default as S } from "./lib/components/CheckboxWrapperWrapper.vue.js";
|
|
10
10
|
import { default as b } from "./lib/components/ContentWrapperWrapper.vue.js";
|
|
11
|
-
import { default as
|
|
11
|
+
import { default as C } from "./lib/components/CrestWrapper.vue.js";
|
|
12
|
+
import { default as W } from "./lib/components/DisplayWrapper.vue.js";
|
|
12
13
|
import { default as H } from "./lib/components/DividerWrapper.vue.js";
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
27
|
-
import { default as
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as
|
|
30
|
-
import { default as
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as
|
|
34
|
-
import { default as
|
|
35
|
-
import { default as
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as
|
|
38
|
-
import { default as
|
|
14
|
+
import { default as y } from "./lib/components/FieldsetWrapper.vue.js";
|
|
15
|
+
import { default as h } from "./lib/components/FieldsetWrapperWrapper.vue.js";
|
|
16
|
+
import { default as M } from "./lib/components/FlexWrapper.vue.js";
|
|
17
|
+
import { default as v } from "./lib/components/FlexItemWrapper.vue.js";
|
|
18
|
+
import { default as G } from "./lib/components/GridWrapper.vue.js";
|
|
19
|
+
import { default as q } from "./lib/components/GridItemWrapper.vue.js";
|
|
20
|
+
import { default as N } from "./lib/components/HeadingWrapper.vue.js";
|
|
21
|
+
import { default as E } from "./lib/components/HeadlineWrapper.vue.js";
|
|
22
|
+
import { default as K } from "./lib/components/IconWrapper.vue.js";
|
|
23
|
+
import { default as Q } from "./lib/components/InlineNotificationWrapper.vue.js";
|
|
24
|
+
import { default as V } from "./lib/components/LinkWrapper.vue.js";
|
|
25
|
+
import { default as Y } from "./lib/components/LinkPureWrapper.vue.js";
|
|
26
|
+
import { default as _ } from "./lib/components/LinkSocialWrapper.vue.js";
|
|
27
|
+
import { default as ee } from "./lib/components/LinkTileWrapper.vue.js";
|
|
28
|
+
import { default as te } from "./lib/components/LinkTileModelSignatureWrapper.vue.js";
|
|
29
|
+
import { default as ae } from "./lib/components/MarqueWrapper.vue.js";
|
|
30
|
+
import { default as le } from "./lib/components/ModalWrapper.vue.js";
|
|
31
|
+
import { default as pe } from "./lib/components/ModelSignatureWrapper.vue.js";
|
|
32
|
+
import { default as me } from "./lib/components/PaginationWrapper.vue.js";
|
|
33
|
+
import { default as xe } from "./lib/components/PopoverWrapper.vue.js";
|
|
34
|
+
import { default as ie } from "./lib/components/RadioButtonWrapperWrapper.vue.js";
|
|
35
|
+
import { default as Te } from "./lib/components/ScrollerWrapper.vue.js";
|
|
36
|
+
import { default as Se } from "./lib/components/SegmentedControlWrapper.vue.js";
|
|
37
|
+
import { default as be } from "./lib/components/SegmentedControlItemWrapper.vue.js";
|
|
38
|
+
import { default as Ce } from "./lib/components/SelectWrapperWrapper.vue.js";
|
|
39
|
+
import { default as We } from "./lib/components/SpinnerWrapper.vue.js";
|
|
39
40
|
import { default as He } from "./lib/components/StepperHorizontalWrapper.vue.js";
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { default as
|
|
53
|
-
import { default as
|
|
54
|
-
import { default as
|
|
55
|
-
import { default as
|
|
56
|
-
import { default as
|
|
57
|
-
import { default as
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
41
|
+
import { default as ye } from "./lib/components/StepperHorizontalItemWrapper.vue.js";
|
|
42
|
+
import { default as he } from "./lib/components/SwitchWrapper.vue.js";
|
|
43
|
+
import { default as Me } from "./lib/components/TableWrapper.vue.js";
|
|
44
|
+
import { default as ve } from "./lib/components/TableBodyWrapper.vue.js";
|
|
45
|
+
import { default as Ge } from "./lib/components/TableCellWrapper.vue.js";
|
|
46
|
+
import { default as qe } from "./lib/components/TableHeadWrapper.vue.js";
|
|
47
|
+
import { default as Ne } from "./lib/components/TableHeadCellWrapper.vue.js";
|
|
48
|
+
import { default as Ee } from "./lib/components/TableHeadRowWrapper.vue.js";
|
|
49
|
+
import { default as Ke } from "./lib/components/TableRowWrapper.vue.js";
|
|
50
|
+
import { default as Qe } from "./lib/components/TabsWrapper.vue.js";
|
|
51
|
+
import { default as Ve } from "./lib/components/TabsBarWrapper.vue.js";
|
|
52
|
+
import { default as Ye } from "./lib/components/TabsItemWrapper.vue.js";
|
|
53
|
+
import { default as _e } from "./lib/components/TagWrapper.vue.js";
|
|
54
|
+
import { default as er } from "./lib/components/TagDismissibleWrapper.vue.js";
|
|
55
|
+
import { default as tr } from "./lib/components/TextWrapper.vue.js";
|
|
56
|
+
import { default as ar } from "./lib/components/TextFieldWrapperWrapper.vue.js";
|
|
57
|
+
import { default as lr } from "./lib/components/TextListWrapper.vue.js";
|
|
58
|
+
import { default as pr } from "./lib/components/TextListItemWrapper.vue.js";
|
|
59
|
+
import { default as mr } from "./lib/components/TextareaWrapperWrapper.vue.js";
|
|
60
|
+
import { default as xr } from "./lib/components/ToastWrapper.vue.js";
|
|
61
|
+
import { default as ir } from "./lib/components/WordmarkWrapper.vue.js";
|
|
62
|
+
import { useToastManager as Tr } from "./utils.js";
|
|
63
|
+
import { default as Sr } from "./PorscheDesignSystemProvider.vue.js";
|
|
64
|
+
import { createPorscheDesignSystem as br, usePorscheDesignSystemPlugin as Br } from "./plugin.js";
|
|
63
65
|
export {
|
|
64
66
|
a as PAccordion,
|
|
65
67
|
l as PBanner,
|
|
66
|
-
|
|
68
|
+
p as PButton,
|
|
67
69
|
m as PButtonGroup,
|
|
68
70
|
x as PButtonPure,
|
|
69
71
|
i as PButtonTile,
|
|
70
72
|
T as PCarousel,
|
|
71
73
|
S as PCheckboxWrapper,
|
|
72
74
|
b as PContentWrapper,
|
|
73
|
-
|
|
75
|
+
C as PCrest,
|
|
76
|
+
W as PDisplay,
|
|
74
77
|
H as PDivider,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
78
|
+
y as PFieldset,
|
|
79
|
+
h as PFieldsetWrapper,
|
|
80
|
+
M as PFlex,
|
|
81
|
+
v as PFlexItem,
|
|
82
|
+
G as PGrid,
|
|
83
|
+
q as PGridItem,
|
|
84
|
+
N as PHeading,
|
|
85
|
+
E as PHeadline,
|
|
86
|
+
K as PIcon,
|
|
87
|
+
Q as PInlineNotification,
|
|
88
|
+
V as PLink,
|
|
89
|
+
Y as PLinkPure,
|
|
90
|
+
_ as PLinkSocial,
|
|
91
|
+
ee as PLinkTile,
|
|
92
|
+
te as PLinkTileModelSignature,
|
|
93
|
+
ae as PMarque,
|
|
94
|
+
le as PModal,
|
|
95
|
+
pe as PModelSignature,
|
|
96
|
+
me as PPagination,
|
|
97
|
+
xe as PPopover,
|
|
98
|
+
ie as PRadioButtonWrapper,
|
|
99
|
+
Te as PScroller,
|
|
100
|
+
Se as PSegmentedControl,
|
|
101
|
+
be as PSegmentedControlItem,
|
|
102
|
+
Ce as PSelectWrapper,
|
|
103
|
+
We as PSpinner,
|
|
101
104
|
He as PStepperHorizontal,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
105
|
+
ye as PStepperHorizontalItem,
|
|
106
|
+
he as PSwitch,
|
|
107
|
+
Me as PTable,
|
|
108
|
+
ve as PTableBody,
|
|
109
|
+
Ge as PTableCell,
|
|
110
|
+
qe as PTableHead,
|
|
111
|
+
Ne as PTableHeadCell,
|
|
112
|
+
Ee as PTableHeadRow,
|
|
113
|
+
Ke as PTableRow,
|
|
114
|
+
Qe as PTabs,
|
|
115
|
+
Ve as PTabsBar,
|
|
116
|
+
Ye as PTabsItem,
|
|
117
|
+
_e as PTag,
|
|
118
|
+
er as PTagDismissible,
|
|
119
|
+
tr as PText,
|
|
120
|
+
ar as PTextFieldWrapper,
|
|
121
|
+
lr as PTextList,
|
|
122
|
+
pr as PTextListItem,
|
|
123
|
+
mr as PTextareaWrapper,
|
|
124
|
+
xr as PToast,
|
|
125
|
+
ir as PWordmark,
|
|
126
|
+
Sr as PorscheDesignSystemProvider,
|
|
127
|
+
t as componentsReady,
|
|
128
|
+
br as createPorscheDesignSystem,
|
|
129
|
+
Br as usePorscheDesignSystemPlugin,
|
|
130
|
+
Tr as useToastManager
|
|
127
131
|
};
|