@bobbykim/mcl-cards 0.7.4 → 0.8.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.
Files changed (4) hide show
  1. package/dist/index.d.ts +244 -423
  2. package/dist/mcl-cards.js +190 -198
  3. package/dist/mcl-cards.umd.cjs +2 -2
  4. package/package.json +11 -11
package/dist/index.d.ts CHANGED
@@ -1,239 +1,73 @@
1
1
  import { ColorPalette } from '@bobbykim/manguito-theme';
2
2
  import { ComponentOptionsMixin } from 'vue';
3
- import { CrossOrigin } from '@bobbykim/manguito-theme';
3
+ import { ComponentProvideOptions } from 'vue';
4
4
  import { CtaTarget } from '@bobbykim/manguito-theme';
5
5
  import { DefineComponent } from 'vue';
6
- import { ExtractPropTypes } from 'vue';
7
6
  import { HeadingSize } from '@bobbykim/manguito-theme';
8
7
  import { OpacityRange } from '@bobbykim/manguito-theme';
9
- import { PropType } from 'vue';
10
8
  import { PublicProps } from 'vue';
9
+ import { Range as Range_2 } from '@bobbykim/manguito-theme';
11
10
 
12
- declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
13
-
14
- declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
15
-
16
- declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
17
-
18
- declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
19
-
20
- declare type __VLS_Prettify<T> = {
21
- [K in keyof T]: T[K];
22
- } & {};
23
-
24
- declare type __VLS_Prettify_2<T> = {
25
- [K in keyof T]: T[K];
26
- } & {};
27
-
28
- declare type __VLS_Prettify_3<T> = {
29
- [K in keyof T]: T[K];
30
- } & {};
31
-
32
- declare type __VLS_Prettify_4<T> = {
33
- [K in keyof T]: T[K];
34
- } & {};
35
-
36
- declare type __VLS_TypePropsToRuntimeProps<T> = {
37
- [K in keyof T]-?: {} extends Pick<T, K> ? {
38
- type: PropType<__VLS_NonUndefinedable<T[K]>>;
39
- } : {
40
- type: PropType<T[K]>;
41
- required: true;
42
- };
43
- };
44
-
45
- declare type __VLS_TypePropsToRuntimeProps_2<T> = {
46
- [K in keyof T]-?: {} extends Pick<T, K> ? {
47
- type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
48
- } : {
49
- type: PropType<T[K]>;
50
- required: true;
51
- };
52
- };
53
-
54
- declare type __VLS_TypePropsToRuntimeProps_3<T> = {
55
- [K in keyof T]-?: {} extends Pick<T, K> ? {
56
- type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
57
- } : {
58
- type: PropType<T[K]>;
59
- required: true;
60
- };
61
- };
62
-
63
- declare type __VLS_TypePropsToRuntimeProps_4<T> = {
64
- [K in keyof T]-?: {} extends Pick<T, K> ? {
65
- type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
66
- } : {
67
- type: PropType<T[K]>;
68
- required: true;
69
- };
70
- };
71
-
72
- declare type __VLS_WithDefaults<P, D> = {
73
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
74
- default: D[K];
75
- }> : P[K];
76
- };
77
-
78
- declare type __VLS_WithDefaults_2<P, D> = {
79
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_2<P[K] & {
80
- default: D[K];
81
- }> : P[K];
82
- };
83
-
84
- declare type __VLS_WithDefaults_3<P, D> = {
85
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_3<P[K] & {
86
- default: D[K];
87
- }> : P[K];
88
- };
89
-
90
- declare type __VLS_WithDefaults_4<P, D> = {
91
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_4<P[K] & {
92
- default: D[K];
93
- }> : P[K];
94
- };
95
-
96
- declare type __VLS_WithTemplateSlots<T, S> = T & {
97
- new (): {
98
- $slots: S;
99
- };
100
- };
101
-
102
- declare type __VLS_WithTemplateSlots_2<T, S> = T & {
103
- new (): {
104
- $slots: S;
105
- };
106
- };
107
-
108
- declare type __VLS_WithTemplateSlots_3<T, S> = T & {
109
- new (): {
110
- $slots: S;
111
- };
112
- };
113
-
114
- declare type __VLS_WithTemplateSlots_4<T, S> = T & {
115
- new (): {
116
- $slots: S;
117
- };
118
- };
119
-
120
- export declare interface CardClickEvent {
121
- title: string;
122
- url: string;
123
- target?: CtaTarget;
124
- }
125
-
126
- declare type ColorMap = {
127
- [key in ColorPalette]: string;
128
- };
129
-
130
- export declare const MclCardA: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
+ declare const __VLS_component: DefineComponent< {
131
12
  title: string;
132
- titleSize?: HeadingSize | undefined;
133
- titleColor?: ColorPalette | undefined;
134
- borderColor?: ColorPalette | undefined;
135
- bgColor?: ColorPalette | undefined;
136
- displayImage?: boolean | undefined;
137
- imageSource?: string | undefined;
138
- imageAlt?: string | undefined;
139
- imageCors?: CrossOrigin | undefined;
140
- displayCta?: boolean | undefined;
141
- ctaAsLink?: boolean | undefined;
142
- ctaText?: string | undefined;
143
- ctaColor?: ColorPalette | undefined;
144
- ctaLink?: string | undefined;
145
- ctaTarget?: CtaTarget | undefined;
146
- displayLabel?: boolean | undefined;
147
- labelText?: string | undefined;
148
- labelTextColor?: ColorPalette | undefined;
149
- labelColor?: ColorPalette | undefined;
150
- enlargeOnHover?: boolean | undefined;
151
- displayHighlight?: boolean | undefined;
152
- highlightColor?: ColorPalette | undefined;
153
- rounded?: boolean | undefined;
154
- displayShadow?: boolean | undefined;
155
- }>, {
156
- titleSize: string;
157
- titleColor: string;
158
- borderColor: string;
159
- bgColor: string;
160
- displayImage: boolean;
161
- imageCors: string;
162
- displayCta: boolean;
163
- ctaAsLink: boolean;
164
- ctaColor: string;
165
- ctaLink: string;
166
- ctaTarget: string;
167
- ctaText: string;
168
- displayLabel: boolean;
169
- labelText: string;
170
- labelTextColor: string;
171
- labelColor: string;
172
- displayHighlight: boolean;
173
- highlightColor: string;
174
- enlargeOnHover: boolean;
175
- rounded: boolean;
176
- displayShadow: boolean;
177
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
178
- "card-click": (event: Event, item: CardClickEvent) => void;
179
- "card-btn-click": (event: Event, item: CardClickEvent) => void;
180
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
+ titleSize?: HeadingSize;
14
+ titleColor?: ColorPalette;
15
+ borderColor?: ColorPalette;
16
+ bgColor?: ColorPalette;
17
+ displayImage?: boolean;
18
+ imageSource?: string;
19
+ imageAlt?: string;
20
+ displayCta?: boolean;
21
+ ctaAsLink?: boolean;
22
+ ctaText?: string;
23
+ ctaColor?: ColorPalette;
24
+ ctaLink?: string;
25
+ ctaTarget?: CtaTarget;
26
+ displayLabel?: boolean;
27
+ labelText?: string;
28
+ labelTextColor?: ColorPalette;
29
+ labelColor?: ColorPalette;
30
+ enlargeOnHover?: boolean;
31
+ displayHighlight?: boolean;
32
+ highlightColor?: ColorPalette;
33
+ rounded?: boolean;
34
+ displayShadow?: boolean;
35
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
36
+ "card-click": (event: Event, item: CardClickEvent) => any;
37
+ "card-btn-click": (event: Event, item: CardClickEvent) => any;
38
+ }, string, PublicProps, Readonly<{
181
39
  title: string;
182
- titleSize?: HeadingSize | undefined;
183
- titleColor?: ColorPalette | undefined;
184
- borderColor?: ColorPalette | undefined;
185
- bgColor?: ColorPalette | undefined;
186
- displayImage?: boolean | undefined;
187
- imageSource?: string | undefined;
188
- imageAlt?: string | undefined;
189
- imageCors?: CrossOrigin | undefined;
190
- displayCta?: boolean | undefined;
191
- ctaAsLink?: boolean | undefined;
192
- ctaText?: string | undefined;
193
- ctaColor?: ColorPalette | undefined;
194
- ctaLink?: string | undefined;
195
- ctaTarget?: CtaTarget | undefined;
196
- displayLabel?: boolean | undefined;
197
- labelText?: string | undefined;
198
- labelTextColor?: ColorPalette | undefined;
199
- labelColor?: ColorPalette | undefined;
200
- enlargeOnHover?: boolean | undefined;
201
- displayHighlight?: boolean | undefined;
202
- highlightColor?: ColorPalette | undefined;
203
- rounded?: boolean | undefined;
204
- displayShadow?: boolean | undefined;
205
- }>, {
206
- titleSize: string;
207
- titleColor: string;
208
- borderColor: string;
209
- bgColor: string;
210
- displayImage: boolean;
211
- imageCors: string;
212
- displayCta: boolean;
213
- ctaAsLink: boolean;
214
- ctaColor: string;
215
- ctaLink: string;
216
- ctaTarget: string;
217
- ctaText: string;
218
- displayLabel: boolean;
219
- labelText: string;
220
- labelTextColor: string;
221
- labelColor: string;
222
- displayHighlight: boolean;
223
- highlightColor: string;
224
- enlargeOnHover: boolean;
225
- rounded: boolean;
226
- displayShadow: boolean;
227
- }>>> & {
40
+ titleSize?: HeadingSize;
41
+ titleColor?: ColorPalette;
42
+ borderColor?: ColorPalette;
43
+ bgColor?: ColorPalette;
44
+ displayImage?: boolean;
45
+ imageSource?: string;
46
+ imageAlt?: string;
47
+ displayCta?: boolean;
48
+ ctaAsLink?: boolean;
49
+ ctaText?: string;
50
+ ctaColor?: ColorPalette;
51
+ ctaLink?: string;
52
+ ctaTarget?: CtaTarget;
53
+ displayLabel?: boolean;
54
+ labelText?: string;
55
+ labelTextColor?: ColorPalette;
56
+ labelColor?: ColorPalette;
57
+ enlargeOnHover?: boolean;
58
+ displayHighlight?: boolean;
59
+ highlightColor?: ColorPalette;
60
+ rounded?: boolean;
61
+ displayShadow?: boolean;
62
+ }> & Readonly<{
228
63
  "onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
229
64
  "onCard-btn-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
230
- }, {
65
+ }>, {
231
66
  titleSize: HeadingSize;
232
67
  titleColor: ColorPalette;
233
68
  borderColor: ColorPalette;
234
69
  bgColor: ColorPalette;
235
70
  displayImage: boolean;
236
- imageCors: CrossOrigin;
237
71
  displayCta: boolean;
238
72
  ctaAsLink: boolean;
239
73
  ctaText: string;
@@ -249,240 +83,141 @@ displayHighlight: boolean;
249
83
  highlightColor: ColorPalette;
250
84
  rounded: boolean;
251
85
  displayShadow: boolean;
252
- }, {}>, Readonly<{
253
- default: any;
254
- }> & {
255
- default: any;
256
- }>;
86
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
257
87
 
