@huntflow/ui 0.0.17 → 0.0.18

package/README.md

@@ -4,6 +4,11 @@
   <img alt="" src="https://img.shields.io/npm/dm/@huntflow/ui.svg" />
 </a>
 
+<a href="https://deno.bundlejs.com/badge?q=@huntflow/ui@0.0.17&treeshake=[*]" target="\_parent">
+  <img alt="" src="https://deno.bundlejs.com/badge?q=@huntflow/ui@0.0.17&treeshake=[*]" />
+</a>
+
+
 **@huntflow/ui** — это библиотека компонентов, предназначенная для создания удобных, масштабируемых и согласованных пользовательских интерфейсов. Проект ориентирован на упрощение разработки и поддержания единого стиля интерфейса во всех продуктах компании.
 
 ## 🚀 Основные возможности
@@ -21,6 +26,12 @@
 npm install @huntflow/ui
 ```
 
+## 📚 Storybook
+
+```javascript
+npm run storybook
+```
+
 ##  Пример использования
 ```javascript
 

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

@@ -0,0 +1,31 @@
+import { BaseButtonProps } from './types';
+declare function __VLS_template(): {
+    slots: {
+        leftIcon?(_: {
+            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
+        }): any;
+        default?(_: {}): any;
+        rightIcon?(_: {
+            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/button/types.d.ts

@@ -0,0 +1,35 @@
+import { VNode } from 'vue';
+export type BaseButtonProps = {
+    size?: ButtonSize;
+    className?: string;
+    type?: ButtonType;
+    leftIcon?: VNode;
+    rightIcon?: VNode;
+    block?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    active?: boolean;
+    name?: string;
+    circle?: boolean;
+    bordered?: boolean;
+    htmlType?: ButtonHTMLType;
+};
+export declare enum ButtonSize {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl"
+}
+export declare enum ButtonType {
+    PRIMARY = "primary",
+    DANGER = "danger",
+    DEFAULT = "default",
+    TEXT = "text",
+    LINK = "link"
+}
+export declare enum ButtonHTMLType {
+    SUBMIT = "submit",
+    BUTTON = "button",
+    RESET = "reset"
+}

package/dist/components/input/input.vue.d.ts

@@ -0,0 +1,28 @@
+import { BaseInputProps } from './types.ts';
+declare let __VLS_typeProps: BaseInputProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    enter: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/input/types.d.ts

@@ -0,0 +1,27 @@
+export type BaseInputProps = {
+    value: string;
+    type?: InputType;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    label?: string;
+    placeholder?: string;
+    loading?: boolean;
+    error?: string | null | void;
+    size?: InputSize;
+    className?: string;
+};
+export declare enum InputSize {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl"
+}
+export declare enum InputType {
+    TEXT = "text",
+    PASSWORD = "password",
+    EMAIL = "email",
+    TEL = "tel",
+    SEARCH = "search"
+}

package/dist/main.d.ts

@@ -1,2 +1,4 @@
-export * as styles from './global.css';
-export { default as TestButton } from './components/TestButton/TestButton.vue';
+export { default as BaseInput } from './components/input/input.vue';
+export { type BaseInputProps } from './components/input/types.ts';
+export { default as BaseButton } from './components/button/button.vue';
+export { type BaseButtonProps } from './components/button/types.ts';