sep-yui 0.0.65 → 0.0.69

package/README.md

@@ -1,46 +1,46 @@
-## SEP-YUI Библиотека
-
-Призванна решать проблемы переиспользования компонентов из одного проекта в другой. Она решает проблемы путем установления независимости одного компонента от другого.
-
-Легко встраивается в любой существующий проект и имеет низкий порог для входа. Одно из ее главных преимуществ это гибкость, постоянные обновления и тех.поддержка, а также возможность комбинировать их внутри вашей экосистемы проекта.
-
-## Установка
-
-```bash
-    npm i sep-yui
-```
-
-#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
-
-```ts
-main.ts;
-import Ylibrary from 'sep-yui';
-app.use(Ylibrary);
-app.mount('#app');
-```
-
-#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
-
-```ts
-main.ts;
-import { Toggle } from 'sep-yui';
-app.component('Toggle', Toggle);
-```
-
-#### 2. Стили импортируются через путь "sep-yui/styles" также в файле main.ts
-
-```ts
-main.ts;
-import 'sep-yui/styles';
-```
-
-#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
-
-```vue
-App.vue
-<template>
-  <Toggle :disabled="true" :backgroundColor="'red'" />
-</template>
-<script setup lang="ts"></script>
-<styles lang="scss"></styles>
-```
+## SEP-YUI Библиотека
+
+Призванна решать проблемы переиспользования компонентов из одного проекта в другой. Она решает проблемы путем установления независимости одного компонента от другого.
+
+Легко встраивается в любой существующий проект и имеет низкий порог для входа. Одно из ее главных преимуществ это гибкость, постоянные обновления и тех.поддержка, а также возможность комбинировать их внутри вашей экосистемы проекта.
+
+## Установка
+
+```bash
+    npm i sep-yui
+```
+
+#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
+
+```ts
+main.ts;
+import Ylibrary from 'sep-yui';
+app.use(Ylibrary);
+app.mount('#app');
+```
+
+#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
+
+```ts
+main.ts;
+import { Toggle } from 'sep-yui';
+app.component('Toggle', Toggle);
+```
+
+#### 2. Стили импортируются через путь "sep-yui/styles" также в файле main.ts
+
+```ts
+main.ts;
+import 'sep-yui/styles';
+```
+
+#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
+
+```vue
+App.vue
+<template>
+  <Toggle :disabled="true" :backgroundColor="'red'" />
+</template>
+<script setup lang="ts"></script>
+<styles lang="scss"></styles>
+```

package/dist/common/extentions.d.ts

@@ -1,9 +1,13 @@
 export declare enum ImageExtensionsEnum {
     jpg = "jpg",
     png = "png",
-    jpeg = "jpeg"
+    jpeg = "jpeg",
+    webp = "webp",
+    svg = "svg",
+    pdf = "pdf"
 }
 export declare enum VideoExtensionsEnum {
     mp4 = "mp4",
-    mp3 = "mp3"
+    mp3 = "mp3",
+    avif = "avif"
 }

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

