@porsche-design-system/components-vue 3.14.0 → 3.15.0-rc.1
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 +24 -0
- package/cjs/lib/components/ModelSignatureWrapper.vue.cjs +1 -1
- package/esm/lib/components/ModelSignatureWrapper.vue.mjs +18 -10
- package/package.json +2 -2
- package/esm/PorscheDesignSystemProvider.vue.d.ts +0 -41
- package/esm/lib/components/AccordionWrapper.vue.d.ts +0 -68
- package/esm/lib/components/BannerWrapper.vue.d.ts +0 -82
- package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +0 -45
- package/esm/lib/components/ButtonPureWrapper.vue.d.ts +0 -123
- package/esm/lib/components/ButtonTileWrapper.vue.d.ts +0 -125
- package/esm/lib/components/ButtonWrapper.vue.d.ts +0 -94
- package/esm/lib/components/CarouselWrapper.vue.d.ts +0 -120
- package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +0 -71
- package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +0 -53
- package/esm/lib/components/CrestWrapper.vue.d.ts +0 -40
- package/esm/lib/components/DisplayWrapper.vue.d.ts +0 -68
- package/esm/lib/components/DividerWrapper.vue.d.ts +0 -47
- package/esm/lib/components/FieldsetWrapper.vue.d.ts +0 -71
- package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +0 -72
- package/esm/lib/components/FlexItemWrapper.vue.d.ts +0 -75
- package/esm/lib/components/FlexWrapper.vue.d.ts +0 -75
- package/esm/lib/components/FlyoutNavigationItemWrapper.vue.d.ts +0 -28
- package/esm/lib/components/FlyoutNavigationWrapper.vue.d.ts +0 -53
- package/esm/lib/components/FlyoutWrapper.vue.d.ts +0 -56
- package/esm/lib/components/GridItemWrapper.vue.d.ts +0 -47
- package/esm/lib/components/GridWrapper.vue.d.ts +0 -63
- package/esm/lib/components/HeadingWrapper.vue.d.ts +0 -68
- package/esm/lib/components/HeadlineWrapper.vue.d.ts +0 -69
- package/esm/lib/components/IconWrapper.vue.d.ts +0 -63
- package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +0 -88
- package/esm/lib/components/LinkPureWrapper.vue.d.ts +0 -120
- package/esm/lib/components/LinkSocialWrapper.vue.d.ts +0 -67
- package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +0 -81
- package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +0 -92
- package/esm/lib/components/LinkTileWrapper.vue.d.ts +0 -112
- package/esm/lib/components/LinkWrapper.vue.d.ts +0 -84
- package/esm/lib/components/MarqueWrapper.vue.d.ts +0 -62
- package/esm/lib/components/ModalWrapper.vue.d.ts +0 -86
- package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +0 -50
- package/esm/lib/components/MultiSelectOptionWrapper.vue.d.ts +0 -42
- package/esm/lib/components/MultiSelectWrapper.vue.d.ts +0 -107
- package/esm/lib/components/PaginationWrapper.vue.d.ts +0 -101
- package/esm/lib/components/PinCodeWrapper.vue.d.ts +0 -121
- package/esm/lib/components/PopoverWrapper.vue.d.ts +0 -51
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +0 -71
- package/esm/lib/components/ScrollerWrapper.vue.d.ts +0 -73
- package/esm/lib/components/SegmentedControlItemWrapper.vue.d.ts +0 -55
- package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +0 -57
- package/esm/lib/components/SelectOptionWrapper.vue.d.ts +0 -42
- package/esm/lib/components/SelectWrapper.vue.d.ts +0 -104
- package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +0 -92
- package/esm/lib/components/SpinnerWrapper.vue.d.ts +0 -40
- package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts +0 -43
- package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +0 -46
- package/esm/lib/components/SwitchWrapper.vue.d.ts +0 -84
- package/esm/lib/components/TableBodyWrapper.vue.d.ts +0 -9
- package/esm/lib/components/TableCellWrapper.vue.d.ts +0 -38
- package/esm/lib/components/TableHeadCellWrapper.vue.d.ts +0 -50
- package/esm/lib/components/TableHeadRowWrapper.vue.d.ts +0 -9
- package/esm/lib/components/TableHeadWrapper.vue.d.ts +0 -9
- package/esm/lib/components/TableRowWrapper.vue.d.ts +0 -9
- package/esm/lib/components/TableWrapper.vue.d.ts +0 -35
- package/esm/lib/components/TabsBarWrapper.vue.d.ts +0 -71
- package/esm/lib/components/TabsItemWrapper.vue.d.ts +0 -24
- package/esm/lib/components/TabsWrapper.vue.d.ts +0 -74
- package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +0 -51
- package/esm/lib/components/TagWrapper.vue.d.ts +0 -51
- package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +0 -123
- package/esm/lib/components/TextListItemWrapper.vue.d.ts +0 -9
- package/esm/lib/components/TextListWrapper.vue.d.ts +0 -51
- package/esm/lib/components/TextWrapper.vue.d.ts +0 -78
- package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +0 -82
- package/esm/lib/components/ToastWrapper.vue.d.ts +0 -18
- package/esm/lib/components/WordmarkWrapper.vue.d.ts +0 -51
- package/esm/lib/components/index.d.ts +0 -69
- package/esm/lib/types.d.ts +0 -1310
- package/esm/plugin.d.ts +0 -14
- package/esm/public-api.d.ts +0 -6
- package/esm/utils.d.ts +0 -10
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import type { CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, BreakpointCustomizable, CarouselHeadingSize, CarouselInternationalization, Theme, CarouselWidth } from '../types';
|
|
2
|
-
type PCarouselProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Defines which slide to be active (zero-based numbering).
|
|
5
|
-
*/
|
|
6
|
-
activeSlideIndex?: number;
|
|
7
|
-
/**
|
|
8
|
-
* Alignment of heading and description
|
|
9
|
-
*/
|
|
10
|
-
alignHeader?: CarouselAlignHeader;
|
|
11
|
-
/**
|
|
12
|
-
* Add ARIA attributes.
|
|
13
|
-
*/
|
|
14
|
-
aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
|
|
15
|
-
/**
|
|
16
|
-
* Defines the description used in the carousel.
|
|
17
|
-
*/
|
|
18
|
-
description?: string;
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
|
|
21
|
-
*/
|
|
22
|
-
disablePagination?: BreakpointCustomizable<boolean>;
|
|
23
|
-
/**
|
|
24
|
-
* Defines the heading used in the carousel.
|
|
25
|
-
*/
|
|
26
|
-
heading?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Defines the heading size used in the carousel.
|
|
29
|
-
*/
|
|
30
|
-
headingSize?: CarouselHeadingSize;
|
|
31
|
-
/**
|
|
32
|
-
* Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
|
|
33
|
-
*/
|
|
34
|
-
intl?: CarouselInternationalization;
|
|
35
|
-
/**
|
|
36
|
-
* If false, the carousel will not show pagination bullets at the bottom.
|
|
37
|
-
*/
|
|
38
|
-
pagination?: BreakpointCustomizable<boolean>;
|
|
39
|
-
/**
|
|
40
|
-
* Whether the slides should rewind from last to first slide and vice versa.
|
|
41
|
-
*/
|
|
42
|
-
rewind?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Defines target of skip link (to skip carousel entries).
|
|
45
|
-
*/
|
|
46
|
-
skipLinkTarget?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
|
|
49
|
-
*/
|
|
50
|
-
slidesPerPage?: BreakpointCustomizable<number> | "auto";
|
|
51
|
-
/**
|
|
52
|
-
* Adapts the color when used on dark background.
|
|
53
|
-
*/
|
|
54
|
-
theme?: Theme;
|
|
55
|
-
/**
|
|
56
|
-
* Defines the outer spacings between the carousel and the left and right screen sides.
|
|
57
|
-
*/
|
|
58
|
-
width?: CarouselWidth;
|
|
59
|
-
/**
|
|
60
|
-
* Has no effect anymore
|
|
61
|
-
* @deprecated since v3.0.0, will be removed with next major release
|
|
62
|
-
*/
|
|
63
|
-
wrapContent?: boolean;
|
|
64
|
-
};
|
|
65
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCarouselProps>, {
|
|
66
|
-
activeSlideIndex: number;
|
|
67
|
-
alignHeader: string;
|
|
68
|
-
headingSize: string;
|
|
69
|
-
pagination: boolean;
|
|
70
|
-
rewind: boolean;
|
|
71
|
-
slidesPerPage: number;
|
|
72
|
-
width: string;
|
|
73
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
74
|
-
carouselChange: (value: import("../types").CarouselUpdateEvent) => void;
|
|
75
|
-
update: (value: import("../types").CarouselUpdateEvent) => void;
|
|
76
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCarouselProps>, {
|
|
77
|
-
activeSlideIndex: number;
|
|
78
|
-
alignHeader: string;
|
|
79
|
-
headingSize: string;
|
|
80
|
-
pagination: boolean;
|
|
81
|
-
rewind: boolean;
|
|
82
|
-
slidesPerPage: number;
|
|
83
|
-
width: string;
|
|
84
|
-
}>>> & {
|
|
85
|
-
onUpdate?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
|
|
86
|
-
onCarouselChange?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
|
|
87
|
-
}, {
|
|
88
|
-
width: "extended" | "basic";
|
|
89
|
-
activeSlideIndex: number;
|
|
90
|
-
alignHeader: "center" | "start" | "left";
|
|
91
|
-
headingSize: CarouselHeadingSize;
|
|
92
|
-
pagination: BreakpointCustomizable<boolean>;
|
|
93
|
-
rewind: boolean;
|
|
94
|
-
slidesPerPage: BreakpointCustomizable<number>;
|
|
95
|
-
}, {}>, {
|
|
96
|
-
default?(_: {}): any;
|
|
97
|
-
}>;
|
|
98
|
-
export default _default;
|
|
99
|
-
type __VLS_WithDefaults<P, D> = {
|
|
100
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
101
|
-
default: D[K];
|
|
102
|
-
}> : P[K];
|
|
103
|
-
};
|
|
104
|
-
type __VLS_Prettify<T> = {
|
|
105
|
-
[K in keyof T]: T[K];
|
|
106
|
-
} & {};
|
|
107
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
108
|
-
new (): {
|
|
109
|
-
$slots: S;
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
113
|
-
type __VLS_TypePropsToOption<T> = {
|
|
114
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
115
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
116
|
-
} : {
|
|
117
|
-
type: import('vue').PropType<T[K]>;
|
|
118
|
-
required: true;
|
|
119
|
-
};
|
|
120
|
-
};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
|
|
2
|
-
type PCheckboxWrapperProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Show or hide label. For better accessibility it's recommended to show the label.
|
|
5
|
-
*/
|
|
6
|
-
hideLabel?: BreakpointCustomizable<boolean>;
|
|
7
|
-
/**
|
|
8
|
-
* The label text.
|
|
9
|
-
*/
|
|
10
|
-
label?: string;
|
|
11
|
-
/**
|
|
12
|
-
* @experimental Disables the checkbox and shows a loading indicator.
|
|
13
|
-
*/
|
|
14
|
-
loading?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* The message styled depending on validation state.
|
|
17
|
-
*/
|
|
18
|
-
message?: string;
|
|
19
|
-
/**
|
|
20
|
-
* The validation state.
|
|
21
|
-
*/
|
|
22
|
-
state?: CheckboxWrapperState;
|
|
23
|
-
/**
|
|
24
|
-
* Adapts the color depending on the theme.
|
|
25
|
-
*/
|
|
26
|
-
theme?: Theme;
|
|
27
|
-
};
|
|
28
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxWrapperProps>, {
|
|
29
|
-
hideLabel: boolean;
|
|
30
|
-
label: string;
|
|
31
|
-
loading: boolean;
|
|
32
|
-
message: string;
|
|
33
|
-
state: string;
|
|
34
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxWrapperProps>, {
|
|
35
|
-
hideLabel: boolean;
|
|
36
|
-
label: string;
|
|
37
|
-
loading: boolean;
|
|
38
|
-
message: string;
|
|
39
|
-
state: string;
|
|
40
|
-
}>>>, {
|
|
41
|
-
label: string;
|
|
42
|
-
state: "none" | "success" | "error";
|
|
43
|
-
hideLabel: BreakpointCustomizable<boolean>;
|
|
44
|
-
loading: boolean;
|
|
45
|
-
message: string;
|
|
46
|
-
}, {}>, {
|
|
47
|
-
default?(_: {}): any;
|
|
48
|
-
}>;
|
|
49
|
-
export default _default;
|
|
50
|
-
type __VLS_WithDefaults<P, D> = {
|
|
51
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
52
|
-
default: D[K];
|
|
53
|
-
}> : P[K];
|
|
54
|
-
};
|
|
55
|
-
type __VLS_Prettify<T> = {
|
|
56
|
-
[K in keyof T]: T[K];
|
|
57
|
-
} & {};
|
|
58
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
59
|
-
new (): {
|
|
60
|
-
$slots: S;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
64
|
-
type __VLS_TypePropsToOption<T> = {
|
|
65
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
66
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
67
|
-
} : {
|
|
68
|
-
type: import('vue').PropType<T[K]>;
|
|
69
|
-
required: true;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
|
|
2
|
-
type PContentWrapperProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Has no effect anymore
|
|
5
|
-
* @deprecated since v3.0.0, will be removed with next major release
|
|
6
|
-
*/
|
|
7
|
-
backgroundColor?: ContentWrapperBackgroundColor;
|
|
8
|
-
/**
|
|
9
|
-
* Has no effect anymore
|
|
10
|
-
* @deprecated since v3.0.0, will be removed with next major release
|
|
11
|
-
*/
|
|
12
|
-
theme?: Theme;
|
|
13
|
-
/**
|
|
14
|
-
* Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
|
|
15
|
-
*/
|
|
16
|
-
width?: ContentWrapperWidth;
|
|
17
|
-
};
|
|
18
|
-
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
|
|
19
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PContentWrapperProps>, {
|
|
20
|
-
backgroundColor: string;
|
|
21
|
-
width: string;
|
|
22
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PContentWrapperProps>, {
|
|
23
|
-
backgroundColor: string;
|
|
24
|
-
width: string;
|
|
25
|
-
}>>>, {
|
|
26
|
-
width: "extended" | "basic" | "fluid" | "narrow" | "full";
|
|
27
|
-
backgroundColor: "default" | "transparent";
|
|
28
|
-
}, {}>, {
|
|
29
|
-
default?(_: {}): any;
|
|
30
|
-
}>;
|
|
31
|
-
export default _default;
|
|
32
|
-
type __VLS_WithDefaults<P, D> = {
|
|
33
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
34
|
-
default: D[K];
|
|
35
|
-
}> : P[K];
|
|
36
|
-
};
|
|
37
|
-
type __VLS_Prettify<T> = {
|
|
38
|
-
[K in keyof T]: T[K];
|
|
39
|
-
} & {};
|
|
40
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
-
new (): {
|
|
42
|
-
$slots: S;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
46
|
-
type __VLS_TypePropsToOption<T> = {
|
|
47
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
48
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
49
|
-
} : {
|
|
50
|
-
type: import('vue').PropType<T[K]>;
|
|
51
|
-
required: true;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';
|
|
2
|
-
type PCrestProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Add ARIA attributes.
|
|
5
|
-
*/
|
|
6
|
-
aria?: SelectedAriaAttributes<CrestAriaAttribute>;
|
|
7
|
-
/**
|
|
8
|
-
* When providing an url then the component will be rendered as `<a>`.
|
|
9
|
-
*/
|
|
10
|
-
href?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Target attribute where the link should be opened.
|
|
13
|
-
*/
|
|
14
|
-
target?: CrestTarget;
|
|
15
|
-
};
|
|
16
|
-
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCrestProps>, {
|
|
17
|
-
target: string;
|
|
18
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCrestProps>, {
|
|
19
|
-
target: string;
|
|
20
|
-
}>>>, {
|
|
21
|
-
target: string;
|
|
22
|
-
}, {}>;
|
|
23
|
-
export default _default;
|
|
24
|
-
type __VLS_WithDefaults<P, D> = {
|
|
25
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
26
|
-
default: D[K];
|
|
27
|
-
}> : P[K];
|
|
28
|
-
};
|
|
29
|
-
type __VLS_Prettify<T> = {
|
|
30
|
-
[K in keyof T]: T[K];
|
|
31
|
-
} & {};
|
|
32
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
33
|
-
type __VLS_TypePropsToOption<T> = {
|
|
34
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
35
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
36
|
-
} : {
|
|
37
|
-
type: import('vue').PropType<T[K]>;
|
|
38
|
-
required: true;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
|
|
2
|
-
type PDisplayProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Text alignment of the component.
|
|
5
|
-
*/
|
|
6
|
-
align?: DisplayAlign;
|
|
7
|
-
/**
|
|
8
|
-
* Basic text color variations depending on theme property.
|
|
9
|
-
*/
|
|
10
|
-
color?: DisplayColor;
|
|
11
|
-
/**
|
|
12
|
-
* Adds an ellipsis to a single line of text if it overflows.
|
|
13
|
-
*/
|
|
14
|
-
ellipsis?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
|
|
17
|
-
*/
|
|
18
|
-
size?: BreakpointCustomizable<DisplaySize>;
|
|
19
|
-
/**
|
|
20
|
-
* Sets a custom HTML tag depending on the usage of the display component.
|
|
21
|
-
*/
|
|
22
|
-
tag?: DisplayTag;
|
|
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
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PDisplayProps>, {
|
|
29
|
-
align: string;
|
|
30
|
-
color: string;
|
|
31
|
-
ellipsis: boolean;
|
|
32
|
-
size: string;
|
|
33
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PDisplayProps>, {
|
|
34
|
-
align: string;
|
|
35
|
-
color: string;
|
|
36
|
-
ellipsis: boolean;
|
|
37
|
-
size: string;
|
|
38
|
-
}>>>, {
|
|
39
|
-
size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
|
|
40
|
-
align: "center" | "start" | "end" | "left" | "right";
|
|
41
|
-
color: "inherit" | "primary";
|
|
42
|
-
ellipsis: boolean;
|
|
43
|
-
}, {}>, {
|
|
44
|
-
default?(_: {}): any;
|
|
45
|
-
}>;
|
|
46
|
-
export default _default;
|
|
47
|
-
type __VLS_WithDefaults<P, D> = {
|
|
48
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
49
|
-
default: D[K];
|
|
50
|
-
}> : P[K];
|
|
51
|
-
};
|
|
52
|
-
type __VLS_Prettify<T> = {
|
|
53
|
-
[K in keyof T]: T[K];
|
|
54
|
-
} & {};
|
|
55
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
56
|
-
new (): {
|
|
57
|
-
$slots: S;
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
61
|
-
type __VLS_TypePropsToOption<T> = {
|
|
62
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
63
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
64
|
-
} : {
|
|
65
|
-
type: import('vue').PropType<T[K]>;
|
|
66
|
-
required: true;
|
|
67
|
-
};
|
|
68
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';
|
|
2
|
-
type PDividerProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Defines color depending on theme.
|
|
5
|
-
*/
|
|
6
|
-
color?: DividerColor;
|
|
7
|
-
/**
|
|
8
|
-
* Defines direction.
|
|
9
|
-
*/
|
|
10
|
-
direction?: BreakpointCustomizable<DividerDirection>;
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
|
|
13
|
-
*/
|
|
14
|
-
orientation?: BreakpointCustomizable<DividerOrientation>;
|
|
15
|
-
/**
|
|
16
|
-
* Adapts color depending on theme.
|
|
17
|
-
*/
|
|
18
|
-
theme?: Theme;
|
|
19
|
-
};
|
|
20
|
-
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PDividerProps>, {
|
|
21
|
-
color: string;
|
|
22
|
-
direction: string;
|
|
23
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PDividerProps>, {
|
|
24
|
-
color: string;
|
|
25
|
-
direction: string;
|
|
26
|
-
}>>>, {
|
|
27
|
-
direction: BreakpointCustomizable<"horizontal" | "vertical">;
|
|
28
|
-
color: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high";
|
|
29
|
-
}, {}>;
|
|
30
|
-
export default _default;
|
|
31
|
-
type __VLS_WithDefaults<P, D> = {
|
|
32
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
33
|
-
default: D[K];
|
|
34
|
-
}> : P[K];
|
|
35
|
-
};
|
|
36
|
-
type __VLS_Prettify<T> = {
|
|
37
|
-
[K in keyof T]: T[K];
|
|
38
|
-
} & {};
|
|
39
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
40
|
-
type __VLS_TypePropsToOption<T> = {
|
|
41
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
42
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
43
|
-
} : {
|
|
44
|
-
type: import('vue').PropType<T[K]>;
|
|
45
|
-
required: true;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import type { FieldsetLabelSize, FieldsetState, Theme } from '../types';
|
|
2
|
-
type PFieldsetProps = {
|
|
3
|
-
/**
|
|
4
|
-
* The label text.
|
|
5
|
-
*/
|
|
6
|
-
label?: string;
|
|
7
|
-
/**
|
|
8
|
-
* The size of the label text.
|
|
9
|
-
*/
|
|
10
|
-
labelSize?: FieldsetLabelSize;
|
|
11
|
-
/**
|
|
12
|
-
* The message styled depending on validation state.
|
|
13
|
-
*/
|
|
14
|
-
message?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Marks the Fieldset as required.
|
|
17
|
-
*/
|
|
18
|
-
required?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The validation state.
|
|
21
|
-
*/
|
|
22
|
-
state?: FieldsetState;
|
|
23
|
-
/**
|
|
24
|
-
* Adapts color depending on theme.
|
|
25
|
-
*/
|
|
26
|
-
theme?: Theme;
|
|
27
|
-
};
|
|
28
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetProps>, {
|
|
29
|
-
label: string;
|
|
30
|
-
labelSize: string;
|
|
31
|
-
message: string;
|
|
32
|
-
required: boolean;
|
|
33
|
-
state: string;
|
|
34
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetProps>, {
|
|
35
|
-
label: string;
|
|
36
|
-
labelSize: string;
|
|
37
|
-
message: string;
|
|
38
|
-
required: boolean;
|
|
39
|
-
state: string;
|
|
40
|
-
}>>>, {
|
|
41
|
-
label: string;
|
|
42
|
-
state: "none" | "success" | "error";
|
|
43
|
-
required: boolean;
|
|
44
|
-
message: string;
|
|
45
|
-
labelSize: "small" | "medium";
|
|
46
|
-
}, {}>, {
|
|
47
|
-
default?(_: {}): any;
|
|
48
|
-
}>;
|
|
49
|
-
export default _default;
|
|
50
|
-
type __VLS_WithDefaults<P, D> = {
|
|
51
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
52
|
-
default: D[K];
|
|
53
|
-
}> : P[K];
|
|
54
|
-
};
|
|
55
|
-
type __VLS_Prettify<T> = {
|
|
56
|
-
[K in keyof T]: T[K];
|
|
57
|
-
} & {};
|
|
58
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
59
|
-
new (): {
|
|
60
|
-
$slots: S;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
64
|
-
type __VLS_TypePropsToOption<T> = {
|
|
65
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
66
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
67
|
-
} : {
|
|
68
|
-
type: import('vue').PropType<T[K]>;
|
|
69
|
-
required: true;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
|
|
2
|
-
type PFieldsetWrapperProps = {
|
|
3
|
-
/**
|
|
4
|
-
* The label text.
|
|
5
|
-
*/
|
|
6
|
-
label?: string;
|
|
7
|
-
/**
|
|
8
|
-
* The size of the label text.
|
|
9
|
-
*/
|
|
10
|
-
labelSize?: FieldsetWrapperLabelSize;
|
|
11
|
-
/**
|
|
12
|
-
* The message styled depending on validation state.
|
|
13
|
-
*/
|
|
14
|
-
message?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Marks the Fieldset as required.
|
|
17
|
-
*/
|
|
18
|
-
required?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The validation state.
|
|
21
|
-
*/
|
|
22
|
-
state?: FieldsetWrapperState;
|
|
23
|
-
/**
|
|
24
|
-
* Adapts color depending on theme.
|
|
25
|
-
*/
|
|
26
|
-
theme?: Theme;
|
|
27
|
-
};
|
|
28
|
-
/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
|
|
29
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetWrapperProps>, {
|
|
30
|
-
label: string;
|
|
31
|
-
labelSize: string;
|
|
32
|
-
message: string;
|
|
33
|
-
required: boolean;
|
|
34
|
-
state: string;
|
|
35
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetWrapperProps>, {
|
|
36
|
-
label: string;
|
|
37
|
-
labelSize: string;
|
|
38
|
-
message: string;
|
|
39
|
-
required: boolean;
|
|
40
|
-
state: string;
|
|
41
|
-
}>>>, {
|
|
42
|
-
label: string;
|
|
43
|
-
state: "none" | "success" | "error";
|
|
44
|
-
required: boolean;
|
|
45
|
-
message: string;
|
|
46
|
-
labelSize: "small" | "medium";
|
|
47
|
-
}, {}>, {
|
|
48
|
-
default?(_: {}): any;
|
|
49
|
-
}>;
|
|
50
|
-
export default _default;
|
|
51
|
-
type __VLS_WithDefaults<P, D> = {
|
|
52
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
53
|
-
default: D[K];
|
|
54
|
-
}> : P[K];
|
|
55
|
-
};
|
|
56
|
-
type __VLS_Prettify<T> = {
|
|
57
|
-
[K in keyof T]: T[K];
|
|
58
|
-
} & {};
|
|
59
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
60
|
-
new (): {
|
|
61
|
-
$slots: S;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
65
|
-
type __VLS_TypePropsToOption<T> = {
|
|
66
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
67
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
68
|
-
} : {
|
|
69
|
-
type: import('vue').PropType<T[K]>;
|
|
70
|
-
required: true;
|
|
71
|
-
};
|
|
72
|
-
};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
|
|
2
|
-
type PFlexItemProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Defines how this flex item is aligned along the cross axis. This overwrites the cross axis alignment set by the container. Corresponds to the "alignSelf" css property.
|
|
5
|
-
*/
|
|
6
|
-
alignSelf?: BreakpointCustomizable<FlexItemAlignSelf>;
|
|
7
|
-
/**
|
|
8
|
-
* The shorthand property for the combined definition of "shrink", "grow" and "basis"
|
|
9
|
-
*/
|
|
10
|
-
flex?: BreakpointCustomizable<FlexItemFlex>;
|
|
11
|
-
/**
|
|
12
|
-
* The ability to allow/disallow the flex child to grow.
|
|
13
|
-
*/
|
|
14
|
-
grow?: BreakpointCustomizable<FlexItemGrow>;
|
|
15
|
-
/**
|
|
16
|
-
* The offset of the column. You can also supply values for specific breakpoints, like {base: "none", l: "one-quarter"}. You always need to provide a base value when doing this.
|
|
17
|
-
*/
|
|
18
|
-
offset?: BreakpointCustomizable<FlexItemOffset>;
|
|
19
|
-
/**
|
|
20
|
-
* The ability to allow/disallow the flex child to shrink.
|
|
21
|
-
*/
|
|
22
|
-
shrink?: BreakpointCustomizable<FlexItemShrink>;
|
|
23
|
-
/**
|
|
24
|
-
* The width of the flex item. You can also supply values for specific breakpoints, like {base: "full", l: "one-quarter"}. You always need to provide a base value when doing this.
|
|
25
|
-
*/
|
|
26
|
-
width?: BreakpointCustomizable<FlexItemWidth>;
|
|
27
|
-
};
|
|
28
|
-
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
|
|
29
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlexItemProps>, {
|
|
30
|
-
alignSelf: string;
|
|
31
|
-
flex: string;
|
|
32
|
-
grow: number;
|
|
33
|
-
offset: string;
|
|
34
|
-
shrink: number;
|
|
35
|
-
width: string;
|
|
36
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlexItemProps>, {
|
|
37
|
-
alignSelf: string;
|
|
38
|
-
flex: string;
|
|
39
|
-
grow: number;
|
|
40
|
-
offset: string;
|
|
41
|
-
shrink: number;
|
|
42
|
-
width: string;
|
|
43
|
-
}>>>, {
|
|
44
|
-
width: BreakpointCustomizable<"auto" | "full" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">;
|
|
45
|
-
alignSelf: BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">;
|
|
46
|
-
flex: BreakpointCustomizable<"none" | "auto" | "initial" | "equal">;
|
|
47
|
-
grow: BreakpointCustomizable<0 | 1>;
|
|
48
|
-
offset: BreakpointCustomizable<"none" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">;
|
|
49
|
-
shrink: BreakpointCustomizable<0 | 1>;
|
|
50
|
-
}, {}>, {
|
|
51
|
-
default?(_: {}): any;
|
|
52
|
-
}>;
|
|
53
|
-
export default _default;
|
|
54
|
-
type __VLS_WithDefaults<P, D> = {
|
|
55
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
56
|
-
default: D[K];
|
|
57
|
-
}> : P[K];
|
|
58
|
-
};
|
|
59
|
-
type __VLS_Prettify<T> = {
|
|
60
|
-
[K in keyof T]: T[K];
|
|
61
|
-
} & {};
|
|
62
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
63
|
-
new (): {
|
|
64
|
-
$slots: S;
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
68
|
-
type __VLS_TypePropsToOption<T> = {
|
|
69
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
70
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
71
|
-
} : {
|
|
72
|
-
type: import('vue').PropType<T[K]>;
|
|
73
|
-
required: true;
|
|
74
|
-
};
|
|
75
|
-
};
|