@central-design-system/components 3.0.0-alpha.17 → 3.0.0-alpha.18

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

@@ -1037,10 +1037,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
         origin: {
-            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-             * Событие открытия меню
-             * @type { boolean }
-             */
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
             default: string;
         };
         offset: {
@@ -1169,10 +1166,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: string;
             };
             origin: {
-                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-                 * Событие открытия меню
-                 * @type { boolean }
-                 */
+                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
                 default: string;
             };
             offset: {
@@ -1322,10 +1316,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: string;
             };
             origin: {
-                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-                 * Событие открытия меню
-                 * @type { boolean }
-                 */
+                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
                 default: string;
             };
             offset: {
@@ -1545,10 +1536,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
         origin: {
-            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-             * Событие открытия меню
-             * @type { boolean }
-             */
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
             default: string;
         };
         offset: {

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

@@ -1,17 +1,5 @@
-import type { IGroupItemProvide } from '../../composable';
-import type { PropType, InjectionKey, Ref, ComputedRef } from 'vue';
+import type { PropType } from 'vue';
 import type { ITouchHandlers } from '../../directives/touch';
-export interface ICdsContainerProvide {
-    rootRef: Ref<HTMLElement | undefined>;
-    transition: ComputedRef<undefined | string>;
-    transitionCount: Ref<number>;
-    transitionHeight: Ref<undefined | string>;
-    isReversed: Ref<boolean>;
-    onlySingle: Ref<boolean>;
-    multiple: Ref<boolean>;
-}
-export declare const CdsContainerSymbol: InjectionKey<ICdsContainerProvide>;
-export declare const CdsContainerGroupSymbol: InjectionKey<IGroupItemProvide>;
 export declare const componentName = "CdsContainer";
 declare const _sfc_main: import("vue").DefineComponent<{
     prependIcon: Omit<{

package/dist/components/CdsContainer/CdsContainerItem.vue.d.ts

@@ -17,6 +17,30 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string>;
         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;
+    };
     reverseTransition: {
         type: PropType<string | boolean>;
         default: undefined;
@@ -46,6 +70,30 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string>;
         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;
+    };
     reverseTransition: {
         type: PropType<string | boolean>;
         default: undefined;
@@ -64,6 +112,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selectedClass: string;
     transition: string | boolean;
     eager: boolean;
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
     reverseTransition: string | boolean;
 }>;
 export default _sfc_main;

package/dist/components/CdsContainer/context.d.ts

@@ -0,0 +1,15 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { IGroupItemProvide } from '../../composable';
+export interface ICdsContainerProvide {
+    rootRef: Ref<HTMLElement | undefined>;
+    transition: ComputedRef<undefined | string>;
+    transitionCount: Ref<number>;
+    transitionHeight: Ref<undefined | string>;
+    isReversed: Ref<boolean>;
+    onlySingle: Ref<boolean>;
+    multiple: Ref<boolean>;
+}
+export declare const CdsContainerSymbol: InjectionKey<ICdsContainerProvide>;
+export declare const CdsContainerGroupSymbol: InjectionKey<IGroupItemProvide>;
+export declare const useProvideContainer: (data: ICdsContainerProvide) => void;
+export declare const useInjectContainer: () => ICdsContainerProvide;

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

@@ -146,16 +146,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: null;
     };
     messages: {
-        /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
         type: import("vue").PropType<string | string[]>;
         default: () => never[];
     };
     persistentMessages: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
+        default: boolean; /**
+         * Событие открытия меню
+         * @type { boolean }
+         */
     };
     active: {
         type: import("vue").PropType<boolean>;
@@ -354,16 +353,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: null;
         };
         messages: {
-            /**
-             * Событие при фокусе
-             * @type { boolean }
-             */
             type: import("vue").PropType<string | string[]>;
             default: () => never[];
         };
         persistentMessages: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
+            default: boolean; /**
+             * Событие открытия меню
+             * @type { boolean }
+             */
         };
         active: {
             type: import("vue").PropType<boolean>;
@@ -513,16 +511,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: null;
             };
             messages: {
-                /**
-                 * Событие при фокусе
-                 * @type { boolean }
-                 */
                 type: import("vue").PropType<string | string[]>;
                 default: () => never[];
             };
             persistentMessages: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
+                default: boolean; /**
+                 * Событие открытия меню
+                 * @type { boolean }
+                 */
             };
         }, {
             isFocused: import("vue").Ref<boolean>;
@@ -630,16 +627,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: null;
             };
             messages: {
-                /**
-                 * Событие при фокусе
-                 * @type { boolean }
-                 */
                 type: import("vue").PropType<string | string[]>;
                 default: () => never[];
             };
             persistentMessages: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
+                default: boolean; /**
+                 * Событие открытия меню
+                 * @type { boolean }
+                 */
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -848,16 +844,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: null;
         };
         messages: {
-            /**
-             * Событие при фокусе
-             * @type { boolean }
-             */
             type: import("vue").PropType<string | string[]>;
             default: () => never[];
         };
         persistentMessages: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
