@huntflow/ui 0.0.59 → 0.1.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.0.59",
+  "version": "0.1.1",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",
@@ -24,7 +24,9 @@
     "build-storybook": "storybook build",
     "lint": "eslint './src/**/*.{js,vue,ts}' --quiet",
     "icons": "npx tsx utils/figma-icons.ts",
-    "variables": "npx tsx utils/figma-variables.ts"
+    "variables": "npx tsx utils/figma-variables.ts",
+    "visual:create": "npx tsx tests/screenshot-create.ts",
+    "visual:compare": "npx tsx tests/compare-screenshots.ts"
   },
   "publishConfig": {
     "access": "public"
@@ -44,23 +46,22 @@
   },
   "homepage": "https://huntflow.ru/",
   "dependencies": {
+    "reka-ui": "^2.3.0",
     "vue": "^3.5.13"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.2.0",
-    "@chromatic-com/storybook": "^3.2.6",
+    "@chromatic-com/storybook": "^4.0.0-next.16",
     "@eslint/js": "^9.17.0",
     "@huntflow/eslint-config": "^1.1.1",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/vue3": "^8.6.12",
-    "@storybook/vue3-vite": "^8.6.12",
+    "@storybook/addon-docs": "^9.1.0-alpha.0",
+    "@storybook/addon-links": "^9.1.0-alpha.0",
+    "@storybook/addon-onboarding": "^9.1.0-alpha.0",
+    "@storybook/vue3-vite": "^9.1.0-alpha.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.10.1",
+    "@types/glob": "^8.1.0",
+    "@types/node": "^22.15.3",
+    "@types/pngjs": "^6.0.5",
     "@typescript-eslint/eslint-plugin": "^8.18.1",
     "@typescript-eslint/parser": "^8.18.1",
     "@vitejs/plugin-vue": "^5.2.3",
@@ -73,11 +74,18 @@
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import-x": "^4.6.1",
     "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-storybook": "^9.1.0-alpha.0",
+    "glob": "^11.0.2",
+    "node-fetch": "^3.3.2",
+    "pixelmatch": "^7.1.0",
+    "pngjs": "^7.0.0",
     "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
     "postcss-nesting": "^13.0.1",
-    "storybook": "^8.6.12",
-    "storybook-addon-pseudo-states": "^4.0.3",
+    "puppeteer": "^24.7.2",
+    "sharp": "^0.34.1",
+    "storybook": "^9.1.0-alpha.0",
+    "storybook-addon-pseudo-states": "^9.1.0-alpha.0",
     "stylelint": "^16.12.0",
     "stylelint-config-recommended": "^14.0.1",
     "tsx": "^4.19.2",
@@ -88,5 +96,8 @@
     "vite-plugin-eslint2": "^5.0.3",
     "vite-svg-sprite-wrapper": "^1.4.1",
     "vue-tsc": "^2.1.8"
+  },
+  "overrides": {
+    "storybook": "$storybook"
   }
 }

package/dist/components/base-button/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseButton } from './button.vue';
-export type { BaseButtonProps } from './types';
-export { BaseButton };

package/dist/components/base-button/types.d.ts

@@ -1,16 +0,0 @@
-export type BaseButtonProps = {
-    size?: BaseButtonSize;
-    className?: string;
-    type?: BaseButtonType;
-    disabled?: boolean;
-    loading?: boolean;
-    dropdown?: boolean;
-    active?: boolean;
-    name?: string;
-    circle?: boolean;
-    bordered?: boolean;
-    htmlType?: BaseButtonHTMLType;
-};
-export type BaseButtonSize = 's' | 'xs' | 'm' | 'l';
-export type BaseButtonType = 'primary' | 'secondary' | 'accent' | 'danger' | 'jobsites' | 'ghost' | 'ghost-danger';
-export type BaseButtonHTMLType = 'button' | 'submit' | 'reset';

package/dist/components/base-checkbox/checkbox.vue.d.ts

@@ -1,33 +0,0 @@
-type Props = {
-    id?: string;
-    name?: string;
-    disabled?: boolean;
-    label?: string;
-    error?: string | null | void;
-    className?: string;
-};
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
-    'checked'?: boolean;
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:checked": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/base-checkbox/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseCheckbox } from './checkbox.vue';
-export type { BaseCheckboxProps } from './types';
-export { BaseCheckbox };

package/dist/components/base-checkbox/types.d.ts

@@ -1,10 +0,0 @@
-export type BaseCheckboxProps = {
-    className?: string;
-    type?: BaseCheckboxType;
-    block?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    name?: string;
-    bordered?: boolean;
-};
-export type BaseCheckboxType = 'primary' | 'danger' | 'default';

package/dist/components/base-icon/icon.vue.d.ts

@@ -1,3 +0,0 @@
-import { BaseIconProps } from './types.ts';
-declare const _default: import('vue').DefineComponent<BaseIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
-export default _default;

