@central-design-system/components 3.0.0-beta.7 → 3.0.0-beta.9

package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts

@@ -86,6 +86,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validationRef: import("vue").Ref<import("vue").DefineComponent<{
         'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
         'onClick:append': import("vue").PropType<(...args: any[]) => any>;
+        theme: {
+            type: import("vue").PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
         size: {
             type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
             default: string;
@@ -181,6 +186,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, 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>;
+        theme: {
+            type: import("vue").PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
         size: {
             type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
             default: string;
@@ -278,6 +288,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         disabled: boolean;
+        theme: string;
         name: string | undefined;
         id: string;
         error: boolean;

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

@@ -11,6 +11,11 @@ export declare const radioButtonProvideDefaultValue: IRadioButtonProvide;
 export declare const RadioButtonKey: unique symbol;
 export declare const componentName = "CdsRadioButton";
 declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -108,6 +113,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly readonly?: boolean | undefined;
         readonly direction?: NonNullable<"horizontal" | "vertical"> | undefined;
         readonly description?: string | undefined;
+        readonly theme?: string | undefined;
         readonly name?: string | undefined;
         readonly id?: string | undefined;
         readonly label?: string | undefined;
@@ -117,6 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hasLabel: import("vue").ComputedRef<boolean>;
     hasDescription: import("vue").ComputedRef<boolean>;
     directionClasses: import("vue").ComputedRef<string>;
+    themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * Событие при изменении значения (v-model)
@@ -124,6 +131,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
      */
     'update:modelValue': (value: string[]) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -209,6 +221,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     value: any;
     description: string;
     disabled: boolean;
+    theme: string;
     name: string | undefined;
     id: string;
     error: boolean;

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

@@ -1,5 +1,10 @@
 export declare const componentName = "CdsSelect";
 declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     size: {
         type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
@@ -7,10 +12,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
     };
     items: {
-        type: import("vue").PropType<any[]>; /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
+        type: import("vue").PropType<any[]>;
         default: () => never[];
     };
     itemTitle: {
@@ -54,9 +56,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
     'onClick:append': {
-        type: import("vue").PropType<(...args: any[]) => any>; /**
-         * Событие клика по иконке после значения поля
-         */
+        type: import("vue").PropType<(...args: any[]) => any>;
         default: undefined;
     };
     prependIcon: {
@@ -128,14 +128,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: () => never[];
     };
     persistentMessages: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean>; /**
+         * Событие клика по иконке после значения поля
+         */
         default: boolean;
     };
     active: {
         type: import("vue").PropType<boolean>;
-        /**
-         * Событие очистки поля ввода
-         */
         default: boolean;
     };
     autofocus: {
@@ -211,6 +210,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validationRef: import("vue").Ref<import("vue").DefineComponent<{
         'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
         'onClick:append': import("vue").PropType<(...args: any[]) => any>;
+        theme: {
+            type: import("vue").PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
         size: {
             type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
             default: string;
@@ -298,7 +302,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => never[];
         };
         persistentMessages: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean>; /**
+             * Событие клика по иконке после значения поля
+             */
             default: boolean;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -306,6 +312,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, 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>;
+        theme: {
+            type: import("vue").PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
         size: {
             type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
             default: string;
@@ -393,7 +404,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => never[];
         };
         persistentMessages: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean>; /**
+             * Событие клика по иконке после значения поля
+             */
             default: boolean;
         };
     }>> & {
@@ -403,6 +416,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         disabled: boolean;
+        theme: string;
         name: string | undefined;
         id: string;
         error: boolean;
@@ -435,9 +449,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         readonly disabled?: boolean | undefined;
         readonly type?: "number" | "password" | "text" | "email" | "tel" | "url" | undefined;
+        readonly error?: boolean | undefined;
         readonly active?: boolean | undefined;
         readonly autofocus?: boolean | undefined;
-        readonly error?: boolean | undefined;
         readonly counter?: boolean | undefined;
         readonly clearable?: boolean | undefined;
         readonly persistentClearable?: boolean | undefined;
@@ -455,6 +469,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly focused?: boolean | undefined;
         readonly readonly?: boolean | undefined;
         readonly description?: string | undefined;
+        readonly theme?: string | undefined;
         readonly name?: string | undefined;
         readonly id?: string | undefined;
         readonly prefix?: string | undefined;
@@ -492,6 +507,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>;
     iconClasses: import("vue").ComputedRef<Record<string, boolean>>;
     loadingClasses: import("vue").ComputedRef<string | undefined>;
+    themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
     onInput: (event: Event) => void;
     onBlur: () => void;
     onFocus: () => void;
@@ -530,6 +546,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
      */
     'click:appendInner': (event: MouseEvent) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     size: {
         type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
@@ -537,10 +558,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
     };
     items: {
-        type: import("vue").PropType<any[]>; /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
+        type: import("vue").PropType<any[]>;
         default: () => never[];
     };
     itemTitle: {
@@ -584,9 +602,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
     'onClick:append': {
-        type: import("vue").PropType<(...args: any[]) => any>; /**
-         * Событие клика по иконке после значения поля
-         */
+        type: import("vue").PropType<(...args: any[]) => any>;
         default: undefined;
     };
     prependIcon: {
@@ -658,14 +674,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: () => never[];
     };
     persistentMessages: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean>; /**
+         * Событие клика по иконке после значения поля
+         */
         default: boolean;
     };
     active: {
         type: import("vue").PropType<boolean>;
-        /**
-         * Событие очистки поля ввода
-         */
         default: boolean;
     };
     autofocus: {
@@ -746,15 +761,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
     description: string;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
+    theme: string;
     type: "number" | "password" | "text" | "email" | "tel" | "url";
     name: string | undefined;
     id: string;
+    error: boolean;
     active: boolean;
     autofocus: boolean;
     prefix: string;
     suffix: string;
     prependInnerIcon: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
-    error: boolean;
     appendInnerIcon: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
     role: string;
     placeholder: string;

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

@@ -1,6 +1,11 @@
 import type { PropType } from 'vue';
 export declare const componentName = "CdsSidebar";
 declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     title: {
         type: PropType<string>;
         default: string;
@@ -9,10 +14,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
         available: readonly ["xs", "sm", "md", "lg", "xl"];
-        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean; /**
-         * Событие изменения модели
-         * @type { boolean }
-         */
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
     };
     /**
      * Показать/Скрыть
@@ -21,11 +23,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    /**
+     * Скрывать overlay в открытом состоянии
+     */
+    disabledOverlay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }, {
     attrs: {
         [x: string]: unknown;
     };
     sizeClasses: import("vue").ComputedRef<string>;
+    themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
+    showOverlay: import("vue").ComputedRef<boolean>;
     hasToolbarSlot: import("vue").ComputedRef<boolean>;
     hasAppendSlot: import("vue").ComputedRef<boolean>;
     hide: () => void;
@@ -41,6 +52,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
      */
     'click:outside': (event: MouseEvent) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     title: {
         type: PropType<string>;
         default: string;
@@ -49,10 +65,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
         available: readonly ["xs", "sm", "md", "lg", "xl"];
-        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean; /**
-         * Событие изменения модели
-         * @type { boolean }
-         */
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
     };
     /**
      * Показать/Скрыть
@@ -61,12 +74,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    /**
+     * Скрывать overlay в открытом состоянии
+     */
+    disabledOverlay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
 }, {
     title: string;
     size: "xs" | "sm" | "md" | "lg" | "xl";
+    theme: string;
     modelValue: boolean;
+    disabledOverlay: boolean;
 }>;
 export default _sfc_main;

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

@@ -1,6 +1,11 @@
 import type { PropType } from 'vue';
 export declare const componentName = "CdsSkeletonLoader";
 declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     height: {
         type: PropType<string | number>;
         default: string;
@@ -54,6 +59,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     height: {
         type: PropType<string | number>;
         default: string;
@@ -107,6 +117,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    theme: string;
     type: "text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[];
     loading: boolean;
     height: string | number;

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

@@ -2,6 +2,11 @@ import type { PropType } from 'vue';
 import type { IInternalItem } from '../../composable';
 export declare const componentName = "CdsStages";
 declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     items: {
         type: PropType<any[]>;
         default: () => never[];
@@ -50,7 +55,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isFinished: import("vue").ComputedRef<boolean>;
     hasError: (item: IInternalItem) => any;
     innerStyle: import("vue").ComputedRef<string>;
+    themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     items: {
         type: PropType<any[]>;
         default: () => never[];
@@ -96,6 +107,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     itemChildren: import("../../composable").TItemKey;
     itemProps: import("../../composable").TItemKey;
     returnObject: boolean;
+    theme: string;
     current: string | number | null;
     finished: boolean;
 }>;

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

@@ -1,5 +1,10 @@
 export declare const componentName = "CdsStatus";
 declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     status: {
         type: import("vue").PropType<"error" | "info" | "success" | "warning" | "progress">;
         default: string;
@@ -18,9 +23,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }, {
+    themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
     appearanceClasses: import("vue").ComputedRef<string>;
     statusClasses: 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<{
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     status: {
         type: import("vue").PropType<"error" | "info" | "success" | "warning" | "progress">;
         default: string;
@@ -39,6 +50,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
+    theme: string;
     text: string;
     appearance: "primary" | "secondary" | "transparent";
     status: "error" | "info" | "success" | "warning" | "progress";

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

@@ -4,9 +4,7 @@ export declare const CDS_MOBILE_STEPS_WIDTH: number;
 export declare const componentName = "CdsSteps";
 declare const _sfc_main: import("vue").DefineComponent<{
     prependIcon: Omit<{
-        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
-         * Вертикальное отображение
-         */
+        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
     }, "default" | "type"> & {
@@ -21,6 +19,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<NonNullable<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">>;
         default: NonNullable<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
     };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     modelValue: {
         type: null;
         default: undefined;
@@ -78,9 +81,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     'update:modelValue': (value: unknown) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     prependIcon: Omit<{
-        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
-         * Вертикальное отображение
-         */
+        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
     }, "default" | "type"> & {
@@ -95,6 +96,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<NonNullable<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">>;
         default: NonNullable<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
     };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     modelValue: {
         type: null;
         default: undefined;
@@ -150,6 +156,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     multiple: boolean;
     disabled: boolean;
     required: boolean | "force";
+    theme: string;
     modelValue: any;
     prependIcon: NonNullable<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
     appendIcon: NonNullable<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;