@central-design-system/components 3.0.0-alpha.2 → 3.0.0-alpha.3

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

@@ -152,7 +152,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     appendInnerIcon: {
         type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
-        default: undefined;
+        default: undefined; /**
+         * Событие клика по иконке перед значением поля
+         */
         validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
     };
     type: {
@@ -187,6 +189,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     id: import("vue").ComputedRef<string>;
     model: import("vue").Ref<any> & {
+        /**
+         * Событие очистки поля ввода
+         */
         readonly externalValue: any;
     };
     fieldRef: import("vue").Ref<HTMLElement | undefined>;
@@ -285,7 +290,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         hasPrepend: import("vue").ComputedRef<boolean>;
         hasAppend: import("vue").ComputedRef<boolean>;
         hasDefault: import("vue").ComputedRef<boolean>;
-        hasMessages: import("vue").ComputedRef<number | boolean>;
+        hasMessages: import("vue").ComputedRef<number | boolean>; /**
+         * Событие клика по иконке перед значением поля
+         */
         slotProps: import("vue").ComputedRef<import("../../composable").IInputSlot>;
         messagesId: import("vue").ComputedRef<string>;
         messages: import("vue").ComputedRef<string | string[]>;
@@ -297,7 +304,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         validate: () => Promise<string[]>;
         handleClickPrepend: (event: MouseEvent) => void;
         handleClickAppend: (event: MouseEvent) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (value: any) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         'onClick:prepend': PropType<(...args: any[]) => any>;
         'onClick:append': PropType<(...args: any[]) => any>;
         focused: {
@@ -387,7 +396,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }, {
         name: string | undefined;
         description: string;
@@ -447,19 +456,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly validationValue?: any;
-        readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
-        readonly 'onClick:append'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
+        readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
+        readonly 'onClick:append'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
         readonly prefix?: string | undefined;
         readonly suffix?: string | undefined;
         readonly prependInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
         readonly appendInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
         readonly placeholder?: string | undefined;
         readonly limit?: number | undefined;
-        readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
-        readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
-        readonly "onClick:clear"?: ((...args: any[]) => any) | undefined;
+        readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
+        readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+        readonly "onClick:clear"?: ((event: MouseEvent) => any) | undefined;
     }>;
     hasLabel: import("vue").ComputedRef<boolean>;
     hasDescription: import("vue").ComputedRef<boolean>;
@@ -483,10 +492,41 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onBlur: () => void;
     onFocus: () => void;
     onInput: (event: Event) => void;
-    onClear: (event: Event) => void;
+    onClear: (event: MouseEvent) => void;
     handleClickPrependInner: (event: MouseEvent) => void;
     handleClickAppendInner: (event: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner")[], "update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие при фокусе
+     * @type { boolean }
+     */
+    'update:focused': (value: boolean) => true;
+    /**
+     * Событие при изменении значения (v-model)
+     * @type { string }
+     */
+    'update:modelValue': (value: string) => true;
+    /**
+     * Событие очистки поля ввода
+     */
+    'click:clear': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке перед значением поля
+     */
+    'click:prepend': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке после значения поля
+     */
+    'click:append': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке внутри элемента перед значением поля
+     */
+    'click:prependInner': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке внутри элемента после значения поля
+     */
+    'click:appendInner': (event: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Автоматическое увеличение высоты текстовой области
      */
@@ -638,7 +678,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     appendInnerIcon: {
         type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
-        default: undefined;
+        default: undefined; /**
+         * Событие клика по иконке перед значением поля
+         */
         validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
     };
     type: {
@@ -671,13 +713,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onClick:prepend"?: ((...args: any[]) => any) | undefined;
-    "onClick:append"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
-    "onClick:prependInner"?: ((...args: any[]) => any) | undefined;
-    "onClick:appendInner"?: ((...args: any[]) => any) | undefined;
-    "onClick:clear"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:prepend"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:append"?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+    "onClick:prependInner"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:appendInner"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:clear"?: ((event: MouseEvent) => any) | undefined;
 }, {
     name: string | undefined;
     type: "number" | "text" | "password" | "email" | "tel" | "url";

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

@@ -25,12 +25,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
          */
     };
     appendIcon: {
-        type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
+         * Событие при изменении значения (v-model)
+         * @type { string }
+         */
         default: undefined;
         validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
+        /**
+         * Событие клика по иконке внутри элемента после значения поля
+         */
         default: boolean;
     };
     error: {
@@ -170,6 +176,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         disabled: {
             type: import("vue").PropType<boolean>;
+            /**
+             * Событие клика по иконке внутри элемента после значения поля
+             */
             default: boolean;
         };
         error: {
@@ -223,7 +232,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
              */
         };
         appendIcon: {
-            type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+            type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
+             * Событие при изменении значения (v-model)
+             * @type { string }
+             */
             default: undefined;
             validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
         };
@@ -268,7 +280,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         validate: () => Promise<string[]>;
         handleClickPrepend: (event: MouseEvent) => void;
         handleClickAppend: (event: MouseEvent) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (value: any) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
         'onClick:append': import("vue").PropType<(...args: any[]) => any>;
         focused: {
@@ -277,6 +291,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         disabled: {
             type: import("vue").PropType<boolean>;
+            /**
+             * Событие клика по иконке внутри элемента после значения поля
+             */
             default: boolean;
         };
         error: {
@@ -330,7 +347,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
              */
         };
         appendIcon: {
-            type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+            type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
+             * Событие при изменении значения (v-model)
+             * @type { string }
+             */
             default: undefined;
             validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
         };
@@ -359,7 +379,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }, {
         name: string | undefined;
         description: string;
@@ -414,21 +434,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly validationValue?: any;
-        readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
-        readonly 'onClick:append'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
+        readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
+        readonly 'onClick:append'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
         readonly prefix?: string | undefined;
         readonly suffix?: string | undefined;
         readonly prependInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
         readonly appendInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
         readonly placeholder?: string | undefined;
         readonly limit?: number | undefined;
-        readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
-        readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
-        readonly "onClick:clear"?: ((...args: any[]) => any) | undefined;
-        readonly "onClick:control"?: ((...args: any[]) => any) | undefined;
-        readonly "onMousedown:control"?: ((...args: any[]) => any) | undefined;
+        readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
+        readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+        readonly "onClick:clear"?: ((event: MouseEvent) => any) | undefined;
+        readonly "onClick:control"?: ((event: MouseEvent) => any) | undefined;
+        readonly "onMousedown:control"?: ((event: MouseEvent) => any) | undefined;
     }>;
     hasLabel: import("vue").ComputedRef<boolean>;
     hasDescription: import("vue").ComputedRef<boolean>;
@@ -449,12 +469,51 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onBlur: () => void;
     onFocus: () => void;
     onInput: (event: Event) => void;
-    onClear: (event: Event) => void;
+    onClear: (event: MouseEvent) => void;
     onControlClick: (event: MouseEvent) => void;
     onControlMousedown: (event: MouseEvent) => void;
     handleClickPrependInner: (event: MouseEvent) => void;
     handleClickAppendInner: (event: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner" | "click:control" | "mousedown:control")[], "update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner" | "click:control" | "mousedown:control", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие при фокусе
+     * @type { boolean }
+     */
+    'update:focused': (value: boolean) => true;
+    /**
+     * Событие при изменении значения (v-model)
+     * @type { string }
+     */
+    'update:modelValue': (value: string) => true;
+    /**
+     * Событие очистки поля ввода
+     */
+    'click:clear': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке перед значением поля
+     */
+    'click:prepend': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке после значения поля
+     */
+    'click:append': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке внутри элемента перед значением поля
+     */
+    'click:prependInner': (event: MouseEvent) => true;
+    /**
+     * Событие клика по иконке внутри элемента после значения поля
+     */
+    'click:appendInner': (event: MouseEvent) => true;
+    /**
+     * Событие клика по полю ввода
+     */
+    'click:control': (event: MouseEvent) => true;
+    /**
+     * Событие нажатия клавиши мыши на поле ввода
+     */
+    'mousedown:control': (event: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -480,12 +539,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
          */
     };
     appendIcon: {
-        type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
+         * Событие при изменении значения (v-model)
+         * @type { string }
+         */
         default: undefined;
         validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
+        /**
+         * Событие клика по иконке внутри элемента после значения поля
+         */
         default: boolean;
     };
     error: {
@@ -610,15 +675,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onClick:prepend"?: ((...args: any[]) => any) | undefined;
-    "onClick:append"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
-    "onClick:prependInner"?: ((...args: any[]) => any) | undefined;
-    "onClick:appendInner"?: ((...args: any[]) => any) | undefined;
-    "onClick:clear"?: ((...args: any[]) => any) | undefined;
-    "onClick:control"?: ((...args: any[]) => any) | undefined;
-    "onMousedown:control"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:prepend"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:append"?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+    "onClick:prependInner"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:appendInner"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:clear"?: ((event: MouseEvent) => any) | undefined;
+    "onClick:control"?: ((event: MouseEvent) => any) | undefined;
+    "onMousedown:control"?: ((event: MouseEvent) => any) | undefined;
 }, {
     name: string | undefined;
     type: "number" | "text" | "password" | "email" | "tel" | "url";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.3",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 5/18/2023, 9:57:05 PM
+ * Generated on 5/22/2023, 12:52:07 PM
  **/
 
 /**