@rocketui/vue 0.0.9 → 0.0.11

package/dist/types/main.d.ts

@@ -0,0 +1,34 @@
+import RAlert from '../src/components/Alert/Alert.vue';
+import RAvatar from '../src/components/Avatar/Avatar.vue';
+import RBadge from '../src/components/Badge/Badge.vue';
+import RButton from '../src/components/Button/Button.vue';
+import RCheckbox from '../src/components/Checkbox/Checkbox.vue';
+import RChip from '../src/components/Chips/Chip.vue';
+import RDropdown from '../src/components/Dropdown/Dropdown.vue';
+import RIcon from '../src/components/Icon/Icon.vue';
+import RLabel from '../src/components/Label/Label.vue';
+import RSnackbar from '../src/components/Snackbar/Snackbar.vue';
+import RSwitch from '../src/components/Switch/Switch.vue';
+import RTabItem from '../src/components/TabItem/TabItem.vue';
+import RTabs from '../src/components/Tabs/Tabs.vue';
+import RTextArea from '../src/components/TextArea/TextArea.vue';
+import RTextfield from '../src/components/Textfield/Textfield.vue';
+import RTooltip from '../src/components/Tooltip/Tooltip.vue';
+export {
+  RAlert,
+  RAvatar,
+  RBadge,
+  RCheckbox,
+  RChip,
+  RButton,
+  RDropdown,
+  RIcon,
+  RLabel,
+  RSnackbar,
+  RSwitch,
+  RTabItem,
+  RTabs,
+  RTextArea,
+  RTextfield,
+  RTooltip,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocketui/vue",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "A set of customizable UI components for Vue 3, built with TypeScript",
   "type": "module",
   "main": "dist/rocket-ui-vue.umd.cjs",
@@ -18,9 +18,9 @@
     "test:coverage": "vitest run --coverage",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "storybook": "start-storybook -p 6006",
-    "storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook --docs -o docs/",
-    "storybook:chromatic": "npx chromatic --project-token=CHROMATIC_PROJECT_TOKEN --disable-telemetry",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:chromatic": "npx chromatic --project-token=252d66c17a90 --disable-telemetry",
     "prepare": "husky install",
     "prettier": "prettier --write ./src/**/*.{vue,ts,css,mdx}"
   },
@@ -33,15 +33,15 @@
   "devDependencies": {
     "@babel/core": "^7.18.10",
     "@rushstack/eslint-patch": "^1.1.4",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-docs": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
-    "@storybook/addon-links": "^6.5.10",
-    "@storybook/addons": "^6.5.12",
-    "@storybook/builder-vite": "^0.2.2",
-    "@storybook/testing-library": "^0.0.13",
-    "@storybook/theming": "^6.5.12",
-    "@storybook/vue3": "^6.5.10",
+    "@storybook/addon-actions": "^7.0.27",
+    "@storybook/addon-essentials": "^7.0.27",
+    "@storybook/addon-interactions": "^7.0.27",
+    "@storybook/addon-links": "^7.0.27",
+    "@storybook/addon-mdx-gfm": "^7.0.27",
+    "@storybook/blocks": "^7.0.27",
+    "@storybook/testing-library": "^0.2.0",
+    "@storybook/vue3": "^7.0.27",
+    "@storybook/vue3-vite": "^7.0.27",
     "@types/jsdom": "^20.0.0",
     "@types/node": "^16.11.48",
     "@vitejs/plugin-vue": "^3.0.3",
@@ -53,10 +53,10 @@
     "autoprefixer": "^10.4.8",
     "babel-loader": "^8.2.5",
     "chromatic": "^6.7.4",
-    "eslint": "^8.21.0",
+    "eslint": "^8.39.0",
     "eslint-plugin-mdx": "^2.0.2",
-    "eslint-plugin-storybook": "^0.6.4",
-    "eslint-plugin-vue": "^9.3.0",
+    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-vue": "^9.11.0",
     "husky": "^8.0.0",
     "jsdom": "^20.0.0",
     "lint-staged": "^13.0.3",
@@ -65,18 +65,21 @@
     "postcss-import": "^15.0.0",
     "postcss-nested": "^5.0.6",
     "prettier": "^2.7.1",
-    "storybook-design-token": "^2.7.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^7.0.27",
+    "storybook-design-token": "^2.9.0",
     "tailwindcss": "^3.2.0",
     "ts-dedent": "^2.2.0",
     "typescript": "~4.7.4",
-    "vite": "^3.0.8",
-    "vite-plugin-dts": "^1.7.1",
-    "vitest": "^0.22.1",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.3.1",
+    "vitest": "^0.32.0",
     "vue-loader": "^16.8.3",
-    "vue-tsc": "^0.39.5"
+    "vue-tsc": "^1.6.5"
   },
   "lint-staged": {
-    "*.{vue,js,ts,mdx}": [
+    "src/*.{vue,js,ts,mdx}": [
       "yarn lint",
       "yarn prettier"
     ]

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

@@ -1,184 +0,0 @@
-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

@@ -1,130 +0,0 @@
-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

@@ -1,132 +0,0 @@
-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;