258
- export declare const MclCardB: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
88
+ declare const __VLS_component_2: DefineComponent< {
259
89
  title: string;
260
- titleSize?: HeadingSize | undefined;
261
- titleColor?: ColorPalette | undefined;
262
- titleBlockColor?: ColorPalette | undefined;
263
- borderColor?: ColorPalette | undefined;
264
- imageSource?: string | undefined;
265
- imageAlt?: string | undefined;
266
- imageCors?: CrossOrigin | undefined;
267
- displayGrayScale?: boolean | undefined;
268
- ctaAsLink?: boolean | undefined;
269
- ctaLink?: string | undefined;
270
- ctaTarget?: CtaTarget | undefined;
271
- rounded?: boolean | undefined;
272
- }>, {
273
- titleSize: string;
274
- titleColor: string;
275
- titleBlockColor: string;
276
- borderColor: string;
277
- displayGrayScale: boolean;
278
- imageCors: string;
279
- ctaAsLink: boolean;
280
- ctaLink: string;
281
- ctaTarget: string;
282
- rounded: boolean;
283
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
284
- "card-click": (event: Event, item: CardClickEvent) => void;
285
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
90
+ titleSize?: HeadingSize;
91
+ titleColor?: ColorPalette;
92
+ titleBlockColor?: ColorPalette;
93
+ borderColor?: ColorPalette;
94
+ imageSource?: string;
95
+ imageAlt?: string;
96
+ displayGrayScale?: boolean;
97
+ ctaAsLink?: boolean;
98
+ ctaLink?: string;
99
+ ctaTarget?: CtaTarget;
100
+ rounded?: boolean;
101
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
102
+ "card-click": (event: Event, item: CardClickEvent) => any;
103
+ }, string, PublicProps, Readonly<{
286
104
  title: string;
287
- titleSize?: HeadingSize | undefined;
288
- titleColor?: ColorPalette | undefined;
289
- titleBlockColor?: ColorPalette | undefined;
290
- borderColor?: ColorPalette | undefined;
291
- imageSource?: string | undefined;
292
- imageAlt?: string | undefined;
293
- imageCors?: CrossOrigin | undefined;
294
- displayGrayScale?: boolean | undefined;
295
- ctaAsLink?: boolean | undefined;
296
- ctaLink?: string | undefined;
297
- ctaTarget?: CtaTarget | undefined;
298
- rounded?: boolean | undefined;
299
- }>, {
300
- titleSize: string;
301
- titleColor: string;
302
- titleBlockColor: string;
303
- borderColor: string;
304
- displayGrayScale: boolean;
305
- imageCors: string;
306
- ctaAsLink: boolean;
307
- ctaLink: string;
308
- ctaTarget: string;
309
- rounded: boolean;
310
- }>>> & {
105
+ titleSize?: HeadingSize;
106
+ titleColor?: ColorPalette;
107
+ titleBlockColor?: ColorPalette;
108
+ borderColor?: ColorPalette;
109
+ imageSource?: string;
110
+ imageAlt?: string;
111
+ displayGrayScale?: boolean;
112
+ ctaAsLink?: boolean;
113
+ ctaLink?: string;
114
+ ctaTarget?: CtaTarget;
115
+ rounded?: boolean;
116
+ }> & Readonly<{
311
117
  "onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
312
- }, {
118
+ }>, {
313
119
  titleSize: HeadingSize;
314
120
  titleColor: ColorPalette;
315
121
  borderColor: ColorPalette;
316
- imageCors: CrossOrigin;
317
122
  ctaAsLink: boolean;
318
123
  ctaLink: string;
319
124
  ctaTarget: CtaTarget;
320
125
  rounded: boolean;
321
126
  titleBlockColor: ColorPalette;
322
127
  displayGrayScale: boolean;
323
- }, {}>, Readonly<{
324
- default: any;
325
- }> & {
326
- default: any;
327
- }>;
128
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
328
129
 
