@rocketui/vue 0.0.1 → 0.0.2

package/dist/types/Alert/Alert.vue.d.ts

@@ -0,0 +1,184 @@
+export interface Props {
+    /**
+     * Type of the Alert
+     * @type 'success' | 'error' | 'warning' | 'info'
+     * @default 'info'
+     * @example
+     * <Alert type="success" />
+     */
+    type: 'success' | 'error' | 'warning' | 'info';
+    /**
+     * Title of the Alert
+     * @type string
+     * @default ''
+     * @example
+     * <Alert title="Title" />
+     */
+    title?: string;
+    /**
+     * Description of the Alert
+     * @type string
+     * @default ''
+     * @example
+     * <Alert description="Description" />
+     */
+    description?: string;
+    /**
+     * Size of the Alert
+     * @type 'small' | 'medium' | 'large'
+     * @default 'medium'
+     * @example
+     * <Alert size="small" />
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Allow to close the Alert
+     * @type boolean
+     * @default true
+     * @example
+     * <Alert closable />
+     */
+    closable?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    emit: (event: "close", ...args: any[]) => void;
+    props: any;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        alert: boolean;
+    }>;
+    icon: import("vue").ComputedRef<string>;
+    iconSize: import("vue").ComputedRef<number>;
+    close: () => void;
+    Icon: import("vue").DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        kind: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        fontSize: {
+            type: any;
+            required: false;
+            default: number;
+        };
+        color: {
+            type: any;
+            required: false;
+            default: string;
+        };
+        fontWeight: {
+            type: any;
+            required: false;
+            default: string;
+        };
+    }, {
+        props: any;
+        styles: import("vue").ComputedRef<{
+            fontSize: string;
+            fontWeight: import("csstype").FontWeightProperty;
+            color: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+        }>;
+        classes: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        kind: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        fontSize: {
+            type: any;
+            required: false;
+            default: number;
+        };
+        color: {
+            type: any;
+            required: false;
+            default: string;
+        };
+        fontWeight: {
+            type: any;
+            required: false;
+            default: string;
+        };
+    }>>, {
+        name: string;
+        kind: string;
+        fontSize: any;
+        color: any;
+        fontWeight: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onClose?: (...args: any[]) => any;
+}, {
+    type: string;
+    title: string;
+    description: string;
+    size: string;
+    closable: boolean;
+}>;
+export default _sfc_main;

package/dist/types/Avatar/Avatar.vue.d.ts

@@ -0,0 +1,130 @@
+export interface IProps {
+    /**
+     * Type of the Avatar
+     * @type 'image' | 'text'
+     * @default 'image'
+     * @example
+     * <Avatar type="text" />
+     */
+    type?: 'image' | 'text';
+    /**
+     * Source of the Avatar
+     * @type string
+     * @default ''
+     * @example
+     * <Avatar src="https://source.unsplash.com/random" />
+     */
+    src?: string;
+    /**
+     * Alt of the Avatar
+     * @type string
+     * @default 'Avatar'
+     * @example
+     * <Avatar alt="Avatar" />
+     */
+    alt?: string;
+    /**
+     * Size of the Avatar
+     * @type 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
+     * @default '2xl'
+     * @example
+     * <Avatar size="xs" />
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /**
+     * Show online status
+     * @type boolean
+     * @default false
+     * @example
+     * <Avatar online />
+     */
+    online?: boolean;
+    /**
+     * Text to show when type is text
+     * @type string
+     * @default ''
+     * @example
+     * <Avatar type="text" text="John Doe" />
+     */
+    text?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    src: {
+        type: StringConstructor;
+        required: false;
+        default: any;
+    };
+    alt: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    online: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, {
+    props: any;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        avatar: boolean;
+    }>;
+    isAnon: import("vue").ComputedRef<boolean>;
+    imgSrc: import("vue").ComputedRef<any>;
+    shortTextWithFirstCharacters: (text: string) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    src: {
+        type: StringConstructor;
+        required: false;
+        default: any;
+    };
+    alt: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    online: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>>, {
+    type: string;
+    size: string;
+    text: string;
+    src: string;
+    alt: string;
+    online: boolean;
+}>;
+export default _sfc_main;

package/dist/types/Badge/Badge.vue.d.ts

@@ -0,0 +1,132 @@
+export interface BadgeProps {
+    /**
+     * Variant of the Badge
+     * @type 'primary' | 'success' | 'warning' | 'error' | 'neutral'
+     * @default 'primary'
+     * @example
+     * <Badge variant="primary" />
+     */
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'neutral';
+    /**
+     * Placement of the Badge
+     * @type 'right' | 'bottom' | 'left'
+     * @default 'right'
+     * @example
+     * <Badge placement="right" />
+     */
+    placement?: 'right' | 'bottom' | 'left';
+    /**
+     * Overlap the Badge
+     * @type boolean
+     * @default false
+     * @example
+     * <Badge overlap />
+     */
+    overlap?: boolean;
+    /**
+     * Show the Badge on hover
+     * @type boolean
+     * @default false
+     * @example
+     * <Badge hover />
+     */
+    hover?: boolean;
+    /**
+     * Content of the Badge
+     * @type string | number
+     * @default ''
+     * @example
+     * <Badge content="1" />
+     */
+    content?: string | number;
+    /**
+     * Show the Badge outside
+     * @type boolean
+     * @default false
+     * @example
+     * <Badge outside />
+     */
+    outside?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    variant: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    overlap: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    content: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    outside: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    props: any;
+    classes: import("vue").ComputedRef<{
+        [x: string]: string | number | boolean;
+        badge: boolean;
+        badge__content: string | number;
+        'badge--hover': boolean;
+        'badge--no-content': boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    overlap: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    content: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    outside: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onClick?: (...args: any[]) => any;
+}, {
+    variant: string;
+    placement: string;
+    overlap: boolean;
+    hover: boolean;
+    content: string | number;
+    outside: boolean;
+}>;
+export default _sfc_main;