@porsche-design-system/components-vue 3.7.0-rc.0 → 3.7.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.
- package/CHANGELOG.md +39 -0
- package/LICENSE.md +115 -0
- package/cjs/lib/components/PinCodeWrapper.vue.cjs +1 -0
- package/cjs/lib/components/PinCodeWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/RadioButtonWrapperWrapper.vue.cjs +1 -1
- package/cjs/public-api.cjs +1 -1
- package/esm/lib/components/AccordionWrapper.vue.d.ts +3 -3
- package/esm/lib/components/BannerWrapper.vue.d.ts +3 -3
- package/esm/lib/components/ButtonPureWrapper.vue.d.ts +3 -3
- package/esm/lib/components/ButtonTileWrapper.vue.d.ts +3 -3
- package/esm/lib/components/ButtonWrapper.vue.d.ts +3 -3
- package/esm/lib/components/CarouselWrapper.vue.d.ts +3 -3
- package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +3 -3
- package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +3 -3
- package/esm/lib/components/DisplayWrapper.vue.d.ts +3 -3
- package/esm/lib/components/DividerWrapper.vue.d.ts +3 -3
- package/esm/lib/components/FieldsetWrapper.vue.d.ts +3 -3
- package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +3 -3
- package/esm/lib/components/FlexItemWrapper.vue.d.ts +3 -3
- package/esm/lib/components/FlyoutWrapper.vue.d.ts +3 -3
- package/esm/lib/components/HeadingWrapper.vue.d.ts +3 -3
- package/esm/lib/components/HeadlineWrapper.vue.d.ts +3 -3
- package/esm/lib/components/IconWrapper.vue.d.ts +3 -3
- package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +3 -3
- package/esm/lib/components/LinkPureWrapper.vue.d.ts +3 -3
- package/esm/lib/components/LinkSocialWrapper.vue.d.ts +3 -3
- package/esm/lib/components/LinkTileWrapper.vue.d.ts +3 -3
- package/esm/lib/components/LinkWrapper.vue.d.ts +3 -3
- package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +3 -3
- package/esm/lib/components/MultiSelectWrapper.vue.d.ts +6 -6
- package/esm/lib/components/PaginationWrapper.vue.d.ts +3 -3
- package/esm/lib/components/PinCodeWrapper.vue.d.ts +131 -0
- package/esm/lib/components/PinCodeWrapper.vue.mjs +40 -0
- package/esm/lib/components/PinCodeWrapper.vue2.mjs +4 -0
- package/esm/lib/components/PopoverWrapper.vue.d.ts +3 -3
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +12 -3
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.mjs +11 -10
- package/esm/lib/components/ScrollerWrapper.vue.d.ts +3 -3
- package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +3 -3
- package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +6 -6
- package/esm/lib/components/SpinnerWrapper.vue.d.ts +3 -3
- package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +3 -3
- package/esm/lib/components/SwitchWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TableWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TabsBarWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TabsWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TagWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TextListWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TextWrapper.vue.d.ts +3 -3
- package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +3 -3
- package/esm/lib/components/ToastWrapper.vue.d.ts +3 -3
- package/esm/lib/components/WordmarkWrapper.vue.d.ts +3 -3
- package/esm/lib/components/index.d.ts +1 -0
- package/esm/lib/types.d.ts +18 -2
- package/esm/public-api.mjs +69 -67
- package/package.json +2 -2
- package/LICENSE +0 -59
|
@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
theme: {
|
|
12
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
12
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
13
13
|
default: string;
|
|
14
14
|
};
|
|
15
15
|
description: {
|
|
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
29
29
|
default: string;
|
|
30
30
|
};
|
|
31
31
|
dropdownDirection: {
|
|
32
|
-
type: import("vue").PropType<"
|
|
32
|
+
type: import("vue").PropType<"auto" | "down" | "up">;
|
|
33
33
|
default: string;
|
|
34
34
|
};
|
|
35
35
|
native: {
|
|
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
46
46
|
default: string;
|
|
47
47
|
};
|
|
48
48
|
theme: {
|
|
49
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
49
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
50
50
|
default: string;
|
|
51
51
|
};
|
|
52
52
|
description: {
|
|
@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
66
66
|
default: string;
|
|
67
67
|
};
|
|
68
68
|
dropdownDirection: {
|
|
69
|
-
type: import("vue").PropType<"
|
|
69
|
+
type: import("vue").PropType<"auto" | "down" | "up">;
|
|
70
70
|
default: string;
|
|
71
71
|
};
|
|
72
72
|
native: {
|
|
@@ -76,12 +76,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
76
76
|
}>>, {
|
|
77
77
|
filter: boolean;
|
|
78
78
|
label: string;
|
|
79
|
-
theme: "light" | "dark";
|
|
79
|
+
theme: "light" | "dark" | "auto";
|
|
80
80
|
description: string;
|
|
81
81
|
state: "none" | "success" | "error";
|
|
82
82
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
83
83
|
message: string;
|
|
84
|
-
dropdownDirection: "
|
|
84
|
+
dropdownDirection: "auto" | "down" | "up";
|
|
85
85
|
native: boolean;
|
|
86
86
|
}, {}>, {
|
|
87
87
|
default?(_: {}): any;
|
|
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
default: string;
|
|
6
6
|
};
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
aria: {
|
|
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
theme: {
|
|
20
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
20
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
23
|
aria: {
|
|
@@ -25,6 +25,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
25
|
};
|
|
26
26
|
}>>, {
|
|
27
27
|
size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
|
|
28
|
-
theme: "light" | "dark";
|
|
28
|
+
theme: "light" | "dark" | "auto";
|
|
29
29
|
}, {}>;
|
|
30
30
|
export default _default;
|
|
@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
5
5
|
default: string;
|
|
6
6
|
};
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
theme: {
|
|
20
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
20
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
23
|
}>> & {
|
|
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
25
|
onStepChange?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
|
|
26
26
|
}, {
|
|
27
27
|
size: BreakpointCustomizable<"small" | "medium">;
|
|
28
|
-
theme: "light" | "dark";
|
|
28
|
+
theme: "light" | "dark" | "auto";
|
|
29
29
|
}, {}>, {
|
|
30
30
|
default?(_: {}): any;
|
|
31
31
|
}>;
|
|
@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
5
5
|
default: boolean;
|
|
6
6
|
};
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
alignLabel: {
|
|
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
37
37
|
default: boolean;
|
|
38
38
|
};
|
|
39
39
|
theme: {
|
|
40
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
40
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
41
41
|
default: string;
|
|
42
42
|
};
|
|
43
43
|
alignLabel: {
|
|
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
65
65
|
onSwitchChange?: ((value: SwitchUpdateEvent) => any) | undefined;
|
|
66
66
|
}, {
|
|
67
67
|
stretch: BreakpointCustomizable<boolean>;
|
|
68
|
-
theme: "light" | "dark";
|
|
68
|
+
theme: "light" | "dark" | "auto";
|
|
69
69
|
alignLabel: BreakpointCustomizable<"left" | "right">;
|
|
70
70
|
disabled: boolean;
|
|
71
71
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
3
3
|
type: import("vue").PropType<string>;
|
|
4
4
|
};
|
|
5
5
|
theme: {
|
|
6
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
6
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
7
7
|
default: string;
|
|
8
8
|
};
|
|
9
9
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -14,14 +14,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
14
14
|
type: import("vue").PropType<string>;
|
|
15
15
|
};
|
|
16
16
|
theme: {
|
|
17
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
17
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
18
18
|
default: string;
|
|
19
19
|
};
|
|
20
20
|
}>> & {
|
|
21
21
|
onUpdate?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
|
|
22
22
|
onSortingChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
|
|
23
23
|
}, {
|
|
24
|
-
theme: "light" | "dark";
|
|
24
|
+
theme: "light" | "dark" | "auto";
|
|
25
25
|
}, {}>, {
|
|
26
26
|
default?(_: {}): any;
|
|
27
27
|
}>;
|
|
@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
theme: {
|
|
12
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
12
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
13
13
|
default: string;
|
|
14
14
|
};
|
|
15
15
|
gradientColor: {
|
|
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
35
|
default: string;
|
|
36
36
|
};
|
|
37
37
|
theme: {
|
|
38
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
38
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
39
39
|
default: string;
|
|
40
40
|
};
|
|
41
41
|
gradientColor: {
|
|
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
54
54
|
}, {
|
|
55
55
|
weight: "regular" | "semi-bold" | "semibold";
|
|
56
56
|
size: BreakpointCustomizable<"small" | "medium">;
|
|
57
|
-
theme: "light" | "dark";
|
|
57
|
+
theme: "light" | "dark" | "auto";
|
|
58
58
|
gradientColor: "background-base" | "background-surface";
|
|
59
59
|
}, {}>, {
|
|
60
60
|
default?(_: {}): any;
|
|
@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
theme: {
|
|
12
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
12
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
13
13
|
default: string;
|
|
14
14
|
};
|
|
15
15
|
gradientColor: {
|
|
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
36
36
|
default: string;
|
|
37
37
|
};
|
|
38
38
|
theme: {
|
|
39
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
39
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
40
40
|
default: string;
|
|
41
41
|
};
|
|
42
42
|
gradientColor: {
|
|
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
56
56
|
}, {
|
|
57
57
|
weight: "regular" | "semi-bold" | "semibold";
|
|
58
58
|
size: BreakpointCustomizable<"small" | "medium">;
|
|
59
|
-
theme: "light" | "dark";
|
|
59
|
+
theme: "light" | "dark" | "auto";
|
|
60
60
|
gradientColor: "background-base" | "background-surface";
|
|
61
61
|
activeTabIndex: number;
|
|
62
62
|
}, {}>, {
|
|
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
4
4
|
type: import("vue").PropType<string>;
|
|
5
5
|
};
|
|
6
6
|
theme: {
|
|
7
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
7
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
8
8
|
default: string;
|
|
9
9
|
};
|
|
10
10
|
aria: {
|
|
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
19
|
type: import("vue").PropType<string>;
|
|
20
20
|
};
|
|
21
21
|
theme: {
|
|
22
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
22
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
25
25
|
aria: {
|
|
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
30
30
|
default: string;
|
|
31
31
|
};
|
|
32
32
|
}>>, {
|
|
33
|
-
theme: "light" | "dark";
|
|
33
|
+
theme: "light" | "dark" | "auto";
|
|
34
34
|
color: "background-base" | "background-surface" | "background-default";
|
|
35
35
|
}, {}>, {
|
|
36
36
|
default?(_: {}): any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
2
|
theme: {
|
|
3
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
3
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
4
4
|
default: string;
|
|
5
5
|
};
|
|
6
6
|
icon: {
|
|
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
15
15
|
};
|
|
16
16
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
17
|
theme: {
|
|
18
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
18
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
19
19
|
default: string;
|
|
20
20
|
};
|
|
21
21
|
icon: {
|
|
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
29
29
|
default: string;
|
|
30
30
|
};
|
|
31
31
|
}>>, {
|
|
32
|
-
theme: "light" | "dark";
|
|
32
|
+
theme: "light" | "dark" | "auto";
|
|
33
33
|
color: "background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft";
|
|
34
34
|
}, {}>, {
|
|
35
35
|
default?(_: {}): any;
|
|
@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
5
5
|
default: string;
|
|
6
6
|
};
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
description: {
|
|
@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
58
58
|
default: string;
|
|
59
59
|
};
|
|
60
60
|
theme: {
|
|
61
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
61
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
62
62
|
default: string;
|
|
63
63
|
};
|
|
64
64
|
description: {
|
|
@@ -107,7 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
107
107
|
onAction?: ((value?: void | undefined) => any) | undefined;
|
|
108
108
|
}, {
|
|
109
109
|
label: string;
|
|
110
|
-
theme: "light" | "dark";
|
|
110
|
+
theme: "light" | "dark" | "auto";
|
|
111
111
|
description: string;
|
|
112
112
|
state: "none" | "success" | "error";
|
|
113
113
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
4
4
|
default: string;
|
|
5
5
|
};
|
|
6
6
|
theme: {
|
|
7
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
7
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
8
8
|
default: string;
|
|
9
9
|
};
|
|
10
10
|
listType: {
|
|
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
19
|
default: string;
|
|
20
20
|
};
|
|
21
21
|
theme: {
|
|
22
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
22
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
25
25
|
listType: {
|
|
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
30
30
|
};
|
|
31
31
|
}>>, {
|
|
32
32
|
type: "unordered" | "numbered" | "alphabetically";
|
|
33
|
-
theme: "light" | "dark";
|
|
33
|
+
theme: "light" | "dark" | "auto";
|
|
34
34
|
}, {}>, {
|
|
35
35
|
default?(_: {}): any;
|
|
36
36
|
}>;
|
|
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
13
13
|
default: string;
|
|
14
14
|
};
|
|
15
15
|
theme: {
|
|
16
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
16
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
align: {
|
|
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
42
42
|
default: string;
|
|
43
43
|
};
|
|
44
44
|
theme: {
|
|
45
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
45
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
46
46
|
default: string;
|
|
47
47
|
};
|
|
48
48
|
align: {
|
|
@@ -61,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
61
|
weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
|
|
62
62
|
size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
|
|
63
63
|
tag: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend";
|
|
64
|
-
theme: "light" | "dark";
|
|
64
|
+
theme: "light" | "dark" | "auto";
|
|
65
65
|
align: "center" | "left" | "right";
|
|
66
66
|
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";
|
|
67
67
|
ellipsis: boolean;
|
|
@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
5
5
|
default: string;
|
|
6
6
|
};
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
description: {
|
|
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
37
37
|
default: string;
|
|
38
38
|
};
|
|
39
39
|
theme: {
|
|
40
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
40
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
41
41
|
default: string;
|
|
42
42
|
};
|
|
43
43
|
description: {
|
|
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
65
65
|
};
|
|
66
66
|
}>>, {
|
|
67
67
|
label: string;
|
|
68
|
-
theme: "light" | "dark";
|
|
68
|
+
theme: "light" | "dark" | "auto";
|
|
69
69
|
description: string;
|
|
70
70
|
state: "none" | "success" | "error";
|
|
71
71
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
|
2
2
|
theme: {
|
|
3
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
3
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
4
4
|
default: string;
|
|
5
5
|
};
|
|
6
6
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
}>>, {
|
|
12
|
-
theme: "light" | "dark";
|
|
12
|
+
theme: "light" | "dark" | "auto";
|
|
13
13
|
}, {}>;
|
|
14
14
|
export default _default;
|
|
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
default: string;
|
|
6
6
|
};
|
|
7
7
|
theme: {
|
|
8
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
8
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
aria: {
|
|
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
default: string;
|
|
25
25
|
};
|
|
26
26
|
theme: {
|
|
27
|
-
type: import("vue").PropType<"light" | "dark">;
|
|
27
|
+
type: import("vue").PropType<"light" | "dark" | "auto">;
|
|
28
28
|
default: string;
|
|
29
29
|
};
|
|
30
30
|
aria: {
|
|
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
39
|
};
|
|
40
40
|
}>>, {
|
|
41
41
|
size: "inherit" | "small";
|
|
42
|
-
theme: "light" | "dark";
|
|
42
|
+
theme: "light" | "dark" | "auto";
|
|
43
43
|
target: string;
|
|
44
44
|
}, {}>;
|
|
45
45
|
export default _default;
|
|
@@ -32,6 +32,7 @@ export { default as PModelSignature } from './ModelSignatureWrapper.vue';
|
|
|
32
32
|
export { default as PMultiSelect } from './MultiSelectWrapper.vue';
|
|
33
33
|
export { default as PMultiSelectOption } from './MultiSelectOptionWrapper.vue';
|
|
34
34
|
export { default as PPagination } from './PaginationWrapper.vue';
|
|
35
|
+
export { default as PPinCode } from './PinCodeWrapper.vue';
|
|
35
36
|
export { default as PPopover } from './PopoverWrapper.vue';
|
|
36
37
|
export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';
|
|
37
38
|
export { default as PScroller } from './ScrollerWrapper.vue';
|
package/esm/lib/types.d.ts
CHANGED
|
@@ -448,9 +448,10 @@ export type BreakpointValues<T> = {
|
|
|
448
448
|
export type BreakpointCustomizable<T> = T | BreakpointValues<T> | string;
|
|
449
449
|
declare const THEMES: readonly [
|
|
450
450
|
"light",
|
|
451
|
-
"dark"
|
|
451
|
+
"dark",
|
|
452
|
+
"auto"
|
|
452
453
|
];
|
|
453
|
-
export type Theme = typeof THEMES[number];
|
|
454
|
+
export type Theme = (typeof THEMES)[number];
|
|
454
455
|
declare const TILE_ASPECT_RATIOS: readonly [
|
|
455
456
|
"1:1",
|
|
456
457
|
"4:3",
|
|
@@ -1028,6 +1029,21 @@ export type PaginationUpdateEvent = {
|
|
|
1028
1029
|
previousPage: number;
|
|
1029
1030
|
};
|
|
1030
1031
|
export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>> | string;
|
|
1032
|
+
declare const PIN_CODE_TYPES: readonly [
|
|
1033
|
+
"number",
|
|
1034
|
+
"password"
|
|
1035
|
+
];
|
|
1036
|
+
export type PinCodeType = (typeof PIN_CODE_TYPES)[number];
|
|
1037
|
+
declare const PIN_CODE_LENGTHS: readonly [
|
|
1038
|
+
4,
|
|
1039
|
+
6
|
|
1040
|
+
];
|
|
1041
|
+
export type PinCodeLength = (typeof PIN_CODE_LENGTHS)[number];
|
|
1042
|
+
export type PinCodeUpdateEvent = {
|
|
1043
|
+
value: string;
|
|
1044
|
+
isComplete: boolean;
|
|
1045
|
+
};
|
|
1046
|
+
export type PinCodeState = FormState;
|
|
1031
1047
|
declare const POPOVER_DIRECTIONS: readonly [
|
|
1032
1048
|
"top",
|
|
1033
1049
|
"right",
|
package/esm/public-api.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import { default as i } from "./lib/components/ButtonTileWrapper.vue.mjs";
|
|
|
8
8
|
import { default as T } from "./lib/components/CarouselWrapper.vue.mjs";
|
|
9
9
|
import { default as S } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
|
|
10
10
|
import { default as b } from "./lib/components/ContentWrapperWrapper.vue.mjs";
|
|
11
|
-
import { default as
|
|
11
|
+
import { default as B } from "./lib/components/CrestWrapper.vue.mjs";
|
|
12
12
|
import { default as W } from "./lib/components/DisplayWrapper.vue.mjs";
|
|
13
13
|
import { default as y } from "./lib/components/DividerWrapper.vue.mjs";
|
|
14
14
|
import { default as L } from "./lib/components/FieldsetWrapper.vue.mjs";
|
|
@@ -33,38 +33,39 @@ import { default as ue } from "./lib/components/ModelSignatureWrapper.vue.mjs";
|
|
|
33
33
|
import { default as xe } from "./lib/components/MultiSelectWrapper.vue.mjs";
|
|
34
34
|
import { default as ie } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
|
|
35
35
|
import { default as Te } from "./lib/components/PaginationWrapper.vue.mjs";
|
|
36
|
-
import { default as Se } from "./lib/components/
|
|
37
|
-
import { default as be } from "./lib/components/
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as We } from "./lib/components/
|
|
40
|
-
import { default as ye } from "./lib/components/
|
|
41
|
-
import { default as Le } from "./lib/components/
|
|
42
|
-
import { default as De } from "./lib/components/
|
|
43
|
-
import { default as he } from "./lib/components/
|
|
44
|
-
import { default as ve } from "./lib/components/
|
|
45
|
-
import { default as Ge } from "./lib/components/
|
|
46
|
-
import { default as qe } from "./lib/components/
|
|
47
|
-
import { default as Ne } from "./lib/components/
|
|
48
|
-
import { default as je } from "./lib/components/
|
|
49
|
-
import { default as Je } from "./lib/components/
|
|
50
|
-
import { default as Qe } from "./lib/components/
|
|
51
|
-
import { default as Ve } from "./lib/components/
|
|
52
|
-
import { default as Ye } from "./lib/components/
|
|
53
|
-
import { default as _e } from "./lib/components/
|
|
54
|
-
import { default as et } from "./lib/components/
|
|
55
|
-
import { default as rt } from "./lib/components/
|
|
56
|
-
import { default as at } from "./lib/components/
|
|
57
|
-
import { default as lt } from "./lib/components/
|
|
58
|
-
import { default as st } from "./lib/components/
|
|
59
|
-
import { default as ut } from "./lib/components/
|
|
60
|
-
import { default as xt } from "./lib/components/
|
|
61
|
-
import { default as it } from "./lib/components/
|
|
62
|
-
import { default as Tt } from "./lib/components/
|
|
63
|
-
import { default as St } from "./lib/components/
|
|
64
|
-
import { default as bt } from "./lib/components/
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
36
|
+
import { default as Se } from "./lib/components/PinCodeWrapper.vue.mjs";
|
|
37
|
+
import { default as be } from "./lib/components/PopoverWrapper.vue.mjs";
|
|
38
|
+
import { default as Be } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
|
|
39
|
+
import { default as We } from "./lib/components/ScrollerWrapper.vue.mjs";
|
|
40
|
+
import { default as ye } from "./lib/components/SegmentedControlWrapper.vue.mjs";
|
|
41
|
+
import { default as Le } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
|
|
42
|
+
import { default as De } from "./lib/components/SelectWrapperWrapper.vue.mjs";
|
|
43
|
+
import { default as he } from "./lib/components/SpinnerWrapper.vue.mjs";
|
|
44
|
+
import { default as ve } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
|
|
45
|
+
import { default as Ge } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
|
|
46
|
+
import { default as qe } from "./lib/components/SwitchWrapper.vue.mjs";
|
|
47
|
+
import { default as Ne } from "./lib/components/TableWrapper.vue.mjs";
|
|
48
|
+
import { default as je } from "./lib/components/TableBodyWrapper.vue.mjs";
|
|
49
|
+
import { default as Je } from "./lib/components/TableCellWrapper.vue.mjs";
|
|
50
|
+
import { default as Qe } from "./lib/components/TableHeadWrapper.vue.mjs";
|
|
51
|
+
import { default as Ve } from "./lib/components/TableHeadCellWrapper.vue.mjs";
|
|
52
|
+
import { default as Ye } from "./lib/components/TableHeadRowWrapper.vue.mjs";
|
|
53
|
+
import { default as _e } from "./lib/components/TableRowWrapper.vue.mjs";
|
|
54
|
+
import { default as et } from "./lib/components/TabsWrapper.vue.mjs";
|
|
55
|
+
import { default as rt } from "./lib/components/TabsBarWrapper.vue.mjs";
|
|
56
|
+
import { default as at } from "./lib/components/TabsItemWrapper.vue.mjs";
|
|
57
|
+
import { default as lt } from "./lib/components/TagWrapper.vue.mjs";
|
|
58
|
+
import { default as st } from "./lib/components/TagDismissibleWrapper.vue.mjs";
|
|
59
|
+
import { default as ut } from "./lib/components/TextWrapper.vue.mjs";
|
|
60
|
+
import { default as xt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
|
|
61
|
+
import { default as it } from "./lib/components/TextListWrapper.vue.mjs";
|
|
62
|
+
import { default as Tt } from "./lib/components/TextListItemWrapper.vue.mjs";
|
|
63
|
+
import { default as St } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
|
|
64
|
+
import { default as bt } from "./lib/components/ToastWrapper.vue.mjs";
|
|
65
|
+
import { default as Bt } from "./lib/components/WordmarkWrapper.vue.mjs";
|
|
66
|
+
import { useToastManager as Wt } from "./utils.mjs";
|
|
67
|
+
import { default as yt } from "./PorscheDesignSystemProvider.vue.mjs";
|
|
68
|
+
import { createPorscheDesignSystem as Lt, usePorscheDesignSystemPlugin as Mt } from "./plugin.mjs";
|
|
68
69
|
export {
|
|
69
70
|
a as PAccordion,
|
|
70
71
|
l as PBanner,
|
|
@@ -75,7 +76,7 @@ export {
|
|
|
75
76
|
T as PCarousel,
|
|
76
77
|
S as PCheckboxWrapper,
|
|
77
78
|
b as PContentWrapper,
|
|
78
|
-
|
|
79
|
+
B as PCrest,
|
|
79
80
|
W as PDisplay,
|
|
80
81
|
y as PDivider,
|
|
81
82
|
L as PFieldset,
|
|
@@ -100,38 +101,39 @@ export {
|
|
|
100
101
|
xe as PMultiSelect,
|
|
101
102
|
ie as PMultiSelectOption,
|
|
102
103
|
Te as PPagination,
|
|
103
|
-
Se as
|
|
104
|
-
be as
|
|
105
|
-
|
|
106
|
-
We as
|
|
107
|
-
ye as
|
|
108
|
-
Le as
|
|
109
|
-
De as
|
|
110
|
-
he as
|
|
111
|
-
ve as
|
|
112
|
-
Ge as
|
|
113
|
-
qe as
|
|
114
|
-
Ne as
|
|
115
|
-
je as
|
|
116
|
-
Je as
|
|
117
|
-
Qe as
|
|
118
|
-
Ve as
|
|
119
|
-
Ye as
|
|
120
|
-
_e as
|
|
121
|
-
et as
|
|
122
|
-
rt as
|
|
123
|
-
at as
|
|
124
|
-
lt as
|
|
125
|
-
st as
|
|
126
|
-
ut as
|
|
127
|
-
xt as
|
|
128
|
-
it as
|
|
129
|
-
Tt as
|
|
130
|
-
St as
|
|
131
|
-
bt as
|
|
132
|
-
|
|
104
|
+
Se as PPinCode,
|
|
105
|
+
be as PPopover,
|
|
106
|
+
Be as PRadioButtonWrapper,
|
|
107
|
+
We as PScroller,
|
|
108
|
+
ye as PSegmentedControl,
|
|
109
|
+
Le as PSegmentedControlItem,
|
|
110
|
+
De as PSelectWrapper,
|
|
111
|
+
he as PSpinner,
|
|
112
|
+
ve as PStepperHorizontal,
|
|
113
|
+
Ge as PStepperHorizontalItem,
|
|
114
|
+
qe as PSwitch,
|
|
115
|
+
Ne as PTable,
|
|
116
|
+
je as PTableBody,
|
|
117
|
+
Je as PTableCell,
|
|
118
|
+
Qe as PTableHead,
|
|
119
|
+
Ve as PTableHeadCell,
|
|
120
|
+
Ye as PTableHeadRow,
|
|
121
|
+
_e as PTableRow,
|
|
122
|
+
et as PTabs,
|
|
123
|
+
rt as PTabsBar,
|
|
124
|
+
at as PTabsItem,
|
|
125
|
+
lt as PTag,
|
|
126
|
+
st as PTagDismissible,
|
|
127
|
+
ut as PText,
|
|
128
|
+
xt as PTextFieldWrapper,
|
|
129
|
+
it as PTextList,
|
|
130
|
+
Tt as PTextListItem,
|
|
131
|
+
St as PTextareaWrapper,
|
|
132
|
+
bt as PToast,
|
|
133
|
+
Bt as PWordmark,
|
|
134
|
+
yt as PorscheDesignSystemProvider,
|
|
133
135
|
r as componentsReady,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
136
|
+
Lt as createPorscheDesignSystem,
|
|
137
|
+
Mt as usePorscheDesignSystemPlugin,
|
|
138
|
+
Wt as useToastManager
|
|
137
139
|
};
|