@porsche-design-system/components-vue 3.28.0-rc.3 → 3.29.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.
- package/CHANGELOG.md +27 -0
- package/cjs/lib/components/InputNumberWrapper.vue.cjs +1 -0
- package/cjs/lib/components/InputNumberWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/InputPasswordWrapper.vue.cjs +1 -1
- package/cjs/lib/components/InputSearchWrapper.vue.cjs +1 -0
- package/cjs/lib/components/InputSearchWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/InputTextWrapper.vue.cjs +1 -0
- package/cjs/lib/components/InputTextWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/SelectWrapper.vue.cjs +1 -1
- package/cjs/lib/components/TextareaWrapper.vue.cjs +1 -1
- package/cjs/public-api.cjs +1 -1
- package/esm/lib/components/InputNumberWrapper.vue.d.ts +117 -0
- package/esm/lib/components/InputNumberWrapper.vue.mjs +47 -0
- package/esm/lib/components/InputNumberWrapper.vue2.mjs +4 -0
- package/esm/lib/components/InputPasswordWrapper.vue.d.ts +6 -2
- package/esm/lib/components/InputPasswordWrapper.vue.mjs +8 -7
- package/esm/lib/components/InputSearchWrapper.vue.d.ts +109 -0
- package/esm/lib/components/InputSearchWrapper.vue.mjs +45 -0
- package/esm/lib/components/InputSearchWrapper.vue2.mjs +4 -0
- package/esm/lib/components/InputTextWrapper.vue.d.ts +116 -0
- package/esm/lib/components/InputTextWrapper.vue.mjs +47 -0
- package/esm/lib/components/InputTextWrapper.vue2.mjs +4 -0
- package/esm/lib/components/SelectWrapper.vue.d.ts +5 -0
- package/esm/lib/components/SelectWrapper.vue.mjs +8 -7
- package/esm/lib/components/TextareaWrapper.vue.d.ts +2 -3
- package/esm/lib/components/TextareaWrapper.vue.mjs +4 -4
- package/esm/lib/components/index.d.ts +3 -0
- package/esm/lib/types.d.ts +29 -4
- package/esm/public-api.mjs +126 -120
- package/package.json +3 -3
- package/{tailwind → tailwindcss}/index.css +194 -133
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as B, createBlock as C, resolveDynamicComponent as g, unref as _, withCtx as b, renderSlot as x } from "vue";
|
|
2
|
+
import { usePrefix as k, themeInjectionKey as v, addEventListenerToElementRef as a, syncProperties as f } from "../../utils.mjs";
|
|
3
|
+
const P = /* @__PURE__ */ u({
|
|
4
|
+
__name: "InputTextWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
autoComplete: {},
|
|
7
|
+
compact: { type: Boolean, default: !1 },
|
|
8
|
+
counter: { type: Boolean, default: !1 },
|
|
9
|
+
description: { default: "" },
|
|
10
|
+
disabled: { type: Boolean, default: !1 },
|
|
11
|
+
form: {},
|
|
12
|
+
hideLabel: { default: !1 },
|
|
13
|
+
label: { default: "" },
|
|
14
|
+
loading: { type: Boolean, default: !1 },
|
|
15
|
+
maxLength: {},
|
|
16
|
+
message: { default: "" },
|
|
17
|
+
minLength: {},
|
|
18
|
+
name: {},
|
|
19
|
+
placeholder: { default: "" },
|
|
20
|
+
readOnly: { type: Boolean, default: !1 },
|
|
21
|
+
required: { type: Boolean, default: !1 },
|
|
22
|
+
spellCheck: { type: Boolean },
|
|
23
|
+
state: { default: "none" },
|
|
24
|
+
theme: {},
|
|
25
|
+
value: { default: "" }
|
|
26
|
+
},
|
|
27
|
+
emits: ["blur", "change", "input"],
|
|
28
|
+
setup(s, { emit: r }) {
|
|
29
|
+
const d = k("p-input-text"), t = s, e = m(), n = r, l = c(v), p = () => f(e, { ...t, theme: t.theme || l.value });
|
|
30
|
+
return i(() => {
|
|
31
|
+
p(), a(e, "blur", n), a(e, "change", n), a(e, "input", n);
|
|
32
|
+
}), h(p), y(l, (o) => {
|
|
33
|
+
f(e, { theme: t.theme || o });
|
|
34
|
+
}), (o, L) => (B(), C(g(_(d)), {
|
|
35
|
+
ref_key: "pdsComponentRef",
|
|
36
|
+
ref: e
|
|
37
|
+
}, {
|
|
38
|
+
default: b(() => [
|
|
39
|
+
x(o.$slots, "default")
|
|
40
|
+
]),
|
|
41
|
+
_: 3
|
|
42
|
+
}, 512));
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
export {
|
|
46
|
+
P as default
|
|
47
|
+
};
|
|
@@ -16,6 +16,10 @@ type PSelectProps = {
|
|
|
16
16
|
* Changes the direction to which the dropdown list appears.
|
|
17
17
|
*/
|
|
18
18
|
dropdownDirection?: SelectDropdownDirection;
|
|
19
|
+
/**
|
|
20
|
+
* Shows an input in the dropdown allowing options to be filtered.
|
|
21
|
+
*/
|
|
22
|
+
filter?: boolean;
|
|
19
23
|
/**
|
|
20
24
|
* The id of a form element the select should be associated with.
|
|
21
25
|
*/
|
|
@@ -61,6 +65,7 @@ declare const __VLS_component: import("vue").DefineComponent<PSelectProps, {}, {
|
|
|
61
65
|
}, string, import("vue").PublicProps, Readonly<PSelectProps> & Readonly<{
|
|
62
66
|
onUpdate?: ((value: SelectUpdateEventDetail) => any) | undefined;
|
|
63
67
|
}>, {
|
|
68
|
+
filter: boolean;
|
|
64
69
|
label: string;
|
|
65
70
|
description: string;
|
|
66
71
|
disabled: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as p, ref as m, inject as c, onMounted as u, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as
|
|
2
|
-
import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as
|
|
1
|
+
import { defineComponent as p, ref as m, inject as c, onMounted as u, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as B, unref as C, withCtx as b, renderSlot as v } from "vue";
|
|
2
|
+
import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as l } from "../../utils.mjs";
|
|
3
3
|
const j = /* @__PURE__ */ p({
|
|
4
4
|
__name: "SelectWrapper",
|
|
5
5
|
props: {
|
|
@@ -7,6 +7,7 @@ const j = /* @__PURE__ */ p({
|
|
|
7
7
|
description: { default: "" },
|
|
8
8
|
disabled: { type: Boolean, default: !1 },
|
|
9
9
|
dropdownDirection: { default: "auto" },
|
|
10
|
+
filter: { type: Boolean, default: !1 },
|
|
10
11
|
form: {},
|
|
11
12
|
hideLabel: { default: !1 },
|
|
12
13
|
label: { default: "" },
|
|
@@ -18,13 +19,13 @@ const j = /* @__PURE__ */ p({
|
|
|
18
19
|
value: {}
|
|
19
20
|
},
|
|
20
21
|
emits: ["update"],
|
|
21
|
-
setup(
|
|
22
|
-
const
|
|
22
|
+
setup(s, { emit: f }) {
|
|
23
|
+
const r = w("p-select"), t = s, e = m(), d = f, n = c(R), a = () => l(e, { ...t, theme: t.theme || n.value });
|
|
23
24
|
return u(() => {
|
|
24
|
-
a(), k(e, "update",
|
|
25
|
+
a(), k(e, "update", d);
|
|
25
26
|
}), i(a), h(n, (o) => {
|
|
26
|
-
|
|
27
|
-
}), (o, x) => (y(), _(C(
|
|
27
|
+
l(e, { theme: t.theme || o });
|
|
28
|
+
}), (o, x) => (y(), _(B(C(r)), {
|
|
28
29
|
ref_key: "pdsComponentRef",
|
|
29
30
|
ref: e
|
|
30
31
|
}, {
|
|
@@ -17,7 +17,7 @@ type PTextareaProps = {
|
|
|
17
17
|
*/
|
|
18
18
|
form?: string;
|
|
19
19
|
/**
|
|
20
|
-
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
20
|
+
* Show or hide label. For better accessibility, it is recommended to show the label.
|
|
21
21
|
*/
|
|
22
22
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
23
23
|
/**
|
|
@@ -57,7 +57,7 @@ type PTextareaProps = {
|
|
|
57
57
|
*/
|
|
58
58
|
resize?: TextareaResize;
|
|
59
59
|
/**
|
|
60
|
-
* The
|
|
60
|
+
* The number of rows of the textarea.
|
|
61
61
|
*/
|
|
62
62
|
rows?: number;
|
|
63
63
|
/**
|
|
@@ -107,7 +107,6 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, {},
|
|
|
107
107
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
108
108
|
value: string;
|
|
109
109
|
message: string;
|
|
110
|
-
autoComplete: TextareaAutoComplete;
|
|
111
110
|
placeholder: string;
|
|
112
111
|
readOnly: boolean;
|
|
113
112
|
showCounter: boolean;
|
|
@@ -3,7 +3,7 @@ import { usePrefix as x, themeInjectionKey as v, addEventListenerToElementRef as
|
|
|
3
3
|
const P = /* @__PURE__ */ u({
|
|
4
4
|
__name: "TextareaWrapper",
|
|
5
5
|
props: {
|
|
6
|
-
autoComplete: {
|
|
6
|
+
autoComplete: {},
|
|
7
7
|
description: { default: "" },
|
|
8
8
|
disabled: { type: Boolean, default: !1 },
|
|
9
9
|
form: {},
|
|
@@ -26,13 +26,13 @@ const P = /* @__PURE__ */ u({
|
|
|
26
26
|
wrap: { default: "soft" }
|
|
27
27
|
},
|
|
28
28
|
emits: ["blur", "change", "input"],
|
|
29
|
-
setup(f, { emit:
|
|
30
|
-
const
|
|
29
|
+
setup(f, { emit: p }) {
|
|
30
|
+
const d = x("p-textarea"), t = f, e = m(), a = p, l = c(v), r = () => s(e, { ...t, theme: t.theme || l.value });
|
|
31
31
|
return i(() => {
|
|
32
32
|
r(), n(e, "blur", a), n(e, "change", a), n(e, "input", a);
|
|
33
33
|
}), h(r), y(l, (o) => {
|
|
34
34
|
s(e, { theme: t.theme || o });
|
|
35
|
-
}), (o, k) => (C(), B(_(b(
|
|
35
|
+
}), (o, k) => (C(), B(_(b(d)), {
|
|
36
36
|
ref_key: "pdsComponentRef",
|
|
37
37
|
ref: e
|
|
38
38
|
}, {
|
|
@@ -26,7 +26,10 @@ export { default as PHeading } from './HeadingWrapper.vue';
|
|
|
26
26
|
export { default as PHeadline } from './HeadlineWrapper.vue';
|
|
27
27
|
export { default as PIcon } from './IconWrapper.vue';
|
|
28
28
|
export { default as PInlineNotification } from './InlineNotificationWrapper.vue';
|
|
29
|
+
export { default as PInputNumber } from './InputNumberWrapper.vue';
|
|
29
30
|
export { default as PInputPassword } from './InputPasswordWrapper.vue';
|
|
31
|
+
export { default as PInputSearch } from './InputSearchWrapper.vue';
|
|
32
|
+
export { default as PInputText } from './InputTextWrapper.vue';
|
|
30
33
|
export { default as PLink } from './LinkWrapper.vue';
|
|
31
34
|
export { default as PLinkPure } from './LinkPureWrapper.vue';
|
|
32
35
|
export { default as PLinkSocial } from './LinkSocialWrapper.vue';
|
package/esm/lib/types.d.ts
CHANGED
|
@@ -1088,18 +1088,44 @@ declare const ICON_COLORS: readonly [
|
|
|
1088
1088
|
"state-disabled"
|
|
1089
1089
|
];
|
|
1090
1090
|
export type IconColor = (typeof ICON_COLORS)[number];
|
|
1091
|
+
export type InputNumberState = FormState;
|
|
1092
|
+
declare const INPUT_NUMBER_AUTO_COMPLETE: readonly [
|
|
1093
|
+
"off",
|
|
1094
|
+
"on"
|
|
1095
|
+
];
|
|
1096
|
+
export type InputNumberAutoComplete = (typeof INPUT_NUMBER_AUTO_COMPLETE)[number];
|
|
1097
|
+
export type InputNumberChangeEventDetail = Event;
|
|
1098
|
+
export type InputNumberBlurEventDetail = Event;
|
|
1099
|
+
export type InputNumberInputEventDetail = InputEvent;
|
|
1091
1100
|
export type InputPasswordState = FormState;
|
|
1092
1101
|
declare const INPUT_PASSWORD_AUTO_COMPLETE: readonly [
|
|
1093
1102
|
"off",
|
|
1094
1103
|
"on",
|
|
1095
1104
|
"current-password",
|
|
1096
|
-
"new-password"
|
|
1097
|
-
""
|
|
1105
|
+
"new-password"
|
|
1098
1106
|
];
|
|
1099
1107
|
export type InputPasswordAutoComplete = (typeof INPUT_PASSWORD_AUTO_COMPLETE)[number];
|
|
1100
1108
|
export type InputPasswordChangeEventDetail = Event;
|
|
1101
1109
|
export type InputPasswordBlurEventDetail = Event;
|
|
1102
1110
|
export type InputPasswordInputEventDetail = InputEvent;
|
|
1111
|
+
export type InputSearchState = FormState;
|
|
1112
|
+
declare const INPUT_SEARCH_AUTO_COMPLETE: readonly [
|
|
1113
|
+
"off",
|
|
1114
|
+
"on"
|
|
1115
|
+
];
|
|
1116
|
+
export type InputSearchAutoComplete = (typeof INPUT_SEARCH_AUTO_COMPLETE)[number];
|
|
1117
|
+
export type InputSearchChangeEventDetail = Event;
|
|
1118
|
+
export type InputSearchBlurEventDetail = Event;
|
|
1119
|
+
export type InputSearchInputEventDetail = InputEvent;
|
|
1120
|
+
export type InputTextState = FormState;
|
|
1121
|
+
declare const INPUT_TEXT_AUTO_COMPLETE: readonly [
|
|
1122
|
+
"off",
|
|
1123
|
+
"on"
|
|
1124
|
+
];
|
|
1125
|
+
export type InputTextAutoComplete = (typeof INPUT_TEXT_AUTO_COMPLETE)[number];
|
|
1126
|
+
export type InputTextChangeEventDetail = Event;
|
|
1127
|
+
export type InputTextBlurEventDetail = Event;
|
|
1128
|
+
export type InputTextInputEventDetail = InputEvent;
|
|
1103
1129
|
export type LinkIcon = LinkButtonIconName;
|
|
1104
1130
|
export type LinkPureIcon = LinkButtonIconName;
|
|
1105
1131
|
export type LinkPureAriaAttribute = LinkAriaAttribute;
|
|
@@ -1490,8 +1516,7 @@ export type TextListType = (typeof TEXT_LIST_TYPES)[number];
|
|
|
1490
1516
|
export type TextareaState = FormState;
|
|
1491
1517
|
declare const AUTO_COMPLETE: readonly [
|
|
1492
1518
|
"off",
|
|
1493
|
-
"on"
|
|
1494
|
-
""
|
|
1519
|
+
"on"
|
|
1495
1520
|
];
|
|
1496
1521
|
export type TextareaAutoComplete = (typeof AUTO_COMPLETE)[number];
|
|
1497
1522
|
declare const TEXTAREA_WRAPS: readonly [
|
package/esm/public-api.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { componentsReady as
|
|
1
|
+
import { componentsReady as r } from "@porsche-design-system/components-js";
|
|
2
2
|
import { default as a } from "./lib/components/AccordionWrapper.vue.mjs";
|
|
3
3
|
import { default as l } from "./lib/components/BannerWrapper.vue.mjs";
|
|
4
4
|
import { default as s } from "./lib/components/ButtonWrapper.vue.mjs";
|
|
@@ -7,77 +7,80 @@ import { default as x } from "./lib/components/ButtonPureWrapper.vue.mjs";
|
|
|
7
7
|
import { default as i } from "./lib/components/ButtonTileWrapper.vue.mjs";
|
|
8
8
|
import { default as T } from "./lib/components/CanvasWrapper.vue.mjs";
|
|
9
9
|
import { default as S } from "./lib/components/CarouselWrapper.vue.mjs";
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
10
|
+
import { default as g } from "./lib/components/CheckboxWrapper.vue.mjs";
|
|
11
|
+
import { default as C } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
|
|
12
|
+
import { default as h } from "./lib/components/ContentWrapperWrapper.vue.mjs";
|
|
13
|
+
import { default as L } from "./lib/components/CrestWrapper.vue.mjs";
|
|
14
14
|
import { default as B } from "./lib/components/DisplayWrapper.vue.mjs";
|
|
15
15
|
import { default as w } from "./lib/components/DividerWrapper.vue.mjs";
|
|
16
16
|
import { default as M } from "./lib/components/DrilldownWrapper.vue.mjs";
|
|
17
17
|
import { default as v } from "./lib/components/DrilldownItemWrapper.vue.mjs";
|
|
18
18
|
import { default as G } from "./lib/components/DrilldownLinkWrapper.vue.mjs";
|
|
19
19
|
import { default as z } from "./lib/components/FieldsetWrapper.vue.mjs";
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
20
|
+
import { default as j } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
|
|
21
|
+
import { default as A } from "./lib/components/FlexWrapper.vue.mjs";
|
|
22
22
|
import { default as E } from "./lib/components/FlexItemWrapper.vue.mjs";
|
|
23
23
|
import { default as Q } from "./lib/components/FlyoutWrapper.vue.mjs";
|
|
24
24
|
import { default as V } from "./lib/components/GridWrapper.vue.mjs";
|
|
25
25
|
import { default as Y } from "./lib/components/GridItemWrapper.vue.mjs";
|
|
26
26
|
import { default as _ } from "./lib/components/HeadingWrapper.vue.mjs";
|
|
27
27
|
import { default as ee } from "./lib/components/HeadlineWrapper.vue.mjs";
|
|
28
|
-
import { default as
|
|
28
|
+
import { default as re } from "./lib/components/IconWrapper.vue.mjs";
|
|
29
29
|
import { default as ae } from "./lib/components/InlineNotificationWrapper.vue.mjs";
|
|
30
|
-
import { default as le } from "./lib/components/
|
|
31
|
-
import { default as se } from "./lib/components/
|
|
32
|
-
import { default as ue } from "./lib/components/
|
|
33
|
-
import { default as xe } from "./lib/components/
|
|
34
|
-
import { default as ie } from "./lib/components/
|
|
35
|
-
import { default as Te } from "./lib/components/
|
|
36
|
-
import { default as Se } from "./lib/components/
|
|
37
|
-
import { default as
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as Be } from "./lib/components/
|
|
42
|
-
import { default as we } from "./lib/components/
|
|
43
|
-
import { default as Me } from "./lib/components/
|
|
44
|
-
import { default as ve } from "./lib/components/
|
|
45
|
-
import { default as Ge } from "./lib/components/
|
|
46
|
-
import { default as ze } from "./lib/components/
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as Ee } 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
|
|
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
|
|
65
|
-
import { default as
|
|
66
|
-
import { default as
|
|
67
|
-
import { default as
|
|
68
|
-
import { default as Bt } from "./lib/components/
|
|
69
|
-
import { default as wt } from "./lib/components/
|
|
70
|
-
import { default as Mt } from "./lib/components/
|
|
71
|
-
import { default as vt } from "./lib/components/
|
|
72
|
-
import { default as Gt } from "./lib/components/
|
|
73
|
-
import { default as zt } from "./lib/components/
|
|
74
|
-
import { default as
|
|
75
|
-
import { default as
|
|
76
|
-
import { default as Et } from "./lib/components/
|
|
77
|
-
import { default as Qt } from "./lib/components/
|
|
78
|
-
import {
|
|
79
|
-
import { default as
|
|
80
|
-
import {
|
|
30
|
+
import { default as le } from "./lib/components/InputNumberWrapper.vue.mjs";
|
|
31
|
+
import { default as se } from "./lib/components/InputPasswordWrapper.vue.mjs";
|
|
32
|
+
import { default as ue } from "./lib/components/InputSearchWrapper.vue.mjs";
|
|
33
|
+
import { default as xe } from "./lib/components/InputTextWrapper.vue.mjs";
|
|
34
|
+
import { default as ie } from "./lib/components/LinkWrapper.vue.mjs";
|
|
35
|
+
import { default as Te } from "./lib/components/LinkPureWrapper.vue.mjs";
|
|
36
|
+
import { default as Se } from "./lib/components/LinkSocialWrapper.vue.mjs";
|
|
37
|
+
import { default as ge } from "./lib/components/LinkTileWrapper.vue.mjs";
|
|
38
|
+
import { default as Ce } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
|
|
39
|
+
import { default as he } from "./lib/components/LinkTileProductWrapper.vue.mjs";
|
|
40
|
+
import { default as Le } from "./lib/components/MarqueWrapper.vue.mjs";
|
|
41
|
+
import { default as Be } from "./lib/components/ModalWrapper.vue.mjs";
|
|
42
|
+
import { default as we } from "./lib/components/ModelSignatureWrapper.vue.mjs";
|
|
43
|
+
import { default as Me } from "./lib/components/MultiSelectWrapper.vue.mjs";
|
|
44
|
+
import { default as ve } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
|
|
45
|
+
import { default as Ge } from "./lib/components/OptgroupWrapper.vue.mjs";
|
|
46
|
+
import { default as ze } from "./lib/components/PaginationWrapper.vue.mjs";
|
|
47
|
+
import { default as je } from "./lib/components/PinCodeWrapper.vue.mjs";
|
|
48
|
+
import { default as Ae } from "./lib/components/PopoverWrapper.vue.mjs";
|
|
49
|
+
import { default as Ee } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
|
|
50
|
+
import { default as Qe } from "./lib/components/ScrollerWrapper.vue.mjs";
|
|
51
|
+
import { default as Ve } from "./lib/components/SegmentedControlWrapper.vue.mjs";
|
|
52
|
+
import { default as Ye } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
|
|
53
|
+
import { default as _e } from "./lib/components/SelectWrapper.vue.mjs";
|
|
54
|
+
import { default as et } from "./lib/components/SelectOptionWrapper.vue.mjs";
|
|
55
|
+
import { default as rt } from "./lib/components/SelectWrapperWrapper.vue.mjs";
|
|
56
|
+
import { default as at } from "./lib/components/SheetWrapper.vue.mjs";
|
|
57
|
+
import { default as lt } from "./lib/components/SpinnerWrapper.vue.mjs";
|
|
58
|
+
import { default as st } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
|
|
59
|
+
import { default as ut } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
|
|
60
|
+
import { default as xt } from "./lib/components/SwitchWrapper.vue.mjs";
|
|
61
|
+
import { default as it } from "./lib/components/TableWrapper.vue.mjs";
|
|
62
|
+
import { default as Tt } from "./lib/components/TableBodyWrapper.vue.mjs";
|
|
63
|
+
import { default as St } from "./lib/components/TableCellWrapper.vue.mjs";
|
|
64
|
+
import { default as gt } from "./lib/components/TableHeadWrapper.vue.mjs";
|
|
65
|
+
import { default as Ct } from "./lib/components/TableHeadCellWrapper.vue.mjs";
|
|
66
|
+
import { default as ht } from "./lib/components/TableHeadRowWrapper.vue.mjs";
|
|
67
|
+
import { default as Lt } from "./lib/components/TableRowWrapper.vue.mjs";
|
|
68
|
+
import { default as Bt } from "./lib/components/TabsWrapper.vue.mjs";
|
|
69
|
+
import { default as wt } from "./lib/components/TabsBarWrapper.vue.mjs";
|
|
70
|
+
import { default as Mt } from "./lib/components/TabsItemWrapper.vue.mjs";
|
|
71
|
+
import { default as vt } from "./lib/components/TagWrapper.vue.mjs";
|
|
72
|
+
import { default as Gt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
|
|
73
|
+
import { default as zt } from "./lib/components/TextWrapper.vue.mjs";
|
|
74
|
+
import { default as jt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
|
|
75
|
+
import { default as At } from "./lib/components/TextListWrapper.vue.mjs";
|
|
76
|
+
import { default as Et } from "./lib/components/TextListItemWrapper.vue.mjs";
|
|
77
|
+
import { default as Qt } from "./lib/components/TextareaWrapper.vue.mjs";
|
|
78
|
+
import { default as Vt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
|
|
79
|
+
import { default as Yt } from "./lib/components/ToastWrapper.vue.mjs";
|
|
80
|
+
import { default as _t } from "./lib/components/WordmarkWrapper.vue.mjs";
|
|
81
|
+
import { themeInjectionKey as er, useToastManager as tr } from "./utils.mjs";
|
|
82
|
+
import { default as or } from "./PorscheDesignSystemProvider.vue.mjs";
|
|
83
|
+
import { createPorscheDesignSystem as fr, usePorscheDesignSystemPlugin as lr } from "./plugin.mjs";
|
|
81
84
|
export {
|
|
82
85
|
a as PAccordion,
|
|
83
86
|
l as PBanner,
|
|
@@ -87,78 +90,81 @@ export {
|
|
|
87
90
|
i as PButtonTile,
|
|
88
91
|
T as PCanvas,
|
|
89
92
|
S as PCarousel,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
93
|
+
g as PCheckbox,
|
|
94
|
+
C as PCheckboxWrapper,
|
|
95
|
+
h as PContentWrapper,
|
|
96
|
+
L as PCrest,
|
|
94
97
|
B as PDisplay,
|
|
95
98
|
w as PDivider,
|
|
96
99
|
M as PDrilldown,
|
|
97
100
|
v as PDrilldownItem,
|
|
98
101
|
G as PDrilldownLink,
|
|
99
102
|
z as PFieldset,
|
|
100
|
-
|
|
101
|
-
|
|
103
|
+
j as PFieldsetWrapper,
|
|
104
|
+
A as PFlex,
|
|
102
105
|
E as PFlexItem,
|
|
103
106
|
Q as PFlyout,
|
|
104
107
|
V as PGrid,
|
|
105
108
|
Y as PGridItem,
|
|
106
109
|
_ as PHeading,
|
|
107
110
|
ee as PHeadline,
|
|
108
|
-
|
|
111
|
+
re as PIcon,
|
|
109
112
|
ae as PInlineNotification,
|
|
110
|
-
le as
|
|
111
|
-
se as
|
|
112
|
-
ue as
|
|
113
|
-
xe as
|
|
114
|
-
ie as
|
|
115
|
-
Te as
|
|
116
|
-
Se as
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
Be as
|
|
122
|
-
we as
|
|
123
|
-
Me as
|
|
124
|
-
ve as
|
|
125
|
-
Ge as
|
|
126
|
-
ze as
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
Ee as
|
|
130
|
-
Qe as
|
|
131
|
-
Ve as
|
|
132
|
-
Ye as
|
|
133
|
-
_e as
|
|
134
|
-
et as
|
|
135
|
-
|
|
136
|
-
at as
|
|
137
|
-
lt as
|
|
138
|
-
st as
|
|
139
|
-
ut as
|
|
140
|
-
xt as
|
|
141
|
-
it as
|
|
142
|
-
Tt as
|
|
143
|
-
St as
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
Bt as
|
|
149
|
-
wt as
|
|
150
|
-
Mt as
|
|
151
|
-
vt as
|
|
152
|
-
Gt as
|
|
153
|
-
zt as
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
Et as
|
|
157
|
-
Qt as
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
113
|
+
le as PInputNumber,
|
|
114
|
+
se as PInputPassword,
|
|
115
|
+
ue as PInputSearch,
|
|
116
|
+
xe as PInputText,
|
|
117
|
+
ie as PLink,
|
|
118
|
+
Te as PLinkPure,
|
|
119
|
+
Se as PLinkSocial,
|
|
120
|
+
ge as PLinkTile,
|
|
121
|
+
Ce as PLinkTileModelSignature,
|
|
122
|
+
he as PLinkTileProduct,
|
|
123
|
+
Le as PMarque,
|
|
124
|
+
Be as PModal,
|
|
125
|
+
we as PModelSignature,
|
|
126
|
+
Me as PMultiSelect,
|
|
127
|
+
ve as PMultiSelectOption,
|
|
128
|
+
Ge as POptgroup,
|
|
129
|
+
ze as PPagination,
|
|
130
|
+
je as PPinCode,
|
|
131
|
+
Ae as PPopover,
|
|
132
|
+
Ee as PRadioButtonWrapper,
|
|
133
|
+
Qe as PScroller,
|
|
134
|
+
Ve as PSegmentedControl,
|
|
135
|
+
Ye as PSegmentedControlItem,
|
|
136
|
+
_e as PSelect,
|
|
137
|
+
et as PSelectOption,
|
|
138
|
+
rt as PSelectWrapper,
|
|
139
|
+
at as PSheet,
|
|
140
|
+
lt as PSpinner,
|
|
141
|
+
st as PStepperHorizontal,
|
|
142
|
+
ut as PStepperHorizontalItem,
|
|
143
|
+
xt as PSwitch,
|
|
144
|
+
it as PTable,
|
|
145
|
+
Tt as PTableBody,
|
|
146
|
+
St as PTableCell,
|
|
147
|
+
gt as PTableHead,
|
|
148
|
+
Ct as PTableHeadCell,
|
|
149
|
+
ht as PTableHeadRow,
|
|
150
|
+
Lt as PTableRow,
|
|
151
|
+
Bt as PTabs,
|
|
152
|
+
wt as PTabsBar,
|
|
153
|
+
Mt as PTabsItem,
|
|
154
|
+
vt as PTag,
|
|
155
|
+
Gt as PTagDismissible,
|
|
156
|
+
zt as PText,
|
|
157
|
+
jt as PTextFieldWrapper,
|
|
158
|
+
At as PTextList,
|
|
159
|
+
Et as PTextListItem,
|
|
160
|
+
Qt as PTextarea,
|
|
161
|
+
Vt as PTextareaWrapper,
|
|
162
|
+
Yt as PToast,
|
|
163
|
+
_t as PWordmark,
|
|
164
|
+
or as PorscheDesignSystemProvider,
|
|
165
|
+
r as componentsReady,
|
|
166
|
+
fr as createPorscheDesignSystem,
|
|
167
|
+
er as themeInjectionKey,
|
|
168
|
+
lr as usePorscheDesignSystemPlugin,
|
|
169
|
+
tr as useToastManager
|
|
164
170
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porsche-design-system/components-vue",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.29.0-rc.0",
|
|
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.
|
|
20
|
+
"@porsche-design-system/components-js": "3.29.0-rc.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"ag-grid-enterprise": ">= 33.0.0 <34.0.0",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"default": "./styles/vanilla-extract/cjs/vanilla-extract/index.cjs"
|
|
64
64
|
},
|
|
65
65
|
"./tailwindcss": {
|
|
66
|
-
"style": "./
|
|
66
|
+
"style": "./tailwindcss/index.css"
|
|
67
67
|
},
|
|
68
68
|
"./ag-grid": {
|
|
69
69
|
"types": "./ag-grid/esm/index.d.ts",
|