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

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

@@ -1,7 +1,7 @@
 import { ComputedRef } from 'vue';
 import type { TCdsIconsName } from '@central-design-system/icons';
-import type { PropType } from 'vue';
 import type { TStatus } from '../../../composable';
+import type { PropType } from 'vue';
 export declare type TNotificationLocale = {
     closeLabel?: string;
 };
@@ -27,14 +27,14 @@ export declare const makeNotificationProps: <Defaults extends {
      * Иконка
      */
     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">;
+        type: PropType<false | "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: 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>;
+        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" | undefined>;
         default: undefined;
         validator: (value?: TCdsIconsName) => boolean;
     };
@@ -56,7 +56,7 @@ export declare const makeNotificationProps: <Defaults extends {
      * Иконка кнопки закрытия
      */
     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">;
+        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: string;
         validator: (value: TCdsIconsName) => boolean;
     };

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

@@ -1,6 +1,10 @@
 import type { PropType } from 'vue';
 export declare const componentName = "CdsOverlay";
 declare const _sfc_main: import("vue").DefineComponent<{
+    _disableGlobalStack: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     transition: {
         type: PropType<string | boolean | (import("vue").TransitionProps & {
             component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -19,7 +23,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -76,6 +80,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -136,6 +144,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     /**
      * Применяет position: absolute к содержимому оверлея
      */
@@ -153,11 +165,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * Событие, которое срабатывает при клике вне оверлея.
      */
     'click:outside': (event: MouseEvent) => true;
+    /**
+     * Событие после появления оверлея
+     */
+    afterEnter: () => true;
     /**
      * Событие после исчезновения оверлея
      */
     afterLeave: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    _disableGlobalStack: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     transition: {
         type: PropType<string | boolean | (import("vue").TransitionProps & {
             component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -176,7 +196,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -233,6 +253,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -293,6 +317,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     /**
      * Применяет position: absolute к содержимому оверлея
      */
@@ -302,6 +330,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onAfterEnter?: (() => any) | undefined;
     onAfterLeave?: (() => any) | undefined;
     "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
 }, {
@@ -321,8 +350,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     contentClasses: string | string[] | Record<string, boolean>;
     contentProps: Record<string, unknown>;
     noClickAnimation: boolean;
+    opacity: string | number;
     activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
     activatorProps: Record<string, any>;
+    target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;
@@ -330,7 +361,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     closeDelay: string | number;
     openDelay: string | number;
     locationStrategy: "static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-        updateLocation: (event: Event) => void;
+        updateLocation: (event: Event | HTMLElement[]) => void;
     } | undefined);
     origin: import('../../utils').TAnchor | "auto" | "overlap";
     offset: string | number | number[];
@@ -342,5 +373,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     minHeight: string | number;
     minWidth: string | number;
     absolute: boolean;
+    _disableGlobalStack: boolean;
 }>;
 export default _sfc_main;

package/dist/components/CdsOverlay/composable/activator.d.ts

@@ -1,9 +1,10 @@
 import { ComputedRef } from 'vue';
-import type { ComponentPublicInstance, PropType, Ref } from 'vue';
 import type { IDelayProps } from '../../../composable';
+import type { ComponentPublicInstance, PropType, Ref } from 'vue';
 export interface IActivatorProps extends IDelayProps {
     activator: 'parent' | string | Element | ComponentPublicInstance;
     activatorProps: Record<string, any>;
+    target: 'parent' | 'cursor' | (string & {}) | Element | ComponentPublicInstance | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;
@@ -12,20 +13,24 @@ export interface IActivatorProps extends IDelayProps {
 export interface IUseActivator {
     activatorEl: Ref<HTMLElement | undefined>;
     activatorRef: Ref<HTMLElement | undefined>;
+    target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
+    targetEl: ComputedRef<HTMLElement | undefined>;
+    targetRef: Ref<HTMLElement | undefined>;
     activatorEvents: ComputedRef<Partial<TAvailableEvents>>;
     contentEvents: ComputedRef<Partial<TAvailableEvents>>;
     scrimEvents: ComputedRef<Partial<TAvailableEvents>>;
 }
 declare type TAvailableEvents = {
-    click: (event: MouseEvent) => void;
-    mouseenter: (event: MouseEvent) => void;
-    mouseleave: (event: MouseEvent) => void;
-    focus: (event: FocusEvent) => void;
-    blur: (event: FocusEvent) => void;
+    onClick: (event: MouseEvent) => void;
+    onMouseenter: (event: MouseEvent) => void;
+    onMouseleave: (event: MouseEvent) => void;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
 };
 export declare const makeActivatorProps: <Defaults extends {
     activator?: unknown;
     activatorProps?: unknown;
+    target?: unknown;
     openOnClick?: unknown;
     openOnHover?: unknown;
     openOnFocus?: unknown;
@@ -45,6 +50,14 @@ export declare const makeActivatorProps: <Defaults extends {
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    /**
+     * Для locationStrategy="connected" укажите элемент или массив координат x,y, относительно которого должен позиционироваться оверлей.
+     * По умолчанию это будет элемент активатора.
+     */
+    target: {
+        type: PropType<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     /**
      * Показать компонент по клику на активатор
      */

package/dist/components/CdsOverlay/composable/locationStrategies.d.ts

@@ -1,13 +1,14 @@
-import { Box, TAnchor } from '../../../utils';
 import { CSSProperties } from 'vue';
+import { Box, TAnchor } from '../../../utils';
 import type { PropType, Ref } from 'vue';
 export interface ILocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
+    target: Ref<HTMLElement | [x: number, y: number] | undefined>;
     activatorEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
 }
 declare type TLocationStrategyFn = (data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-    updateLocation: (event: Event) => void;
+    updateLocation: (event: Event | HTMLElement[]) => void;
 };
 declare const locationStrategies: {
     static: typeof staticLocationStrategy;
@@ -28,7 +29,7 @@ export interface ILocationProps {
 }
 export interface IUseLocationStrategies {
     contentStyles: Ref<Record<string, string>>;
-    updateLocation: Ref<((event: Event) => void) | undefined>;
+    updateLocation: Ref<((event: Event | HTMLElement[]) => void) | undefined>;
 }
 export declare const makeLocationStrategyProps: <Defaults extends {
     locationStrategy?: unknown;
@@ -78,11 +79,11 @@ export declare const makeLocationProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
-export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
+export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number, observedElement?: string): {
     locationStyles: import("vue").ComputedRef<CSSProperties>;
 };
 declare function staticLocationStrategy(): {
-    updateLocation: () => void;
+    updateLocation: (elements: HTMLElement[] | Event) => void;
 };
 declare function connectedLocationStrategy(data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>): {
     updateLocation: () => {

package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts

@@ -2,7 +2,7 @@ import type { EffectScope, PropType, Ref } from 'vue';
 export interface IScrollStrategyData {
     root: Ref<HTMLElement | undefined>;
     contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
+    targetEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
     updateLocation: Ref<((event: Event) => void) | undefined>;
 }

package/dist/components/CdsOverlay/composable/teleport.d.ts

@@ -1,6 +1,30 @@
-import { ComputedRef } from 'vue';
+import { ComputedRef, InjectionKey } from 'vue';
 import type { Ref } from 'vue';
 export interface IUseTeleport {
     teleportTarget: ComputedRef<Element | undefined>;
 }
+export interface ITeleportOptions {
+    /**
+     * Указывает, к какому DOM элементу будут прикреплены компоненты использующие телепорт.
+     * По-умолчанию прикрепляется к body.
+     */
+    target: Element;
+    /**
+     * Указывает, что все всплывающие компоненты будут прикреплены к родительскому элементу-активатору автоматически.
+     * Игнорирует переданный target во всех случаях.
+     * ВНИМАНИЕ! Возможны проблемы с позиционированием элементов вложенных в другие плавающие элементы в DOM.
+     * Используйте только если вы уверены, что это необходимо. В противном случае используйте свойства attach и contained непосредственно в самих компонентах.
+     */
+    contained: boolean;
+    /**
+     * Указывает, что все всплывающие компоненты будут прикреплены к первому элементу в getRootNode автоматически.
+     * Игнорирует переданный target во всех случаях.
+     */
+    root: boolean;
+    /**
+     * Класс контейнера для компонентов телепорта.
+     */
+    containerClassName: string;
+}
+export declare const TeleportSymbol: InjectionKey<ITeleportOptions>;
 export declare function useTeleport(target: Ref<boolean | string | Element>, overlayContainerClassName: string): IUseTeleport;

package/dist/components/CdsOverlay/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const NOTIFICATION_MARGIN = 24;
+export declare const VIEWPORT_MARGIN = 12;

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

@@ -3,7 +3,7 @@ export declare const componentName = "CdsPagination";
 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;
     };
     disabled: {
@@ -16,7 +16,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
     }, "default" | "type"> & {
         type: PropType<string>;
-        default: string;
+        default: string; /**
+         * Событие перехода на последнюю страницу
+         */
     };
     /**
      * Начальная страница
@@ -47,6 +49,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Включает отображение поля для ввода номера страницы
+     */
+    quickJumper: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Значение v-model
      */
@@ -75,10 +84,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * Событие перехода на предыдущую страницу
      */
     prev: (value: number) => true;
+    /**
+     * Событие перехода с помощью поля ввода номера страницы
+     */
+    quickJump: (value: number) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: PropType<string>;
-        available: readonly ["cds", "b2b", "promo", "dark"];
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
     disabled: {
@@ -91,7 +104,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
     }, "default" | "type"> & {
         type: PropType<string>;
-        default: string;
+        default: string; /**
+         * Событие перехода на последнюю страницу
+         */
     };
     /**
      * Начальная страница
@@ -122,6 +137,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Включает отображение поля для ввода номера страницы
+     */
+    quickJumper: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Значение v-model
      */
@@ -135,6 +157,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onLast?: ((value: number) => any) | undefined;
     onNext?: ((value: number) => any) | undefined;
     onPrev?: ((value: number) => any) | undefined;
+    onQuickJump?: ((value: number) => any) | undefined;
 }, {
     ellipsis: string;
     tag: string;
@@ -144,5 +167,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     modelValue: number;
     start: string | number;
     totalVisible: string | number;
+    quickJumper: boolean;
 }>;
 export default _sfc_main;

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

@@ -10,7 +10,7 @@ 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;
     };
     tag: {
@@ -78,7 +78,7 @@ 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;
     };
     tag: {