329
- export declare const MclCardC: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
130
+ declare const __VLS_component_3: DefineComponent< {
330
131
  imageSource: string;
331
- imageAlt?: string | undefined;
332
- title?: string | undefined;
333
- titleSize?: HeadingSize | undefined;
334
- titleColor?: ColorPalette | undefined;
335
- displayHighlight?: boolean | undefined;
336
- highlightColor?: ColorPalette | undefined;
337
- highlightOpacity?: OpacityRange | undefined;
338
- displayTitle?: boolean | undefined;
339
- cardColor?: ColorPalette | undefined;
340
- imageCors?: CrossOrigin | undefined;
341
- }>, {
342
- titleSize: string;
343
- titleColor: string;
344
- displayHighlight: boolean;
345
- highlightColor: string;
346
- highlightOpacity: number;
347
- displayTitle: boolean;
348
- cardColor: string;
349
- imageCors: string;
350
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
351
- "card-click": (event: Event) => void;
352
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
132
+ imageAlt?: string;
133
+ title?: string;
134
+ titleSize?: HeadingSize;
135
+ titleColor?: ColorPalette;
136
+ displayHighlight?: boolean;
137
+ highlightColor?: ColorPalette;
138
+ highlightOpacity?: OpacityRange;
139
+ displayTitle?: boolean;
140
+ cardColor?: ColorPalette;
141
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
142
+ "card-click": (event: Event) => any;
143
+ }, string, PublicProps, Readonly<{
353
144
  imageSource: string;
354
- imageAlt?: string | undefined;
355
- title?: string | undefined;
356
- titleSize?: HeadingSize | undefined;
357
- titleColor?: ColorPalette | undefined;
358
- displayHighlight?: boolean | undefined;
359
- highlightColor?: ColorPalette | undefined;
360
- highlightOpacity?: OpacityRange | undefined;
361
- displayTitle?: boolean | undefined;
362
- cardColor?: ColorPalette | undefined;
363
- imageCors?: CrossOrigin | undefined;
364
- }>, {
365
- titleSize: string;
366
- titleColor: string;
367
- displayHighlight: boolean;
368
- highlightColor: string;
369
- highlightOpacity: number;
370
- displayTitle: boolean;
371
- cardColor: string;
372
- imageCors: string;
373
- }>>> & {
145
+ imageAlt?: string;
146
+ title?: string;
147
+ titleSize?: HeadingSize;
148
+ titleColor?: ColorPalette;
149
+ displayHighlight?: boolean;
150
+ highlightColor?: ColorPalette;
151
+ highlightOpacity?: OpacityRange;
152
+ displayTitle?: boolean;
153
+ cardColor?: ColorPalette;
154
+ }> & Readonly<{
374
155
  "onCard-click"?: ((event: Event) => any) | undefined;
375
- }, {
156
+ }>, {
376
157
  titleSize: HeadingSize;
377
158
  titleColor: ColorPalette;
378
- imageCors: CrossOrigin;
379
159
  displayHighlight: boolean;
380
160
  highlightColor: ColorPalette;
381
161
  highlightOpacity: OpacityRange;
382
162
  displayTitle: boolean;
383
163
  cardColor: ColorPalette;
384
- }, {}>, Readonly<{
385
- 'card-body': any;
386
- }> & {
387
- 'card-body': any;
388
- }>;
164
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
389
165
 