package/dist/components/base-icon/index.d.ts

@@ -1,4 +0,0 @@
-import { default as BaseIcon } from './icon.vue';
-export type { BaseIconProps, IconType } from './types';
-declare const injectSvgSprite: () => Promise<void>;
-export { BaseIcon, injectSvgSprite };

package/dist/components/base-input/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseInput } from './input.vue';
-export type { BaseInputProps } from './types';
-export { BaseInput };

package/dist/components/base-label/index.d.ts

@@ -1,2 +0,0 @@
-import { default as BaseLabel } from './label.vue';
-export { BaseLabel };

package/dist/components/base-loader/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseLoader } from './loader.vue';
-export type { BaseLoaderSize } from './types';
-export { BaseLoader };

package/dist/components/base-loader/loader.vue.d.ts

@@ -1,6 +0,0 @@
-import { BaseLoaderProps } from './types.ts';
-declare const _default: import('vue').DefineComponent<BaseLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseLoaderProps> & Readonly<{}>, {
-    size: import('./types.ts').BaseLoaderSize;
-    color: "white" | "black";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
-export default _default;

package/dist/components/base-loader/types.d.ts

@@ -1,6 +0,0 @@
-export type BaseLoaderProps = {
-    className?: string;
-    size: BaseLoaderSize;
-    color?: 'white' | 'black';
-};
-export type BaseLoaderSize = 's' | 'm' | 'l';

package/dist/components/base-plank/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BasePlank } from './base-plank.vue';
-export type { BasePlankProps } from './types.ts';
-export { BasePlank };

package/dist/components/base-plank/types.d.ts

@@ -1,7 +0,0 @@
-import { IconType } from '../index';
-export type BasePlankProps = {
-    type?: BasePlankType;
-    icon?: IconType;
-    label?: string;
-};
-export type BasePlankType = 'default' | 'accent' | 'danger';

package/dist/components/base-select/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseSelect } from './select.vue';
-export type { BaseSelectProps } from './types';
-export { BaseSelect };

package/dist/components/base-select/select.vue.d.ts

@@ -1,38 +0,0 @@
-import { BaseSelectProps } from './types.ts';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {
-            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>;
-        }): any;
-        icon?(_: {
-            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>;
-        }): any;
-    };
-    refs: {
-        'base-select': HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:value": (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<BaseSelectProps> & Readonly<{
-    "onUpdate:value"?: ((value: string | number) => any) | undefined;
-}>, {
-    size: import('./types.ts').BaseSelectSize;
-    placeholder: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    'base-select': HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/base-select/types.d.ts

@@ -1,20 +0,0 @@
-import { VNode } from 'vue';
-export type BaseSelectProps = {
-    value?: number | string | null;
-    name?: string;
-    placeholder?: string;
-    label?: string;
-    size?: BaseSelectSize;
-    className?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    options?: BaseSelectOption[];
-};
-export type BaseSelectOption = {
-    id: number;
-    title: VNode;
-    icon?: VNode;
-    disabled?: boolean;
-    value: number | string;
-};
-export type BaseSelectSize = 'xs' | 's' | 'm' | 'l' | 'xl';

package/dist/components/base-text/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseText } from './text.vue';
-export type { BaseTextProps } from './types';
-export { BaseText };

package/dist/components/base-title/index.d.ts

@@ -1,3 +0,0 @@
-import { default as BaseTitle } from './title.vue';
-export type { BaseTitleProps } from './types';
-export { BaseTitle };

package/dist/components/button-icon/button-icon.vue.d.ts

@@ -1,15 +0,0 @@
-import { ButtonIconProps } from './types';
-declare const _default: import('vue').DefineComponent<ButtonIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-}, string, import('vue').PublicProps, Readonly<ButtonIconProps> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {
-    size: import('./types').ButtonIconSize;
-    circle: boolean;
-    type: import('./types').ButtonIconType;
-    disabled: boolean;
-    loading: boolean;
-    active: boolean;
-    bordered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-export default _default;

package/dist/components/button-icon/index.d.ts

@@ -1,2 +0,0 @@
-import { default as ButtonIcon } from './button-icon.vue';
-export { ButtonIcon };

package/dist/components/button-icon/types.d.ts

@@ -1,14 +0,0 @@
-export type ButtonIconProps = {
-    icon: string;
-    size?: ButtonIconSize;
-    className?: string;
-    type?: ButtonIconType;
-    disabled?: boolean;
-    loading?: boolean;
-    active?: boolean;
-    name?: string;
-    circle?: boolean;
-    bordered?: boolean;
-};
-export type ButtonIconSize = 's' | 'xs' | 'm' | 'l';
-export type ButtonIconType = 'primary' | 'secondary' | 'accent' | 'danger';

package/dist/components/button-link/index.d.ts

@@ -1,2 +0,0 @@
-import { default as ButtonLink } from './button-link.vue';
-export { ButtonLink };