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

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" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "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" | "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" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "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" | "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" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "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" | "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';

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

@@ -132,6 +132,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Применяет position: absolute к содержимому оверлея
      */
@@ -291,6 +295,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Применяет position: absolute к содержимому оверлея
      */
@@ -299,17 +307,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
 }, {
     disabled: boolean;
     location: import('../../utils').TAnchor;
+    modelValue: boolean;
+    eager: boolean;
     transition: string | boolean | (import("vue").TransitionProps & {
         component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
     });
-    origin: import('../../utils').TAnchor | "auto" | "overlap";
-    modelValue: boolean;
     attach: string | boolean | Element;
     contained: boolean;
     persistent: boolean;
@@ -318,6 +326,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     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;
@@ -329,9 +338,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     locationStrategy: "static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
         updateLocation: (event: Event) => void;
     } | undefined);
+    origin: import('../../utils').TAnchor | "auto" | "overlap";
     offset: string | number | number[];
     scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("./composable").IScrollStrategyData, props: import("./composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
-    eager: boolean;
     height: string | number;
     width: string | number;
     maxHeight: string | number;

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

@@ -1,4 +1,5 @@
 import { Box, TAnchor } from '../../../utils';
+import { CSSProperties } from 'vue';
 import type { PropType, Ref } from 'vue';
 export interface ILocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
@@ -22,10 +23,24 @@ export interface ILocationStrategyProps {
     minHeight: number | string;
     minWidth: number | string;
 }
+export interface ILocationProps {
+    location: TAnchor;
+}
 export interface IUseLocationStrategies {
     contentStyles: Ref<Record<string, string>>;
     updateLocation: Ref<((event: Event) => void) | undefined>;
 }
+export declare const makeLocationProps: <Defaults extends {
+    location?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Выравнивание компонент по краям top, bottom, left, right. Можно комбинировать, например, top left
+     */
+    location: {
+        type: PropType<TAnchor>;
+        default: string;
+    };
+}, Defaults>;
 export declare const makeLocationStrategyProps: <Defaults extends {
     locationStrategy?: unknown;
     location?: unknown;
@@ -63,6 +78,9 @@ export declare const makeLocationStrategyProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
+export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
+    locationStyles: import("vue").ComputedRef<CSSProperties>;
+};
 declare function staticLocationStrategy(): {
     updateLocation: () => void;
 };

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

@@ -0,0 +1,25 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsPage";
+declare const _sfc_main: import("vue").DefineComponent<{
+    padding: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    styleFn: {
+        type: PropType<(offset: number, height: number) => string>;
+        default: undefined;
+    };
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    styleFn: {
+        type: PropType<(offset: number, height: number) => string>;
+        default: undefined;
+    };
+}>>, {
+    padding: boolean;
+    styleFn: (offset: number, height: number) => string;
+}>;
+export default _sfc_main;

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

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

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

@@ -131,9 +131,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onNext?: ((value: number) => any) | undefined;
     onPrev?: ((value: number) => any) | undefined;
 }, {
-    length: string | number;
-    disabled: boolean;
     tag: string;
+    disabled: boolean;
+    length: string | number;
     modelValue: number;
     start: string | number;
     totalVisible: string | number;

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

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

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

@@ -0,0 +1,145 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsProgress";
+declare const _sfc_main: import("vue").DefineComponent<{
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    bgColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    bgOpacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    bufferValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    stream: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    bgColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    bgOpacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    bufferValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    stream: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}, {
+    tag: string;
+    reverse: boolean;
+    indeterminate: boolean;
+    active: boolean;
+    location: NonNullable<import('../../utils').TAnchor>;
+    modelValue: string | number;
+    height: string | number;
+    absolute: boolean;
+    max: string | number;
+    bgColor: string;
+    bgOpacity: string | number;
+    bufferValue: string | number;
+    clickable: boolean;
+    stream: boolean;
+}>;
+export default _sfc_main;

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

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

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

@@ -86,10 +86,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isGroup: import("vue").Ref<boolean>;
     isFocused: import("vue").Ref<boolean>;
     inputProps: import("vue").Ref<{
-        readonly disabled?: boolean | undefined;
         readonly value?: any;
+        readonly disabled?: boolean | undefined;
         readonly error?: boolean | undefined;
-        readonly readonly?: boolean | undefined;
         readonly messages?: string | string[] | undefined;
         readonly persistentMessages?: boolean | undefined;
         readonly errorMessages?: string | string[] | undefined;
@@ -101,8 +100,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly validateOn?: "input" | "blur" | "submit" | undefined;
         readonly hideMessages?: boolean | undefined;
         readonly focused?: boolean | undefined;
-        readonly name?: string | undefined;
+        readonly readonly?: boolean | undefined;
         readonly description?: string | undefined;
+        readonly name?: string | undefined;
         readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly validationValue?: any;
@@ -113,6 +113,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     internalDisabled: import("vue").ComputedRef<boolean>;
     internalReadonly: import("vue").ComputedRef<boolean>;
     internalError: import("vue").ComputedRef<boolean>;
+    internalHideMessages: import("vue").ComputedRef<boolean>;
     radioClasses: import("vue").ComputedRef<{
         'cds-radio--disabled': boolean;
         'cds-radio--checked': string | number | null | undefined;
@@ -207,15 +208,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:focused"?: ((value: boolean) => any) | undefined;
 }, {
-    name: string | undefined;
+    value: any;
     description: string;
     disabled: boolean;
-    value: any;
-    error: boolean;
-    readonly: boolean;
-    messages: string | string[];
+    name: string | undefined;
     id: string;
+    error: boolean;
     label: string;
+    messages: string | string[];
     persistentMessages: boolean;
     errorMessages: string | string[];
     maxErrors: string | number;
@@ -225,5 +225,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validationValue: any;
     hideMessages: boolean;
     focused: boolean;
+    readonly: boolean;
 }>;
 export default _sfc_main;

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

@@ -92,10 +92,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     inputProps: Ref<{
-        readonly disabled?: boolean | undefined;
         readonly value?: any;
+        readonly disabled?: boolean | undefined;
         readonly error?: boolean | undefined;
-        readonly readonly?: boolean | undefined;
         readonly messages?: string | string[] | undefined;
         readonly persistentMessages?: boolean | undefined;
         readonly errorMessages?: string | string[] | undefined;
@@ -106,9 +105,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly modelValue?: any;
         readonly validateOn?: "input" | "blur" | "submit" | undefined;
         readonly hideMessages?: boolean | undefined;
+        readonly readonly?: boolean | undefined;
         readonly direction?: NonNullable<"horizontal" | "vertical"> | undefined;
-        readonly name?: string | undefined;
         readonly description?: string | undefined;
+        readonly name?: string | undefined;
         readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly validationValue?: any;
@@ -206,15 +206,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }, {
-    name: string | undefined;
+    value: any;
     description: string;
     disabled: boolean;
-    value: any;
-    error: boolean;
-    readonly: boolean;
-    messages: string | string[];
+    name: string | undefined;
     id: string;
+    error: boolean;
     label: string;
+    messages: string | string[];
     persistentMessages: boolean;
     errorMessages: string | string[];
     maxErrors: string | number;
@@ -223,6 +222,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validateOn: "input" | "blur" | "submit";
     validationValue: any;
     hideMessages: boolean;
+    readonly: boolean;
     direction: NonNullable<"horizontal" | "vertical">;
 }>;
 export default _sfc_main;

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

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