@bobbykim/mcl-cards 0.9.0 → 0.9.2

package/dist/index.d.ts

@@ -9,66 +9,10 @@ import { OpacityRange } from '@bobbykim/manguito-theme';
 import { PublicProps } from 'vue';
 import { Range as Range_2 } from '@bobbykim/manguito-theme';
 
-declare const __VLS_component: DefineComponent<    {
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-borderColor?: ColorPalette;
-bgColor?: ColorPalette;
-fullWidth?: boolean;
-glass?: boolean;
-glassBlur?: BodyText;
-glassOpacity?: OpacityRange;
-displayImage?: boolean;
-imageSource?: string;
-imageAlt?: string;
-displayCta?: boolean;
-ctaAsLink?: boolean;
-ctaText?: string;
-ctaColor?: ColorPalette;
-ctaLink?: string;
-ctaTarget?: CtaTarget;
-displayLabel?: boolean;
-labelText?: string;
-labelTextColor?: ColorPalette;
-labelColor?: ColorPalette;
-enlargeOnHover?: boolean;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
-rounded?: boolean;
-displayShadow?: boolean;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "card-click": (event: Event, item: CardClickEvent) => any;
 "card-btn-click": (event: Event, item: CardClickEvent) => any;
-}, string, PublicProps, Readonly<{
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-borderColor?: ColorPalette;
-bgColor?: ColorPalette;
-fullWidth?: boolean;
-glass?: boolean;
-glassBlur?: BodyText;
-glassOpacity?: OpacityRange;
-displayImage?: boolean;
-imageSource?: string;
-imageAlt?: string;
-displayCta?: boolean;
-ctaAsLink?: boolean;
-ctaText?: string;
-ctaColor?: ColorPalette;
-ctaLink?: string;
-ctaTarget?: CtaTarget;
-displayLabel?: boolean;
-labelText?: string;
-labelTextColor?: ColorPalette;
-labelColor?: ColorPalette;
-enlargeOnHover?: boolean;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
-rounded?: boolean;
-displayShadow?: boolean;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
 "onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
 "onCard-btn-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
 }>, {
@@ -96,37 +40,11 @@ displayHighlight: boolean;
 highlightColor: ColorPalette;
 rounded: boolean;
 displayShadow: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_2: DefineComponent<    {
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-titleBlockColor?: ColorPalette;
-borderColor?: ColorPalette;
-imageSource?: string;
-imageAlt?: string;
-displayGrayScale?: boolean;
-ctaAsLink?: boolean;
-ctaLink?: string;
-ctaTarget?: CtaTarget;
-rounded?: boolean;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "card-click": (event: Event, item: CardClickEvent) => any;
-}, string, PublicProps, Readonly<{
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-titleBlockColor?: ColorPalette;
-borderColor?: ColorPalette;
-imageSource?: string;
-imageAlt?: string;
-displayGrayScale?: boolean;
-ctaAsLink?: boolean;
-ctaLink?: string;
-ctaTarget?: CtaTarget;
-rounded?: boolean;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
 "onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
 }>, {
 titleSize: HeadingSize;
@@ -138,33 +56,11 @@ ctaTarget: CtaTarget;
 rounded: boolean;
 titleBlockColor: ColorPalette;
 displayGrayScale: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<    {
-imageSource: string;
-imageAlt?: string;
-title?: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
-highlightOpacity?: OpacityRange;
-displayTitle?: boolean;
-cardColor?: ColorPalette;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "card-click": (event: Event) => any;
-}, string, PublicProps, Readonly<{
-imageSource: string;
-imageAlt?: string;
-title?: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
-highlightOpacity?: OpacityRange;
-displayTitle?: boolean;
-cardColor?: ColorPalette;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
 "onCard-click"?: ((event: Event) => any) | undefined;
 }>, {
 titleSize: HeadingSize;
@@ -174,55 +70,11 @@ highlightColor: ColorPalette;
 highlightOpacity: OpacityRange;
 displayTitle: boolean;
 cardColor: ColorPalette;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_4: DefineComponent<    {
-displayImage?: boolean;
-imageSource?: string;
-imageAlt?: string;
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-bgColor?: ColorPalette;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
-ctaText?: string;
-ctaLink: string;
-ctaLinkTarget?: CtaTarget;
-ctaAsLink?: boolean;
-ctaButton?: boolean;
-ctaButtonColor?: ColorPalette;
-ctaButtonBlock?: boolean;
-borderWidth?: Range_2<1, 10>;
-borderColor?: ColorPalette;
-gradient1?: ColorPalette;
-gradient2?: ColorPalette;
-customColor?: ColorMap;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_4: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "card-click": (event: Event, item: CardClickEvent) => any;
-}, string, PublicProps, Readonly<{
-displayImage?: boolean;
-imageSource?: string;
-imageAlt?: string;
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-bgColor?: ColorPalette;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
-ctaText?: string;
-ctaLink: string;
-ctaLinkTarget?: CtaTarget;
-ctaAsLink?: boolean;
-ctaButton?: boolean;
-ctaButtonColor?: ColorPalette;
-ctaButtonBlock?: boolean;
-borderWidth?: Range_2<1, 10>;
-borderColor?: ColorPalette;
-gradient1?: ColorPalette;
-gradient2?: ColorPalette;
-customColor?: ColorMap;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
 "onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
 }>, {
 titleSize: HeadingSize;
@@ -242,46 +94,132 @@ ctaButtonBlock: boolean;
 borderWidth: Range_2<1, 10>;
 gradient1: ColorPalette;
 gradient2: ColorPalette;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare type __VLS_Props = {
+    title: string;
+    titleSize?: HeadingSize;
+    titleColor?: ColorPalette;
+    borderColor?: ColorPalette;
+    bgColor?: ColorPalette;
+    fullWidth?: boolean;
+    glass?: boolean;
+    glassBlur?: BodyText;
+    glassOpacity?: OpacityRange;
+    displayImage?: boolean;
+    imageSource?: string;
+    imageAlt?: string;
+    displayCta?: boolean;
+    ctaAsLink?: boolean;
+    ctaText?: string;
+    ctaColor?: ColorPalette;
+    ctaLink?: string;
+    ctaTarget?: CtaTarget;
+    displayLabel?: boolean;
+    labelText?: string;
+    labelTextColor?: ColorPalette;
+    labelColor?: ColorPalette;
+    enlargeOnHover?: boolean;
+    displayHighlight?: boolean;
+    highlightColor?: ColorPalette;
+    rounded?: boolean;
+    displayShadow?: boolean;
+};
+
+declare type __VLS_Props_2 = {
+    title: string;
+    titleSize?: HeadingSize;
+    titleColor?: ColorPalette;
+    titleBlockColor?: ColorPalette;
+    borderColor?: ColorPalette;
+    imageSource?: string;
+    imageAlt?: string;
+    displayGrayScale?: boolean;
+    ctaAsLink?: boolean;
+    ctaLink?: string;
+    ctaTarget?: CtaTarget;
+    rounded?: boolean;
+};
+
+declare type __VLS_Props_3 = {
+    imageSource: string;
+    imageAlt?: string;
+    title?: string;
+    titleSize?: HeadingSize;
+    titleColor?: ColorPalette;
+    displayHighlight?: boolean;
+    highlightColor?: ColorPalette;
+    highlightOpacity?: OpacityRange;
+    displayTitle?: boolean;
+    cardColor?: ColorPalette;
+};
+
+declare type __VLS_Props_4 = {
+    displayImage?: boolean;
+    imageSource?: string;
+    imageAlt?: string;
+    title: string;
+    titleSize?: HeadingSize;
+    titleColor?: ColorPalette;
+    bgColor?: ColorPalette;
+    displayHighlight?: boolean;
+    highlightColor?: ColorPalette;
+    ctaText?: string;
+    ctaLink: string;
+    ctaLinkTarget?: CtaTarget;
+    ctaAsLink?: boolean;
+    ctaButton?: boolean;
+    ctaButtonColor?: ColorPalette;
+    ctaButtonBlock?: boolean;
+    borderWidth?: Range_2<1, 10>;
+    borderColor?: ColorPalette;
+    gradient1?: ColorPalette;
+    gradient2?: ColorPalette;
+    customColor?: ColorMap;
+};
 
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         default: any;
     }> & {
         default: any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         default: any;
     }> & {
         default: any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         'card-body': any;
     }> & {
         'card-body': any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         default: any;
     }> & {
         default: any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;