@@ -0,0 +1,12 @@
+declare function __VLS_template(): {
+    summary?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -5,14 +5,16 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     type: BadgesTypeEnum;
     choosed: boolean;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    choose: (state: boolean) => void;
+}>, {
+    isSpanOverflow: import('vue').Ref<boolean>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    choose: (state: boolean, value?: string | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IBadgesProps>, {
     type: BadgesTypeEnum;
     choosed: boolean;
     disabled: boolean;
 }>>> & {
-    onChoose?: ((state: boolean) => any) | undefined;
+    onChoose?: ((state: boolean, value?: string | undefined) => any) | undefined;
 }, {
     type: BadgesTypeEnum;
     choosed: boolean;

package/dist/components/Badges/enum/enum.d.ts

@@ -1,8 +1,10 @@
 export declare enum BadgesTypeEnum {
     default = "default",
+    lightBlue = "light-blue",
     blue = "blue",
     green = "green",
     red = "red",
     orange = "orange",
-    pink = "pink"
+    pink = "pink",
+    violet = "violet"
 }

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

@@ -14,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     pill: boolean;
     color: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
+    click: (event: MouseEvent | KeyboardEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IButtonProps>, {
     disabled: boolean;
     size: SizesEnum;
@@ -22,12 +22,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     pill: boolean;
     color: string;
 }>>> & {
-    onClick?: ((event: MouseEvent) => any) | undefined;
+    onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }, {
+    color: string;
     type: ButtonTypeEnum;
     disabled: boolean;
     size: SizesEnum.small | SizesEnum.medium | SizesEnum.large;
-    color: string;
     pill: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/Button/enum/enum.d.ts

@@ -2,5 +2,6 @@ export declare enum ButtonTypeEnum {
     primary = "primary",
     outline = "outline",
     ghost = "ghost",
-    secondary = "secondary"
+    secondary = "secondary",
+    reject = "reject"
 }

package/dist/components/Button/interface/interface.d.ts

@@ -2,9 +2,9 @@ import { SizesEnum } from '../../../common/sizes';
 import { ButtonTypeEnum } from '../enum/enum';
 
 export interface IButtonProps {
-    disabled: boolean;
-    size: SizesEnum.small | SizesEnum.medium | SizesEnum.large;
-    type: ButtonTypeEnum;
+    disabled?: boolean;
+    size?: SizesEnum.small | SizesEnum.medium | SizesEnum.large;
+    type?: ButtonTypeEnum;
     pill?: boolean;
     backgroundColor?: string;
     color?: string;

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

@@ -0,0 +1,19 @@
+import { IDatePickerProps, IRangeForDatePicker } from './interfaces/interfaces';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<IDatePickerProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: Date | IRangeForDatePicker | null) => void;
+    click: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IDatePickerProps>>> & {
+    onChange?: ((value: Date | IRangeForDatePicker | null) => any) | undefined;
+    onClick?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};

package/dist/components/Calendar/DataPickerChoose.vue.d.ts

@@ -0,0 +1,19 @@
+import { IDatePickerChooserProps } from './interfaces/interfaces';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<IDatePickerChooserProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => void;
+    click: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IDatePickerChooserProps>>> & {
+    onClick?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};

package/dist/components/Calendar/DatePicker.vue.d.ts

@@ -0,0 +1,73 @@
+
+declare const _default: import('vue').DefineComponent<{
+    modelValue: import('vue').PropType<Date | null>;
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    range: {
+        type: import('vue').PropType<import('./interfaces/interfaces').IRangeForDatePicker>;
+    };
+    locale: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    fromTodayTime: {
+        type: import('vue').PropType<boolean>;
+    };
+    setDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    startDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    endDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    isRange: {
+        type: import('vue').PropType<boolean>;
+    };
+    isSmall: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {
+    clearChoose: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => void;
+    change: (value: Date | null) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<Date | null>;
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    range: {
+        type: import('vue').PropType<import('./interfaces/interfaces').IRangeForDatePicker>;
+    };
+    locale: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    fromTodayTime: {
+        type: import('vue').PropType<boolean>;
+    };
+    setDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    startDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    endDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    isRange: {
+        type: import('vue').PropType<boolean>;
+    };
+    isSmall: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & {
+    onChange?: ((value: Date | null) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}, {
+    locale: string;
+}, {}>;
+export default _default;

package/dist/components/Calendar/DatePickerRange.vue.d.ts

@@ -0,0 +1,62 @@
+import { IRangeForDatePicker } from './interfaces/interfaces';
+
+declare const _default: import('vue').DefineComponent<{
+    startDate: import('vue').PropType<any>;
+    endDate: import('vue').PropType<any>;
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    range: {
+        type: import('vue').PropType<IRangeForDatePicker>;
+    };
+    locale: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    fromTodayTime: {
+        type: import('vue').PropType<boolean>;
+    };
+    setDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    isRange: {
+        type: import('vue').PropType<boolean>;
+    };
+    isSmall: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {
+    clear: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: IRangeForDatePicker) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    startDate: import('vue').PropType<any>;
+    endDate: import('vue').PropType<any>;
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    range: {
+        type: import('vue').PropType<IRangeForDatePicker>;
+    };
+    locale: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    fromTodayTime: {
+        type: import('vue').PropType<boolean>;
+    };
+    setDate: {
+        type: import('vue').PropType<Date | null>;
+    };
+    isRange: {
+        type: import('vue').PropType<boolean>;
+    };
+    isSmall: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & {
+    onChange?: ((value: IRangeForDatePicker) => any) | undefined;
+}, {
+    locale: string;
+}, {}>;
+export default _default;

package/dist/components/Calendar/date-utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getDate: (dateObject?: Partial<{
+    year: number;
+    month: number;
+    day: number;
+    locale: string;
+}>) => Date | string | null;

package/dist/components/Calendar/enums/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum RangeTypeEnum {
+    start = "start",
+    end = "end"
+}

package/dist/components/Calendar/interfaces/interfaces.d.ts

@@ -0,0 +1,22 @@
+interface IDatePickerBaseProps {
+    isRange?: boolean;
+    isSmall?: boolean;
+    disabled?: boolean;
+}
+export interface IRangeForDatePicker {
+    end: Date | null;
+    start: Date | null;
+}
+export interface IDatePickerProps extends IDatePickerBaseProps {
+    range?: IRangeForDatePicker;
+    locale?: string;
+    fromTodayTime?: boolean;
+    setDate?: Date | null;
+    startDate?: Date | null;
+    endDate?: Date | null;
+}
+export interface IDatePickerChooserProps extends IDatePickerBaseProps {
+    value: string;
+    isActive: boolean;
+}
+export {};

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

@@ -1,4 +1,5 @@
 declare function __VLS_template(): {
+    left?(_: {}): any;
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;

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

@@ -4,15 +4,23 @@ import { CheckboxSizeEnum, CheckboxCircularEnum } from './enum/enum';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICheckboxProps>, {
     size: CheckboxSizeEnum;
     circular: CheckboxCircularEnum;
+    modelValue: boolean;
+    disabled: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (isChecked: boolean) => void;
+    "update:modelValue": (value: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICheckboxProps>, {
     size: CheckboxSizeEnum;
     circular: CheckboxCircularEnum;
+    modelValue: boolean;
+    disabled: boolean;
 }>>> & {
     onChange?: ((isChecked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
+    disabled: boolean;
     size: CheckboxSizeEnum;
+    modelValue: boolean;
     circular: CheckboxCircularEnum;
 }, {}>;
 export default _default;

package/dist/components/Checkbox/interface/interface.d.ts

@@ -4,4 +4,6 @@ export interface ICheckboxProps {
     size?: CheckboxSizeEnum;
     circular?: CheckboxCircularEnum;
     checked?: boolean;
+    modelValue?: boolean;
+    disabled?: boolean;
 }

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

@@ -0,0 +1,21 @@
+import { ICircularProgressProps } from './interface/interface.ts';
+
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICircularProgressProps>, {}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICircularProgressProps>, {}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/CircularProgress/interface/interface.d.ts

@@ -0,0 +1,3 @@
+export interface ICircularProgressProps {
+    percent: number;
+}

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

@@ -3,7 +3,11 @@ import { IDialogProps } from './interface/interface';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<IDialogProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IDialogProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<IDialogProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IDialogProps>>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Dialog/interface/interface.d.ts

@@ -2,4 +2,5 @@ export interface IDialogProps {
     open: boolean;
     width?: string;
     height?: string;
+    noClose?: boolean;
 }

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

@@ -2,13 +2,16 @@ import { IDragAndDropProps } from './interface/interface.ts';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IDragAndDropProps>, {
     singleFileMode: boolean;
+    title: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     fileDropped: (fileList: FileList | null) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IDragAndDropProps>, {
     singleFileMode: boolean;
+    title: string;
 }>>> & {
     onFileDropped?: ((fileList: FileList | null) => any) | undefined;
 }, {
+    title: string;
     singleFileMode: boolean;
 }, {}>;
 export default _default;

package/dist/components/DragAndDrop/interface/interface.d.ts

@@ -1,3 +1,4 @@
 export interface IDragAndDropProps {
     singleFileMode?: boolean;
+    title?: string;
 }

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

@@ -0,0 +1,44 @@
+import { IFilterTagProps, IFilterTagOption } from './interface/interface';
+import { IconNameEnum } from '../Icon/enum/enum';
+
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IFilterTagProps>, {
+    iconName: IconNameEnum;
+    options: () => never[];
+    selectedValues: () => never[];
+    maxShowCount: number;
+    showClearButton: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IFilterTagProps>, {
+    iconName: IconNameEnum;
+    options: () => never[];
+    selectedValues: () => never[];
+    maxShowCount: number;
+    showClearButton: boolean;
+}>>> & {
+    onChange?: ((value: string[]) => any) | undefined;
+}, {
+    options: IFilterTagOption[];
+    iconName: IconNameEnum;
+    selectedValues: string[];
+    maxShowCount: number;
+    showClearButton: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/FilterTag/interface/interface.d.ts

@@ -0,0 +1,16 @@
+import { IconNameEnum } from '../../Icon/enum/enum';
+import { BadgesTypeEnum } from '../../Badges/enum/enum.ts';
+
+export interface IFilterTagOption {
+    value: string;
+    type: BadgesTypeEnum;
+    label: string;
+}
+export interface IFilterTagProps {
+    title?: string;
+    iconName?: IconNameEnum;
+    options: IFilterTagOption[];
+    selectedValues?: string[];
+    maxShowCount?: number;
+    showClearButton?: boolean;
+}

package/dist/components/Icon/enum/enum.d.ts

@@ -10,6 +10,7 @@ export declare enum IconNameEnum {
     chevronRight = "chevron-right",
     chevronLeft = "chevron-left",
     dark = "dark",
+    deleteSmall = "delete-small",
     exitBig = "exit-big",
     exitSmall = "exit-small",
     exit = "exit",
@@ -68,6 +69,7 @@ export declare enum IconNameEnum {
     info = "info",
     files = "files",
     moreHorizontal = "more-horizontal",
+    moreVertical = "more-vertical",
     fileText = "file-text",
     gitPullRequest = "git-pull-request",
     folder = "folder",
@@ -77,5 +79,14 @@ export declare enum IconNameEnum {
     profile = "profile",
     rightBig = "right-big",
     alertTriangle = "alert-triangle",
-    copy = "copy"
+    copy = "copy",
+    action = "action",
+    reset = "reset",
+    move = "move",
+    eye = "eye",
+    eyeOff = "eye-off",
+    handSignEmoji = "hand-sign-emoji",
+    calendar = "calendar",
+    paint = "paint",
+    closeTag = "close-tag"
 }