@cypress-design/vue-accordion 0.1.0

package/dist/vue/Accordion.vue.d.ts

@@ -0,0 +1,203 @@
+import { FunctionalComponent, SVGAttributes } from 'vue';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            /**
+             * Main indigo title.
+             * [NOTE] It's color and font can be customized using `titleClassName`.
+             */
+            title: string;
+            /**
+             * Second line in the heading.
+             */
+            description?: string | undefined;
+            /**
+             * Icon to be displayed on the left of the the heading.
+             */
+            icon?: FunctionalComponent<SVGAttributes, {}> | undefined;
+            /**
+             * Should we add a vertical separator between the icon and the text.
+             */
+            separator?: boolean | undefined;
+            /**
+             * Change the font and color of the heading title
+             */
+            titleClassName?: string | undefined;
+            /**
+             * Change the font and color of the heading description
+             */
+            descriptionClassName?: string | undefined;
+            /**
+             * Additional classes to add to the header of the accordion
+             * > [NOTE] useful to change the background color of the header
+             */
+            headingClassName?: string | undefined;
+            /**
+             * When using content that needs ti be edge to edge,
+             * removes the content wrapper from the content.
+             */
+            fullWidthContent?: boolean | undefined;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            /**
+             * Main indigo title.
+             * [NOTE] It's color and font can be customized using `titleClassName`.
+             */
+            title: string;
+            /**
+             * Second line in the heading.
+             */
+            description?: string | undefined;
+            /**
+             * Icon to be displayed on the left of the the heading.
+             */
+            icon?: FunctionalComponent<SVGAttributes, {}> | undefined;
+            /**
+             * Should we add a vertical separator between the icon and the text.
+             */
+            separator?: boolean | undefined;
+            /**
+             * Change the font and color of the heading title
+             */
+            titleClassName?: string | undefined;
+            /**
+             * Change the font and color of the heading description
+             */
+            descriptionClassName?: string | undefined;
+            /**
+             * Additional classes to add to the header of the accordion
+             * > [NOTE] useful to change the background color of the header
+             */
+            headingClassName?: string | undefined;
+            /**
+             * When using content that needs ti be edge to edge,
+             * removes the content wrapper from the content.
+             */
+            fullWidthContent?: boolean | undefined;
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        /**
+         * Main indigo title.
+         * [NOTE] It's color and font can be customized using `titleClassName`.
+         */
+        title: string;
+        /**
+         * Second line in the heading.
+         */
+        description?: string | undefined;
+        /**
+         * Icon to be displayed on the left of the the heading.
+         */
+        icon?: FunctionalComponent<SVGAttributes, {}> | undefined;
+        /**
+         * Should we add a vertical separator between the icon and the text.
+         */
+        separator?: boolean | undefined;
+        /**
+         * Change the font and color of the heading title
+         */
+        titleClassName?: string | undefined;
+        /**
+         * Change the font and color of the heading description
+         */
+        descriptionClassName?: string | undefined;
+        /**
+         * Additional classes to add to the header of the accordion
+         * > [NOTE] useful to change the background color of the header
+         */
+        headingClassName?: string | undefined;
+        /**
+         * When using content that needs ti be edge to edge,
+         * removes the content wrapper from the content.
+         */
+        fullWidthContent?: boolean | undefined;
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Main indigo title.
+     * [NOTE] It's color and font can be customized using `titleClassName`.
+     */
+    title: string;
+    /**
+     * Second line in the heading.
+     */
+    description?: string | undefined;
+    /**
+     * Icon to be displayed on the left of the the heading.
+     */
+    icon?: FunctionalComponent<SVGAttributes, {}> | undefined;
+    /**
+     * Should we add a vertical separator between the icon and the text.
+     */
+    separator?: boolean | undefined;
+    /**
+     * Change the font and color of the heading title
+     */
+    titleClassName?: string | undefined;
+    /**
+     * Change the font and color of the heading description
+     */
+    descriptionClassName?: string | undefined;
+    /**
+     * Additional classes to add to the header of the accordion
+     * > [NOTE] useful to change the background color of the header
+     */
+    headingClassName?: string | undefined;
+    /**
+     * When using content that needs ti be edge to edge,
+     * removes the content wrapper from the content.
+     */
+    fullWidthContent?: boolean | undefined;
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {}) => any;
+    };
+});
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=Accordion.vue.d.ts.map

package/dist/vue/Accordion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue.d.ts","sourceRoot":"","sources":["../../Accordion.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAkB,aAAa,EAAE,MAAM,KAAK,CAAA;;;;;;YAqDtE;;;eAGG;mBACI,MAAM;YACb;;eAEG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;;eAGG;;YAEH;;;eAGG;;;;;;;;;;;;;;;;;YAjCH;;;eAGG;mBACI,MAAM;YACb;;eAEG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;;eAGG;;YAEH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;QAjCH;;;WAGG;eACI,MAAM;QACb;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;;;;;IAjCH;;;OAGG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;;;;;;AApFL,wBAoGK;AACL,aAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,aAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/vue/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Accordion.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/index.ts

@@ -0,0 +1 @@
+export { default } from './Accordion.vue'

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@cypress-design/vue-accordion",
+  "version": "0.1.0",
+  "files": [
+    "*"
+  ],
+  "typings": "./dist/vue/index.d.ts",
+  "module": "./dist/index.es.mjs",
+  "main": "./dist/index.umd.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "scripts": {
+    "build": "yarn build:module && yarn build:types",
+    "build:module": "yarn vite build",
+    "build:types": "yarn vue-tsc --project ./tsconfig.build.json"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@cypress-design/details-animation": "*",
+    "@cypress-design/vue-icon": "*"
+  }
+}

package/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../tsconfig.vue.json",
+  "include": ["./*.vue", "./index.ts", "../constants.ts"],
+  "compilerOptions": {
+    "outDir": "dist"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../../tsconfig.vue.json",
+  "include": [
+    "*.vue",
+    "*.ts",
+    "*.tsx",
+    "../*.ts",
+    "../../../cypress/support/*.ts"
+  ],
+  "compilerOptions": {
+    "types": []
+  }
+}

package/vite.config.ts

@@ -0,0 +1,7 @@
+import * as path from 'path'
+import generateViteConfig from '../../root.vite.config'
+
+export default generateViteConfig({
+  entry: path.resolve(__dirname, './index.ts'),
+  name: 'Accordion',
+})