390
- export declare const MclCardD: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
391
- displayImage?: boolean | undefined;
392
- imageSource?: string | undefined;
393
- imageAlt?: string | undefined;
394
- imageCors?: CrossOrigin | undefined;
166
+ declare const __VLS_component_4: DefineComponent< {
167
+ displayImage?: boolean;
168
+ imageSource?: string;
169
+ imageAlt?: string;
395
170
  title: string;
396
- titleSize?: HeadingSize | undefined;
397
- titleColor?: ColorPalette | undefined;
398
- bgColor?: ColorPalette | undefined;
399
- displayHighlight?: boolean | undefined;
400
- highlightColor?: ColorPalette | undefined;
401
- ctaText?: string | undefined;
171
+ titleSize?: HeadingSize;
172
+ titleColor?: ColorPalette;
173
+ bgColor?: ColorPalette;
174
+ displayHighlight?: boolean;
175
+ highlightColor?: ColorPalette;
176
+ ctaText?: string;
402
177
  ctaLink: string;
403
- ctaLinkTarget?: CtaTarget | undefined;
404
- ctaAsLink?: boolean | undefined;
405
- ctaButton?: boolean | undefined;
406
- ctaButtonColor?: ColorPalette | undefined;
407
- ctaButtonBlock?: boolean | undefined;
408
- borderWidth?: 1 | 3 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
409
- borderColor?: ColorPalette | undefined;
410
- gradient1?: ColorPalette | undefined;
411
- gradient2?: ColorPalette | undefined;
412
- customColor?: ColorMap | undefined;
413
- }>, {
414
- displayImage: boolean;
415
- imageAlt: string;
416
- imageCors: string;
417
- titleSize: string;
418
- titleColor: string;
419
- bgColor: string;
420
- displayHighlight: boolean;
421
- highlightColor: string;
422
- ctaText: string;
423
- ctaLinkTarget: string;
424
- ctaAsLink: boolean;
425
- ctaButton: boolean;
426
- ctaButtonColor: string;
427
- ctaButtonBlock: boolean;
428
- borderWidth: number;
429
- borderColor: string;
430
- gradient1: string;
431
- gradient2: string;
432
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
433
- "card-click": (event: Event, item: CardClickEvent) => void;
434
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
435
- displayImage?: boolean | undefined;
436
- imageSource?: string | undefined;
437
- imageAlt?: string | undefined;
438
- imageCors?: CrossOrigin | undefined;
178
+ ctaLinkTarget?: CtaTarget;
179
+ ctaAsLink?: boolean;
180
+ ctaButton?: boolean;
181
+ ctaButtonColor?: ColorPalette;
182
+ ctaButtonBlock?: boolean;
183
+ borderWidth?: Range_2<1, 10>;
184
+ borderColor?: ColorPalette;
185
+ gradient1?: ColorPalette;
186
+ gradient2?: ColorPalette;
187
+ customColor?: ColorMap;
188
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
189
+ "card-click": (event: Event, item: CardClickEvent) => any;
190
+ }, string, PublicProps, Readonly<{
191
+ displayImage?: boolean;
192
+ imageSource?: string;
193
+ imageAlt?: string;
439
194
  title: string;
440
- titleSize?: HeadingSize | undefined;
441
- titleColor?: ColorPalette | undefined;
442
- bgColor?: ColorPalette | undefined;
443
- displayHighlight?: boolean | undefined;
444
- highlightColor?: ColorPalette | undefined;
445
- ctaText?: string | undefined;
195
+ titleSize?: HeadingSize;
196
+ titleColor?: ColorPalette;
197
+ bgColor?: ColorPalette;
198
+ displayHighlight?: boolean;
199
+ highlightColor?: ColorPalette;
200
+ ctaText?: string;
446
201
  ctaLink: string;
447
- ctaLinkTarget?: CtaTarget | undefined;
448
- ctaAsLink?: boolean | undefined;
449
- ctaButton?: boolean | undefined;
450
- ctaButtonColor?: ColorPalette | undefined;
451
- ctaButtonBlock?: boolean | undefined;
452
- borderWidth?: 1 | 3 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
453
- borderColor?: ColorPalette | undefined;
454
- gradient1?: ColorPalette | undefined;
455
- gradient2?: ColorPalette | undefined;
456
- customColor?: ColorMap | undefined;
457
- }>, {
458
- displayImage: boolean;
459
- imageAlt: string;
460
- imageCors: string;
461
- titleSize: string;
462
- titleColor: string;
463
- bgColor: string;
464
- displayHighlight: boolean;
465
- highlightColor: string;
466
- ctaText: string;
467
- ctaLinkTarget: string;
468
- ctaAsLink: boolean;
469
- ctaButton: boolean;
470
- ctaButtonColor: string;
471
- ctaButtonBlock: boolean;
472
- borderWidth: number;
473
- borderColor: string;
474
- gradient1: string;
475
- gradient2: string;
476
- }>>> & {
202
+ ctaLinkTarget?: CtaTarget;
203
+ ctaAsLink?: boolean;
204
+ ctaButton?: boolean;
205
+ ctaButtonColor?: ColorPalette;
206
+ ctaButtonBlock?: boolean;
207
+ borderWidth?: Range_2<1, 10>;
208
+ borderColor?: ColorPalette;
209
+ gradient1?: ColorPalette;
210
+ gradient2?: ColorPalette;
211
+ customColor?: ColorMap;
212
+ }> & Readonly<{
477
213
  "onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
478
- }, {
214
+ }>, {
479
215
  titleSize: HeadingSize;
480
216
  titleColor: ColorPalette;
481
217
  borderColor: ColorPalette;
482
218
  bgColor: ColorPalette;
483
219
  displayImage: boolean;
484
220
  imageAlt: string;
485
- imageCors: CrossOrigin;
486
221
  ctaAsLink: boolean;
487
222
  ctaText: string;
488
223
  displayHighlight: boolean;
@@ -491,13 +226,99 @@ ctaLinkTarget: CtaTarget;
491
226
  ctaButton: boolean;
492
227
  ctaButtonColor: ColorPalette;
493
228
  ctaButtonBlock: boolean;
494
- borderWidth: 1 | 3 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
229
+ borderWidth: Range_2<1, 10>;
495
230
  gradient1: ColorPalette;
496
231
  gradient2: ColorPalette;
497
- }, {}>, Readonly<{
498
- default: any;
499
- }> & {
500
- default: any;
501
- }>;
232
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
233
+
234
+ declare function __VLS_template(): {
235
+ slots: Readonly<{
236
+ default: any;
237
+ }> & {
238
+ default: any;
239
+ };
240
+ refs: {};
241
+ attrs: Partial<{}>;
242
+ };
243
+
244
+ declare function __VLS_template_2(): {
245
+ slots: Readonly<{
246
+ default: any;
247
+ }> & {
248
+ default: any;
249
+ };
250
+ refs: {};
251
+ attrs: Partial<{}>;
252
+ };
253
+
254
+ declare function __VLS_template_3(): {
255
+ slots: Readonly<{
256
+ 'card-body': any;
257
+ }> & {
258
+ 'card-body': any;
259
+ };
260
+ refs: {};
261
+ attrs: Partial<{}>;
262
+ };
263
+
264
+ declare function __VLS_template_4(): {
265
+ slots: Readonly<{
266
+ default: any;
267
+ }> & {
268
+ default: any;
269
+ };
270
+ refs: {};
271
+ attrs: Partial<{}>;
272
+ };
273
+
274
+ declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
275
+
276
+ declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
277
+
278
+ declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
279
+
280
+ declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
281
+
282
+ declare type __VLS_WithTemplateSlots<T, S> = T & {
283
+ new (): {
284
+ $slots: S;
285
+ };
286
+ };
287
+
288
+ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
289
+ new (): {
290
+ $slots: S;
291
+ };
292
+ };
293
+
294
+ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
295
+ new (): {
296
+ $slots: S;
297
+ };
298
+ };
299
+
300
+ declare type __VLS_WithTemplateSlots_4<T, S> = T & {
301
+ new (): {
302
+ $slots: S;
303
+ };
304
+ };
305
+
306
+ export declare interface CardClickEvent {
307
+ title: string;
308
+ url: string;
309
+ target?: CtaTarget;
310
+ }
311
+
312
+ declare type ColorMap = {
313
+ [key in ColorPalette]: string;
314
+ };
315
+
316
+ export declare const MclCardA: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
317
+
318
+ export declare const MclCardB: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
319
+
320
+ export declare const MclCardC: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
321
+
322
+ export declare const MclCardD: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
502
323
 
503
324
  export { }