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

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

@@ -2,10 +2,14 @@ export declare const componentName = "CdsHeader";
 declare const _sfc_main: import("vue").DefineComponent<{
     theme: {
         type: import("vue").PropType<string>;
-        available: readonly ["cds", "b2b", "promo", "dark"];
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
-    dark: {
+    transparent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    invertColor: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -39,10 +43,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, 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"];
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
-    dark: {
+    transparent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    invertColor: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -74,9 +82,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onFocusin?: ((event: FocusEvent) => any) | undefined;
     onReveal?: ((value: boolean) => any) | undefined;
 }, {
-    dark: boolean;
+    invertColor: boolean;
     theme: string;
     modelValue: boolean;
+    transparent: boolean;
     height: string | number;
     reveal: boolean;
     revealOffset: number;

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

@@ -4,9 +4,16 @@ export declare const componentName = "CdsIcon";
 declare const _sfc_main: import("vue").DefineComponent<{
     theme: {
         type: PropType<string>;
-        available: readonly ["cds", "b2b", "promo", "dark"];
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
+    invertColor: {
+        type: PropType<boolean>;
+        /**
+         * Название иконки
+         */
+        default: boolean;
+    };
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
@@ -17,7 +24,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         /**
          * Название иконки
          */
-        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" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -25,16 +32,25 @@ declare const _sfc_main: import("vue").DefineComponent<{
     iconComponent: import("vue").ComputedRef<string>;
     sizeClasses: import("vue").ComputedRef<string>;
     themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
+    invertColorClasses: import("vue").ComputedRef<string | undefined>;
 } | {
     sizeClasses: import("vue").ComputedRef<string>;
     themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
+    invertColorClasses: import("vue").ComputedRef<string | undefined>;
     iconComponent?: undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: PropType<string>;
-        available: readonly ["cds", "b2b", "promo", "dark"];
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
+    invertColor: {
+        type: PropType<boolean>;
+        /**
+         * Название иконки
+         */
+        default: boolean;
+    };
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
@@ -45,13 +61,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         /**
          * Название иконки
          */
-        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" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
 }>> & {}, {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
+    invertColor: boolean;
     theme: string;
-    name: "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";
+    name: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
 }>;
 export default _sfc_main;

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

@@ -0,0 +1,264 @@
+import { ISrcObject } from './composable';
+export declare const componentName = "CdsImage";
+declare const _sfc_main: import("vue").DefineComponent<{
+    transition: {
+        type: import("vue").PropType<string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    contentClass: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    src: {
+        type: import("vue").PropType<string | ISrcObject>;
+        required: true;
+        default: string;
+    };
+    srcset: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    lazySrc: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    sizes: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    crossorigin: {
+        type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+        default: undefined;
+    };
+    referrerpolicy: {
+        type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        default: undefined;
+    };
+    absolute: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    cover: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    eager: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    gradient: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    draggable: {
+        type: import("vue").PropType<boolean | "true" | "false">;
+        default: undefined;
+    };
+    options: {
+        type: import("vue").PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}, {
+    currentSrc: import("vue").ShallowRef<string>;
+    image: import("vue").Ref<HTMLImageElement | undefined>;
+    state: import("vue").ShallowRef<"error" | "loading" | "idle" | "loaded">;
+    naturalWidth: import("vue").ShallowRef<number | undefined>;
+    naturalHeight: import("vue").ShallowRef<number | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    loadstart: (value: string | undefined) => true;
+    load: (value: string | undefined) => true;
+    error: (value: string | undefined) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    transition: {
+        type: import("vue").PropType<string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    contentClass: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    src: {
+        type: import("vue").PropType<string | ISrcObject>;
+        required: true;
+        default: string;
+    };
+    srcset: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    lazySrc: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    sizes: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    crossorigin: {
+        type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+        default: undefined;
+    };
+    referrerpolicy: {
+        type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        default: undefined;
+    };
+    absolute: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    cover: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    eager: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    gradient: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    draggable: {
+        type: import("vue").PropType<boolean | "true" | "false">;
+        default: undefined;
+    };
+    options: {
+        type: import("vue").PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}>> & {
+    onError?: ((value: string | undefined) => any) | undefined;
+    onLoadstart?: ((value: string | undefined) => any) | undefined;
+    onLoad?: ((value: string | undefined) => any) | undefined;
+}, {
+    draggable: boolean | "true" | "false";
+    eager: boolean;
+    transition: string | boolean | (import("vue").TransitionProps & {
+        component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+    });
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    color: string;
+    src: string | ISrcObject;
+    srcset: string;
+    lazySrc: string;
+    sizes: string;
+    crossorigin: "" | "anonymous" | "use-credentials";
+    referrerpolicy: "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
+    absolute: boolean;
+    position: string;
+    cover: boolean;
+    alt: string;
+    gradient: string;
+    options: IntersectionObserverInit;
+    aspectRatio: string | number;
+    contentClass: string;
+    inline: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsImage/components/CdsResponsive.vue.d.ts

@@ -0,0 +1,87 @@
+export declare const componentName = "CdsResponsive";
+declare const _sfc_main: import("vue").DefineComponent<{
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    contentClass: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    aspectRatio: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    contentClass: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    aspectRatio: string | number;
+    contentClass: string;
+    inline: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsImage/components/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsResponsive } from './CdsResponsive.vue';

package/dist/components/CdsImage/composable/image.d.ts

@@ -0,0 +1,134 @@
+import type { PropType } from 'vue';
+export interface ISrcObject {
+    src?: string;
+    srcset?: string;
+    lazySrc?: string;
+    aspect: number;
+}
+export declare const makeImageProps: <Defaults extends {
+    src?: unknown;
+    srcset?: unknown;
+    lazySrc?: unknown;
+    sizes?: unknown;
+    crossorigin?: unknown;
+    referrerpolicy?: unknown;
+    absolute?: unknown;
+    position?: unknown;
+    cover?: unknown;
+    alt?: unknown;
+    color?: unknown;
+    eager?: unknown;
+    gradient?: unknown;
+    draggable?: unknown;
+    options?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * URL-адрес изображения.
+     */
+    src: {
+        type: PropType<string | ISrcObject>;
+        required: true;
+        default: string;
+    };
+    /**
+     * Набор альтернативных изображений для использования в зависимости от размера устройства.
+     */
+    srcset: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Плейсхолдер для показа в ожидании загрузки основного изображения, обычно небольшая миниатюра в base64-кодировке.
+     * Применяется фильтр легкого размытия.
+     * ВНИМАНИЕ: Этот параметр не имеет эффекта, если не указаны высота и соотношение сторон.
+     */
+    lazySrc: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Для использования srcset.
+     */
+    sizes: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Указывает, что изображения должны быть получены с включенным CORS
+     */
+    crossorigin: {
+        type: PropType<"" | "anonymous" | "use-credentials">;
+        default: undefined;
+    };
+    /**
+     * Указывает, какой referrer будет отправлен при получении ресурса
+     */
+    referrerpolicy: {
+        type: PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        default: undefined;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Применяет стили object-position к изображению и элементам placeholder.
+     */
+    position: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Изменяет размер фонового изображения, чтобы оно занимало весь контейнер.
+     */
+    cover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Альтернативный текст для программ чтения с экрана. Оставьте пустым для декоративных изображений.
+     */
+    alt: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Применяет цвет к фону на котором расположено изображение
+     */
+    color: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Принудительно рендерит контент компонента в DOM, даже если компонент скрыт. Полезно для SEO оптимизации.
+     */
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Градиент, который нужно применить к изображению. Поддерживает только синтаксис линейного градиента, все остальное должно быть сделано с помощью классов.
+     */
+    gradient: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Управляет поведением изображения при перетаскивании.
+     */
+    draggable: {
+        type: PropType<boolean | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Параметры, передаваемые Intersection observer.
+     */
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}, Defaults>;

package/dist/components/CdsImage/composable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './image';
+export * from './responsive';

package/dist/components/CdsImage/composable/responsive.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+export declare const makeResponsiveProps: <Defaults extends {
+    aspectRatio?: unknown;
+    contentClass?: unknown;
+    inline?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Соотношение сторон изображения. Для изображения 1920x1080px это будет 1,7778. Если это значение не указано, оно будет рассчитано автоматически.
+     */
+    aspectRatio: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Пользовательский класс для элемента внутреннего содержимого.
+     */
+    contentClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Отображается как инлайн-элемент вместо блока, также отключает flex-grow.
+     */
+    inline: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useAspectStyles(props: {
+    aspectRatio?: string | number;
+}): {
+    aspectStyles: import("vue").ComputedRef<{
+        paddingBottom: string;
+    } | undefined>;
+};

package/dist/components/CdsImage/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CdsImage } from './CdsImage.vue';
+export * from './composable';