@muenchen/muc-patternlab-vue 1.12.1 → 1.13.0-beta.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/dist/components/Divider/MucDivider.stories.d.ts +14 -0
- package/dist/components/Divider/MucDivider.vue.d.ts +2 -0
- package/dist/components/Divider/index.d.ts +3 -0
- package/dist/components/Link/MucLink.stories.d.ts +139 -0
- package/dist/components/Link/MucLink.vue.d.ts +92 -0
- package/dist/components/Link/index.d.ts +3 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/muc-patternlab-vue.es.js +256 -220
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Divider/MucDivider.stories.ts +19 -0
- package/src/components/Divider/MucDivider.vue +9 -0
- package/src/components/Divider/index.ts +3 -0
- package/src/components/Link/MucLink.stories.ts +36 -0
- package/src/components/Link/MucLink.vue +74 -0
- package/src/components/Link/index.ts +3 -0
- package/src/components/index.ts +4 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
|
|
3
|
+
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
docs: {
|
|
7
|
+
description: {
|
|
8
|
+
component: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
14
|
+
export declare const Default: {};
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
component: {
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
4
|
+
icon: {
|
|
5
|
+
type: import('vue').PropType<string>;
|
|
6
|
+
};
|
|
7
|
+
label: {
|
|
8
|
+
type: import('vue').PropType<string>;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
href: {
|
|
12
|
+
type: import('vue').PropType<string>;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
target: {
|
|
16
|
+
type: import('vue').PropType<string>;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
noUnderline: {
|
|
20
|
+
type: import('vue').PropType<boolean>;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
24
|
+
icon: {
|
|
25
|
+
type: import('vue').PropType<string>;
|
|
26
|
+
};
|
|
27
|
+
label: {
|
|
28
|
+
type: import('vue').PropType<string>;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
href: {
|
|
32
|
+
type: import('vue').PropType<string>;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
target: {
|
|
36
|
+
type: import('vue').PropType<string>;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
noUnderline: {
|
|
40
|
+
type: import('vue').PropType<boolean>;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
}>>, {
|
|
44
|
+
href: string;
|
|
45
|
+
target: string;
|
|
46
|
+
noUnderline: boolean;
|
|
47
|
+
}, true, {}, {}, {
|
|
48
|
+
P: {};
|
|
49
|
+
B: {};
|
|
50
|
+
D: {};
|
|
51
|
+
C: {};
|
|
52
|
+
M: {};
|
|
53
|
+
Defaults: {};
|
|
54
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
55
|
+
icon: {
|
|
56
|
+
type: import('vue').PropType<string>;
|
|
57
|
+
};
|
|
58
|
+
label: {
|
|
59
|
+
type: import('vue').PropType<string>;
|
|
60
|
+
required: true;
|
|
61
|
+
};
|
|
62
|
+
href: {
|
|
63
|
+
type: import('vue').PropType<string>;
|
|
64
|
+
default: string;
|
|
65
|
+
};
|
|
66
|
+
target: {
|
|
67
|
+
type: import('vue').PropType<string>;
|
|
68
|
+
default: string;
|
|
69
|
+
};
|
|
70
|
+
noUnderline: {
|
|
71
|
+
type: import('vue').PropType<boolean>;
|
|
72
|
+
default: boolean;
|
|
73
|
+
};
|
|
74
|
+
}>>, {}, {}, {}, {}, {
|
|
75
|
+
href: string;
|
|
76
|
+
target: string;
|
|
77
|
+
noUnderline: boolean;
|
|
78
|
+
}>;
|
|
79
|
+
__isFragment?: never;
|
|
80
|
+
__isTeleport?: never;
|
|
81
|
+
__isSuspense?: never;
|
|
82
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
83
|
+
icon: {
|
|
84
|
+
type: import('vue').PropType<string>;
|
|
85
|
+
};
|
|
86
|
+
label: {
|
|
87
|
+
type: import('vue').PropType<string>;
|
|
88
|
+
required: true;
|
|
89
|
+
};
|
|
90
|
+
href: {
|
|
91
|
+
type: import('vue').PropType<string>;
|
|
92
|
+
default: string;
|
|
93
|
+
};
|
|
94
|
+
target: {
|
|
95
|
+
type: import('vue').PropType<string>;
|
|
96
|
+
default: string;
|
|
97
|
+
};
|
|
98
|
+
noUnderline: {
|
|
99
|
+
type: import('vue').PropType<boolean>;
|
|
100
|
+
default: boolean;
|
|
101
|
+
};
|
|
102
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
103
|
+
href: string;
|
|
104
|
+
target: string;
|
|
105
|
+
noUnderline: boolean;
|
|
106
|
+
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
107
|
+
$slots: Readonly<{
|
|
108
|
+
icon(): void;
|
|
109
|
+
}> & {
|
|
110
|
+
icon(): void;
|
|
111
|
+
};
|
|
112
|
+
});
|
|
113
|
+
title: string;
|
|
114
|
+
tags: string[];
|
|
115
|
+
args: {
|
|
116
|
+
onClick: import('@vitest/spy').Mock<any, any>;
|
|
117
|
+
};
|
|
118
|
+
parameters: {
|
|
119
|
+
docs: {
|
|
120
|
+
description: {
|
|
121
|
+
component: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
export default _default;
|
|
127
|
+
export declare const Weather: {
|
|
128
|
+
args: {
|
|
129
|
+
label: string;
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
export declare const LinkWithIcon: {
|
|
133
|
+
args: {
|
|
134
|
+
icon: string;
|
|
135
|
+
label: string;
|
|
136
|
+
href: string;
|
|
137
|
+
noUnderline: boolean;
|
|
138
|
+
};
|
|
139
|
+
};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
declare function __VLS_template(): Readonly<{
|
|
2
|
+
/**
|
|
3
|
+
* Icon slots overrides chosen prop icon.
|
|
4
|
+
* The icon can be displayed infront or behind the label with these classes: icon--after | icon--before
|
|
5
|
+
*/
|
|
6
|
+
icon(): void;
|
|
7
|
+
}> & {
|
|
8
|
+
/**
|
|
9
|
+
* Icon slots overrides chosen prop icon.
|
|
10
|
+
* The icon can be displayed infront or behind the label with these classes: icon--after | icon--before
|
|
11
|
+
*/
|
|
12
|
+
icon(): void;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
15
|
+
/**
|
|
16
|
+
* Text shown as the link
|
|
17
|
+
*/
|
|
18
|
+
label: string;
|
|
19
|
+
/**
|
|
20
|
+
* href to link to
|
|
21
|
+
*/
|
|
22
|
+
href?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Optional icon displayed behind the text
|
|
25
|
+
*/
|
|
26
|
+
icon?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Target on the link
|
|
29
|
+
*/
|
|
30
|
+
target?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Removes the underline from the label text
|
|
33
|
+
*/
|
|
34
|
+
noUnderline?: boolean;
|
|
35
|
+
}>, {
|
|
36
|
+
noUnderline: boolean;
|
|
37
|
+
href: string;
|
|
38
|
+
target: string;
|
|
39
|
+
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
40
|
+
/**
|
|
41
|
+
* Text shown as the link
|
|
42
|
+
*/
|
|
43
|
+
label: string;
|
|
44
|
+
/**
|
|
45
|
+
* href to link to
|
|
46
|
+
*/
|
|
47
|
+
href?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Optional icon displayed behind the text
|
|
50
|
+
*/
|
|
51
|
+
icon?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Target on the link
|
|
54
|
+
*/
|
|
55
|
+
target?: string;
|
|
56
|
+
/**
|
|
57
|
+
* Removes the underline from the label text
|
|
58
|
+
*/
|
|
59
|
+
noUnderline?: boolean;
|
|
60
|
+
}>, {
|
|
61
|
+
noUnderline: boolean;
|
|
62
|
+
href: string;
|
|
63
|
+
target: string;
|
|
64
|
+
}>>>, {
|
|
65
|
+
href: string;
|
|
66
|
+
target: string;
|
|
67
|
+
noUnderline: boolean;
|
|
68
|
+
}, {}>;
|
|
69
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
70
|
+
export default _default;
|
|
71
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
72
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
73
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
74
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
75
|
+
} : {
|
|
76
|
+
type: import('vue').PropType<T[K]>;
|
|
77
|
+
required: true;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
type __VLS_WithDefaults<P, D> = {
|
|
81
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
82
|
+
default: D[K];
|
|
83
|
+
}> : P[K];
|
|
84
|
+
};
|
|
85
|
+
type __VLS_Prettify<T> = {
|
|
86
|
+
[K in keyof T]: T[K];
|
|
87
|
+
} & {};
|
|
88
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
89
|
+
new (): {
|
|
90
|
+
$slots: S;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
@@ -3,8 +3,10 @@ import { MucButton } from './Button';
|
|
|
3
3
|
import { MucCallout } from './Callout';
|
|
4
4
|
import { MucCard, MucCardContainer } from './Card';
|
|
5
5
|
import { MucComment, MucCommentText } from './Comment/';
|
|
6
|
+
import { MucDivider } from './Divider';
|
|
6
7
|
import { MucCheckbox, MucCheckboxGroup, MucErrorList, MucInput, MucRadioButton, MucRadioButtonGroup, MucSelect, MucTextArea } from './Form';
|
|
7
8
|
import { MucIcon } from './Icon';
|
|
8
9
|
import { MucIntro } from './Intro';
|
|
10
|
+
import { MucLink } from './Link';
|
|
9
11
|
|
|
10
|
-
export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, };
|
|
12
|
+
export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, MucDivider, MucLink, };
|