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

package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts

@@ -0,0 +1,465 @@
+import { PropType } from 'vue';
+export declare const componentName = "CdsNotificationAlert";
+declare const _sfc_main: import("vue").DefineComponent<{
+    transition: Omit<{
+        type: 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;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>>;
+        default: NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+    };
+    locationStrategy: {
+        type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
+            updateLocation: (event: Event) => void;
+        } | undefined)>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    origin: {
+        type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+        default: string;
+    };
+    offset: {
+        type: PropType<string | number | number[]>;
+        default: null;
+    };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    closeDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    openDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    activator: {
+        type: PropType<string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        default: null;
+    };
+    activatorProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    openOnHover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openOnFocus: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    closeOnContentClick: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrim: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    locale: {
+        type: PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    status: {
+        type: PropType<"error" | "info" | "success" | "warning" | "progress">;
+        default: string;
+        available: readonly ["info", "success", "warning", "error", "progress"];
+        description: string;
+        validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
+    };
+    variant: {
+        type: PropType<"default" | "important">;
+        default: string;
+        validator: (value: "default" | "important") => boolean;
+    };
+    icon: {
+        type: PropType<false | "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: null;
+    };
+    customIcon: {
+        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" | undefined>;
+        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" | undefined) => boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    closeIcon: {
+        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: string;
+        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;
+    };
+    text: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Время (мс) через которое уведомление будет закрыто
+     */
+    timeout: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    transition: Omit<{
+        type: 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;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>>;
+        default: NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+    };
+    locationStrategy: {
+        type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
+            updateLocation: (event: Event) => void;
+        } | undefined)>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    origin: {
+        type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+        default: string;
+    };
+    offset: {
+        type: PropType<string | number | number[]>;
+        default: null;
+    };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    closeDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    openDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    activator: {
+        type: PropType<string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        default: null;
+    };
+    activatorProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    openOnHover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openOnFocus: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    closeOnContentClick: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrim: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    locale: {
+        type: PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    status: {
+        type: PropType<"error" | "info" | "success" | "warning" | "progress">;
+        default: string;
+        available: readonly ["info", "success", "warning", "error", "progress"];
+        description: string;
+        validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
+    };
+    variant: {
+        type: PropType<"default" | "important">;
+        default: string;
+        validator: (value: "default" | "important") => boolean;
+    };
+    icon: {
+        type: PropType<false | "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: null;
+    };
+    customIcon: {
+        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" | undefined>;
+        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" | undefined) => boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    closeIcon: {
+        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: string;
+        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;
+    };
+    text: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Время (мс) через которое уведомление будет закрыто
+     */
+    timeout: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    title: string;
+    tag: string;
+    disabled: boolean;
+    theme: string;
+    location: NonNullable<import('../../utils').TAnchor>;
+    text: string;
+    modelValue: boolean;
+    locale: "ru" | "en" | import("../../locale").ILocale;
+    icon: false | "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";
+    eager: boolean;
+    transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
+        component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+    })>;
+    variant: "default" | "important";
+    attach: string | boolean | Element;
+    contained: boolean;
+    persistent: boolean;
+    scrim: string | boolean;
+    closeOnBack: boolean;
+    zIndex: string | number;
+    contentClasses: string | string[] | Record<string, boolean>;
+    contentProps: Record<string, unknown>;
+    noClickAnimation: boolean;
+    activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
+    activatorProps: Record<string, any>;
+    openOnClick: boolean | undefined;
+    openOnHover: boolean;
+    openOnFocus: boolean | undefined;
+    closeOnContentClick: boolean;
+    closeDelay: string | number;
+    openDelay: string | number;
+    locationStrategy: "static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
+        updateLocation: (event: Event) => void;
+    } | undefined);
+    origin: import('../../utils').TAnchor | "auto" | "overlap";
+    offset: string | number | number[];
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    customIcon: "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" | undefined;
+    closable: boolean;
+    closeLabel: string;
+    closeIcon: "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";
+    status: "error" | "info" | "success" | "warning" | "progress";
+    timeout: string | number;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1 @@
+export * from './notification';

package/dist/components/CdsNotification/composable/notification.d.ts

@@ -0,0 +1,64 @@
+import { ComputedRef } from 'vue';
+import type { TCdsIconsName } from '@central-design-system/icons';
+import type { PropType } from 'vue';
+import type { TStatus } from '../../../composable';
+export declare type TNotificationLocale = {
+    closeLabel?: string;
+};
+export interface INotificationProps {
+    closable?: boolean;
+    customIcon?: TCdsIconsName;
+    closeLabel?: string;
+    closeIcon?: TCdsIconsName;
+    status: TStatus;
+    icon?: TCdsIconsName | false;
+}
+export interface IUseNotification {
+    icon: ComputedRef<TCdsIconsName | undefined>;
+}
+export declare const makeNotificationProps: <Defaults extends {
+    icon?: unknown;
+    customIcon?: unknown;
+    closable?: unknown;
+    closeLabel?: unknown;
+    closeIcon?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Иконка
+     */
+    icon: {
+        type: PropType<false | "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: null;
+    };
+    /**
+     * Своя иконка
+     */
+    customIcon: {
+        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" | undefined>;
+        default: undefined;
+        validator: (value?: TCdsIconsName) => boolean;
+    };
+    /**
+     * Кнопка закрытия
+     */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Лейбл кнопки закрытия
+     */
+    closeLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Иконка кнопки закрытия
+     */
+    closeIcon: {
+        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: string;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+}, Defaults>;
+export declare function useNotification(props: INotificationProps): IUseNotification;

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

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