+            default: boolean; /**
+             * Событие открытия меню
+             * @type { boolean }
+             */
         };
         active: {
             type: import("vue").PropType<boolean>;
@@ -2258,16 +2253,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: null;
     };
     messages: {
-        /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
         type: import("vue").PropType<string | string[]>;
         default: () => never[];
     };
     persistentMessages: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
+        default: boolean; /**
+         * Событие открытия меню
+         * @type { boolean }
+         */
     };
     active: {
         type: import("vue").PropType<boolean>;

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

@@ -72,6 +72,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     id: {
         type: PropType<string>;
+        /**
+         * Событие изменения v-model
+         * @type { any }
+         */
         default: undefined;
     };
     label: {
@@ -189,6 +193,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     id: {
         type: PropType<string>;
+        /**
+         * Событие изменения v-model
+         * @type { any }
+         */
         default: undefined;
     };
     label: {

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

@@ -15,9 +15,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     status: {
         type: PropType<"error" | "info" | "success" | "warning" | "progress">;
         default: string;
-        available: readonly ["info", "success", "warning", "error", "progress"]; /**
-         * Состояние уведомления
-         */
+        available: readonly ["info", "success", "warning", "error", "progress"];
         description: string;
         validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
     };
@@ -91,9 +89,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     status: {
         type: PropType<"error" | "info" | "success" | "warning" | "progress">;
         default: string;
-        available: readonly ["info", "success", "warning", "error", "progress"]; /**
-         * Состояние уведомления
-         */
+        available: readonly ["info", "success", "warning", "error", "progress"];
         description: string;
         validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
     };

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

@@ -23,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;
@@ -64,7 +78,7 @@ export declare const makeLocationStrategyProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
-export declare function useLocation(props: ILocationStrategyProps, opposite?: boolean, offset?: (side: string) => number): {
+export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
     locationStyles: import("vue").ComputedRef<CSSProperties>;
 };
 declare function staticLocationStrategy(): {

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;
+}, {
+    reverse: boolean;
+    tag: string;
+    location: NonNullable<import('../../utils').TAnchor>;
+    active: boolean;
+    indeterminate: boolean;
+    modelValue: string | number;
+    max: string | number;
+    height: string | number;
+    absolute: boolean;
+    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/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts

@@ -0,0 +1,121 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsSkeletonLoader";
+declare const _sfc_main: import("vue").DefineComponent<{
+    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;
+    };
+    /**
+     * Тип скелета
+     */
+    type: {
+        type: PropType<"text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[]>;
+        default: string;
+    };
+    /**
+     * Показывать ли скелет при загрузке
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для aria label во время загрузки
+     */
+    loadingText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Использовать скелет в виде заготовки для прототипирования
+     */
+    boilerplate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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;
+    };
+    /**
+     * Тип скелета
+     */
+    type: {
+        type: PropType<"text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[]>;
+        default: string;
+    };
+    /**
+     * Показывать ли скелет при загрузке
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для aria label во время загрузки
+     */
+    loadingText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Использовать скелет в виде заготовки для прототипирования
+     */
+    boilerplate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    type: "text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[];
+    loading: boolean;
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    loadingText: string;
+    boilerplate: boolean;
+}>;
+export default _sfc_main;

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

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

package/dist/components/CdsSkeletonLoader/types.d.ts

@@ -0,0 +1,37 @@
+import type { VNode } from 'vue';
+declare type TSkeletonBone<T> = T | TSkeletonBone<T>[];
+export declare type TSkeletonBones = TSkeletonBone<VNode>;
+export declare type TSkeletonLoaderType = keyof typeof allowedTypes;
+export declare const allowedTypes: {
+    readonly actions: "button@2";
+    readonly article: "heading, paragraph";
+    readonly avatar: "avatar";
+    readonly button: "button";
+    readonly card: "block, heading";
+    readonly 'card-avatar': "block, list-item-avatar";
+    readonly chip: "chip";
+    readonly 'date-picker': "date-picker-options, date-picker-days, list-item";
+    readonly 'date-picker-options': "actions";
+    readonly 'date-picker-days': "avatar@42";
+    readonly divider: "divider";
+    readonly heading: "heading";
+    readonly block: "block";
+    readonly 'list-item': "text";
+    readonly 'list-item-avatar': "avatar, text";
+    readonly 'list-item-two-line': "sentences";
+    readonly 'list-item-avatar-two-line': "avatar, sentences";
+    readonly 'list-item-three-line': "paragraph";
+    readonly 'list-item-avatar-three-line': "avatar, paragraph";
+    readonly paragraph: "text@3";
+    readonly sentences: "text@2";
+    readonly subtitle: "text";
+    readonly table: "table-heading, table-thead, table-tbody, table-tfoot";
+    readonly 'table-heading': "chip, text";
+    readonly 'table-thead': "heading@6";
+    readonly 'table-tbody': "table-row-divider@6";
+    readonly 'table-row-divider': "table-row, divider";
+    readonly 'table-row': "text@6";
+    readonly 'table-tfoot': "text@2, actions";
+    readonly text: "text";
+};
+export {};