@wizleap-inc/wiz-ui-next 2.40.0 → 2.41.1

package/dist/components/base/accordion/accordion.stories.d.ts

@@ -0,0 +1,644 @@
+import { StoryFn, Meta } from '@storybook/vue3';
+import { default as WizAccordion } from './accordion.vue';
+declare const _default: Meta<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        toggle: () => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    openMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    closeMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bgColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+        required: false;
+    };
+    fontColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onToggle?: (() => any) | undefined;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => void;
+}, string, {
+    width: string;
+    openMessage: string;
+    closeMessage: string;
+    fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;
+export default _default;
+export declare const Default: StoryFn<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        toggle: () => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    openMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    closeMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bgColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+        required: false;
+    };
+    fontColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onToggle?: (() => any) | undefined;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => void;
+}, string, {
+    width: string;
+    openMessage: string;
+    closeMessage: string;
+    fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;
+export declare const Color: StoryFn<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        toggle: () => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    openMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    closeMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bgColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+        required: false;
+    };
+    fontColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onToggle?: (() => any) | undefined;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => void;
+}, string, {
+    width: string;
+    openMessage: string;
+    closeMessage: string;
+    fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;
+export declare const Open: StoryFn<typeof WizAccordion>;
+export declare const Multiple: StoryFn<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        toggle: () => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        openMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        closeMessage: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        bgColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+            required: false;
+        };
+        fontColor: {
+            type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        onToggle?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        width: string;
+        openMessage: string;
+        closeMessage: string;
+        fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    openMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    closeMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bgColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys | undefined>;
+        required: false;
+    };
+    fontColor: {
+        type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onToggle?: (() => any) | undefined;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => void;
+}, string, {
+    width: string;
+    openMessage: string;
+    closeMessage: string;
+    fontColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;