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