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

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

@@ -10,6 +10,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     prependIcon: {
         type: import("vue").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;
@@ -46,10 +51,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     name: {
         type: import("vue").PropType<string | undefined>;
-        /**
-         * Событие успешной загрузки файла
-         * @type { response: Record<string, unknown>, file: NUploader.IUploadFile }
-         */
         default: undefined;
     };
     rules: {
@@ -92,6 +93,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     messages: {
         type: import("vue").PropType<string | string[]>;
+        /**
+         * Событие при изменении значения (v-model)
+         * @type { fileList: NUploader.IUploadChangeParam<NUploader.IUploadFile>['fileList'] }
+         */
         default: () => never[];
     };
     persistentMessages: {
@@ -137,7 +142,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     itemRender: {
         type: import("vue").PropType<NUploader.TItemRender<any>>;
-        default: undefined;
+        default: undefined; /**
+         * Событие изменения поля ввода
+         * @type { info: NUploader.IUploadChangeParam<NUploader.IUploadFile> }
+         */
     };
     listType: Omit<{
         type: import("vue").PropType<NUploader.TUploadListType>;
@@ -169,7 +177,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
     withCredentials: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean>; /**
+         * Событие при drag-n-drop файла
+         * @type { event: DragEvent }
+         */
         default: undefined;
     };
     openFileDialogOnClick: {
@@ -267,6 +278,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    theme: {
+        type: import("vue").PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     prependIcon: {
         type: import("vue").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;
@@ -303,10 +319,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     name: {
         type: import("vue").PropType<string | undefined>;
-        /**
-         * Событие успешной загрузки файла
-         * @type { response: Record<string, unknown>, file: NUploader.IUploadFile }
-         */
         default: undefined;
     };
     rules: {
@@ -349,6 +361,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     messages: {
         type: import("vue").PropType<string | string[]>;
+        /**
+         * Событие при изменении значения (v-model)
+         * @type { fileList: NUploader.IUploadChangeParam<NUploader.IUploadFile>['fileList'] }
+         */
         default: () => never[];
     };
     persistentMessages: {
@@ -394,7 +410,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     itemRender: {
         type: import("vue").PropType<NUploader.TItemRender<any>>;
-        default: undefined;
+        default: undefined; /**
+         * Событие изменения поля ввода
+         * @type { info: NUploader.IUploadChangeParam<NUploader.IUploadFile> }
+         */
     };
     listType: Omit<{
         type: import("vue").PropType<NUploader.TUploadListType>;
@@ -426,7 +445,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
     withCredentials: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean>; /**
+         * Событие при drag-n-drop файла
+         * @type { event: DragEvent }
+         */
         default: undefined;
     };
     openFileDialogOnClick: {
@@ -483,6 +505,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tag: string;
     description: string;
     disabled: boolean;
+    theme: string;
     name: string | undefined;
     id: string;
     data: {} | NonNullable<Record<string, unknown> | ((file: string | NUploader.IRcFile | Blob) => Record<string, unknown>)>;

package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts

@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Omit<Partial<{
             tag: string;
             reverse: boolean;
+            theme: string;
             indeterminate: boolean;
             location: NonNullable<import('../../../../utils').TAnchor>;
             active: boolean;
@@ -76,6 +77,11 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<NonNullable<import('../../../../utils').TAnchor>>;
                 default: NonNullable<import('../../../../utils').TAnchor>;
             };
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             tag: {
                 type: PropType<string>;
                 default: string;
@@ -131,7 +137,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
     onDownload: {
@@ -206,6 +212,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Omit<Partial<{
             tag: string;
             reverse: boolean;
+            theme: string;
             indeterminate: boolean;
             location: NonNullable<import('../../../../utils').TAnchor>;
             active: boolean;
@@ -226,6 +233,11 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<NonNullable<import('../../../../utils').TAnchor>>;
                 default: NonNullable<import('../../../../utils').TAnchor>;
             };
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             tag: {
                 type: PropType<string>;
                 default: string;
@@ -281,7 +293,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
     onDownload: {
@@ -307,6 +319,7 @@ declare const _default: import("vue").DefineComponent<{
     progress: Omit<Partial<{
         tag: string;
         reverse: boolean;
+        theme: string;
         indeterminate: boolean;
         location: NonNullable<import('../../../../utils').TAnchor>;
         active: boolean;
@@ -327,6 +340,11 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<NonNullable<import('../../../../utils').TAnchor>>;
             default: NonNullable<import('../../../../utils').TAnchor>;
         };
+        theme: {
+            type: PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
         tag: {
             type: PropType<string>;
             default: string;
@@ -382,7 +400,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
     itemRender: NUploader.TItemRender<any>;
     listType: NUploader.TUploadListType;
     isImageUrl: (file: NUploader.IUploadFile<any>) => boolean;

package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts

@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Omit<Partial<{
             tag: string;
             reverse: boolean;
+            theme: string;
             indeterminate: boolean;
             location: NonNullable<import('../../../../utils').TAnchor>;
             active: boolean;
@@ -76,6 +77,11 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<NonNullable<import('../../../../utils').TAnchor>>;
                 default: NonNullable<import('../../../../utils').TAnchor>;
             };
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             tag: {
                 type: PropType<string>;
                 default: string;
@@ -131,7 +137,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
     onDownload: {
@@ -209,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Omit<Partial<{
             tag: string;
             reverse: boolean;
+            theme: string;
             indeterminate: boolean;
             location: NonNullable<import('../../../../utils').TAnchor>;
             active: boolean;
@@ -229,6 +236,11 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<NonNullable<import('../../../../utils').TAnchor>>;
                 default: NonNullable<import('../../../../utils').TAnchor>;
             };
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             tag: {
                 type: PropType<string>;
                 default: string;
@@ -284,7 +296,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
     onDownload: {
@@ -310,6 +322,7 @@ declare const _default: import("vue").DefineComponent<{
     progress: Omit<Partial<{
         tag: string;
         reverse: boolean;
+        theme: string;
         indeterminate: boolean;
         location: NonNullable<import('../../../../utils').TAnchor>;
         active: boolean;
@@ -330,6 +343,11 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<NonNullable<import('../../../../utils').TAnchor>>;
             default: NonNullable<import('../../../../utils').TAnchor>;
         };
+        theme: {
+            type: PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
         tag: {
             type: PropType<string>;
             default: string;
@@ -385,7 +403,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
     itemRender: NUploader.TItemRender<any>;
     listType: NUploader.TUploadListType;
     isImageUrl: (file: NUploader.IUploadFile<any>) => boolean;

package/dist/components/CdsUploader/composable/upload.d.ts

@@ -265,6 +265,7 @@ export declare const makeUploadListProps: <Defaults extends {
         type: PropType<Omit<Partial<{
             tag: string;
             reverse: boolean;
+            theme: string;
             indeterminate: boolean;
             location: NonNullable<import('../../../utils').TAnchor>;
             active: boolean;
@@ -285,6 +286,11 @@ export declare const makeUploadListProps: <Defaults extends {
                 type: PropType<NonNullable<import('../../../utils').TAnchor>>;
                 default: NonNullable<import('../../../utils').TAnchor>;
             };
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             tag: {
                 type: PropType<string>;
                 default: string;
@@ -300,7 +306,9 @@ export declare const makeUploadListProps: <Defaults extends {
             };
             active: {
                 type: PropType<boolean>;
-                default: boolean;
+                default: boolean; /**
+                 * URL куда загружать файлы
+                 */
             };
             bgColor: {
                 type: PropType<string>;
@@ -309,9 +317,7 @@ export declare const makeUploadListProps: <Defaults extends {
             bgOpacity: {
                 type: PropType<string | number>;
                 default: undefined;
-            }; /**
-             * Тип http запроса для загрузки файлов
-             */
+            };
             bufferValue: {
                 type: PropType<string | number>;
                 default: number;
@@ -321,7 +327,9 @@ export declare const makeUploadListProps: <Defaults extends {
                 default: number;
             };
             indeterminate: {
-                type: PropType<boolean>;
+                type: PropType<boolean>; /**
+                 * Список файлов по-умолчанию
+                 */
                 default: boolean;
             };
             clickable: {
@@ -337,12 +345,14 @@ export declare const makeUploadListProps: <Defaults extends {
                 default: boolean;
             };
             reverse: {
-                type: PropType<boolean>;
+                type: PropType<boolean>; /**
+                 * Функция рендера для отображения элемента списка загружаемых файлов
+                 */
                 default: boolean;
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "reverse" | "theme" | "indeterminate" | "location" | "active" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
     onDownload: {

package/dist/composable/index.d.ts

@@ -45,3 +45,4 @@ export * from './group';
 export * from './ssrBoot';
 export * from './variant';
 export * from './layout';
+export * from './theme';

package/dist/composable/select.d.ts

@@ -80,8 +80,14 @@ export declare const makeSelectProps: <Defaults extends {
             required: boolean;
             selectStrategy: NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>;
             openStrategy: NonNullable<import("./nested/openStrategies").TOpenStrategyProp>;
+            theme: string;
             lines: false | "one" | "two" | "three";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             selectStrategy: {
                 type: PropType<NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>>;
                 default: NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>;
@@ -156,13 +162,11 @@ export declare const makeSelectProps: <Defaults extends {
             }) => any) | undefined;
             "onClick:select"?: ((value: {
                 id: unknown;
-                value: boolean; /**
-                 * Иконка выпадающего меню
-                 */
+                value: boolean;
                 path: unknown[];
                 event: Event;
             }) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
     /**

package/dist/composable/theme.d.ts

@@ -0,0 +1,82 @@
+import { ComputedRef } from 'vue';
+import type { App, DeepReadonly, InjectionKey, PropType, Ref } from 'vue';
+import type { TThemes } from '../themes';
+declare type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export declare type IThemeOptions = false | {
+    cspNonce?: string;
+    defaultTheme?: TThemes | string;
+    variations?: false | VariationOptions;
+    themes?: Record<string, ThemeDefinition>;
+};
+export declare type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
+export declare type TTheme = typeof availableTheme[number];
+export interface Colors extends BaseColors, OnColors {
+    [key: string]: string;
+}
+interface VariationOptions {
+    colors: string[];
+    lighten: number;
+    darken: number;
+}
+interface InternalThemeDefinition {
+    dark: boolean;
+    colors: Colors;
+    variables: Record<string, string | number>;
+}
+interface BaseColors {
+    background: string;
+    surface: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    info: string;
+    error: string;
+}
+interface OnColors {
+    'on-background': string;
+    'on-surface': string;
+    'on-primary': string;
+    'on-secondary': string;
+    'on-success': string;
+    'on-warning': string;
+    'on-info': string;
+    'on-error': string;
+}
+export interface ThemeInstance {
+    readonly isDisabled: boolean;
+    readonly themes: Ref<Record<string, InternalThemeDefinition>>;
+    readonly name: Readonly<Ref<string>>;
+    readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
+    readonly themeClasses: Readonly<ComputedRef<string | undefined>>;
+    readonly styles: Readonly<ComputedRef<string>>;
+    readonly global: {
+        readonly name: Ref<string>;
+        readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    };
+}
+export declare const ThemeSymbol: InjectionKey<ThemeInstance>;
+export declare const availableTheme: readonly ["cds", "b2b", "promo", "dark"];
+export declare const makeThemeProps: <Defaults extends {
+    theme?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Тема
+     */
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
+}, Defaults>;
+export declare function createTheme(options?: IThemeOptions): ThemeInstance & {
+    install: (app: App) => void;
+};
+export declare function provideTheme(props: {
+    theme?: string;
+}): ThemeInstance;
+export declare function useTheme(): ThemeInstance;
+export {};

package/dist/composable/variant.d.ts

@@ -15,7 +15,7 @@ export declare const makeVariantProps: <Defaults extends {
      * Вариант отображения
      */
     variant: {
-        type: PropType<any>;
+        type: PropType<"default" | "important">;
         default: string;
         validator: (value: TVariant) => boolean;
     };

package/dist/create.d.ts

@@ -1,12 +1,13 @@
 import { ILocale, TAvailableLocale } from './locale';
 import type { App } from 'vue';
-import type { IDisplayOptions } from './composable';
+import type { IDisplayOptions, IThemeOptions } from './composable';
 export interface ICdsOptions {
     components?: Record<string, any>;
     directives?: Record<string, any>;
     icons?: Record<string, any>;
     illustrations?: Record<string, any>;
     display?: IDisplayOptions;
+    theme?: IThemeOptions;
     cssGrid?: boolean;
     ssr?: boolean;
     locale?: TAvailableLocale | ILocale;

package/dist/themes/b2b.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/cds.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/dark.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/index.d.ts

@@ -0,0 +1,5 @@
+export * from './themes.d';
+export { default as cds } from './cds';
+export { default as b2b } from './b2b';
+export { default as dark } from './dark';
+export { default as promo } from './promo';

package/dist/themes/promo.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/themes.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeDefinition } from '../composable';
+
+export interface IThemes {
+  cds: ThemeDefinition;
+  b2b: ThemeDefinition;
+  promo: ThemeDefinition;
+  dark: ThemeDefinition;
+}
+
+export type TThemes = keyof IThemes;