@central-design-system/components 3.0.0-alpha.5 → 3.0.0-alpha.6

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

@@ -63,6 +63,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     sizeClasses: import("vue").ComputedRef<string>;
     loadingClasses: import("vue").ComputedRef<string | undefined>;
     disabledClasses: import("vue").ComputedRef<string | undefined>;
+    readonlyClasses: import("vue").ComputedRef<string | undefined>;
     darkClasses: import("vue").ComputedRef<string | undefined>;
     iconClasses: import("vue").ComputedRef<{
         'cds-button__icon': boolean;

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

@@ -985,6 +985,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: PropType<string | number>;
             default: string;
@@ -1001,10 +1005,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
-        };
         eager: {
             type: PropType<boolean>;
             default: boolean;
@@ -1172,6 +1172,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: string;
             };
+            width: {
+                type: PropType<string | number>;
+                default: string;
+            };
             maxHeight: {
                 type: PropType<string | number>;
                 default: string;
@@ -1188,10 +1192,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: string;
             };
-            width: {
-                type: PropType<string | number>;
-                default: string;
-            };
             closeDelay: {
                 type: PropType<string | number>;
                 default: null;
@@ -1318,6 +1318,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: string;
             };
+            width: {
+                type: PropType<string | number>;
+                default: string;
+            };
             maxHeight: {
                 type: PropType<string | number>;
                 default: string;
@@ -1334,10 +1338,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: string;
             };
-            width: {
-                type: PropType<string | number>;
-                default: string;
-            };
             closeDelay: {
                 type: PropType<string | number>;
                 default: null;
@@ -1449,11 +1449,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
             scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
             eager: boolean;
             height: string | number;
+            width: string | number;
             maxHeight: string | number;
             maxWidth: string | number;
             minHeight: string | number;
             minWidth: string | number;
-            width: string | number;
             absolute: boolean;
         }> | undefined>;
         openChildren: import("vue").Ref<number>;
@@ -1471,6 +1471,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: PropType<string | number>;
             default: string;
@@ -1487,10 +1491,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
-        };
         eager: {
             type: PropType<boolean>;
             default: boolean;
@@ -1651,11 +1651,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         scrollStrategy: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
         eager: boolean;
         height: string | number;
+        width: string | number;
         maxHeight: string | number;
         maxWidth: string | number;
         minHeight: string | number;
         minWidth: string | number;
-        width: string | number;
     }> | undefined>;
     listRef: import("vue").Ref<import("vue").DefineComponent<{
         selectStrategy: {

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

@@ -919,6 +919,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<string | number>;
             default: string;
         };
+        width: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -935,10 +939,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<string | number>;
             default: string;
         };
-        width: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         eager: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1106,6 +1106,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            width: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             maxHeight: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -1122,10 +1126,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-            width: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             closeDelay: {
                 type: import("vue").PropType<string | number>;
                 default: null;
@@ -1252,6 +1252,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            width: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             maxHeight: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -1268,10 +1272,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-            width: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             closeDelay: {
                 type: import("vue").PropType<string | number>;
                 default: null;
@@ -1383,11 +1383,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
             scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
             eager: boolean;
             height: string | number;
+            width: string | number;
             maxHeight: string | number;
             maxWidth: string | number;
             minHeight: string | number;
             minWidth: string | number;
-            width: string | number;
             absolute: boolean;
         }> | undefined>;
         openChildren: import("vue").Ref<number>;
@@ -1405,6 +1405,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<string | number>;
             default: string;
         };
+        width: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -1421,10 +1425,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<string | number>;
             default: string;
         };
-        width: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         eager: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1585,11 +1585,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         scrollStrategy: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
         eager: boolean;
         height: string | number;
+        width: string | number;
         maxHeight: string | number;
         maxWidth: string | number;
         minHeight: string | number;
         minWidth: string | number;
-        width: string | number;
     }> | undefined>;
     listRef: import("vue").Ref<import("vue").DefineComponent<{
         selectStrategy: {

package/dist/components/CdsGrid/composable/grid.d.ts

@@ -1,4 +1,5 @@
-import type { PropType } from 'vue';
+import type { InjectionKey, PropType } from 'vue';
+export declare const CssGridSymbol: InjectionKey<boolean>;
 export interface IUseGrid {
     prefix: string;
 }

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

@@ -12,6 +12,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -28,10 +32,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
-    };
     eager: {
         type: PropType<boolean>;
         default: boolean;
@@ -154,6 +154,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    /**
+     * Уникальный идентификатор
+     */
     id: {
         type: PropType<string>;
         default: undefined;
@@ -199,6 +202,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: PropType<string | number>;
             default: string;
@@ -215,10 +222,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
-        };
         closeDelay: {
             type: PropType<string | number>;
             default: null;
@@ -345,6 +348,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: PropType<string | number>;
             default: string;
@@ -361,10 +368,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
-        };
         closeDelay: {
             type: PropType<string | number>;
             default: null;
@@ -476,11 +479,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
         eager: boolean;
         height: string | number;
+        width: string | number;
         maxHeight: string | number;
         maxWidth: string | number;
         minHeight: string | number;
         minWidth: string | number;
-        width: string | number;
         absolute: boolean;
     }> | undefined>;
     openChildren: import("vue").Ref<number>;
@@ -502,6 +505,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -518,10 +525,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
-    };
     eager: {
         type: PropType<boolean>;
         default: boolean;
@@ -644,6 +647,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    /**
+     * Уникальный идентификатор
+     */
     id: {
         type: PropType<string>;
         default: undefined;
@@ -682,10 +688,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     scrollStrategy: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
     eager: boolean;
     height: string | number;
+    width: string | number;
     maxHeight: string | number;
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    width: string | number;
 }>;
 export default _sfc_main;

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

@@ -40,6 +40,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -56,12 +60,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>; /**
-         * Применяет position: absolute к содержимому оверлея
-         */
-        default: string;
-    };
     closeDelay: {
         type: PropType<string | number>;
         default: null;
@@ -201,6 +199,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -217,12 +219,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>; /**
-         * Применяет position: absolute к содержимому оверлея
-         */
-        default: string;
-    };
     closeDelay: {
         type: PropType<string | number>;
         default: null;
@@ -337,11 +333,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     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;
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    width: string | number;
     absolute: boolean;
 }>;
 export default _sfc_main;

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

@@ -47,6 +47,9 @@ export declare const makeLocationStrategyProps: <Defaults extends {
         type: PropType<TAnchor>;
         default: string;
     };
+    /**
+     * Откуда будет рассчитываться появление компонента
+     */
     origin: {
         type: PropType<TAnchor | "auto" | "overlap">;
         default: string;

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

@@ -0,0 +1,142 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsPagination";
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: Omit<{
+        type: PropType<string>;
+        default: string;
+        description: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Начальная страница
+     */
+    start: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Количество страниц
+     */
+    length: {
+        type: PropType<string | number>;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Количество видимых страниц
+     */
+    totalVisible: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Текст отображаемые между страницами при сокрытии
+     */
+    ellipsis: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Значение v-model
+     */
+    modelValue: {
+        type: PropType<number>;
+        default: (props: any) => number;
+    };
+}, {
+    setFirst: () => void;
+    setLast: () => void;
+    setNext: () => void;
+    setPrev: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие изменения значения v-model
+     */
+    'update:modelValue': (value?: number) => true;
+    /**
+     * Событие перехода на первую страницу
+     */
+    first: (value: number) => true;
+    /**
+     * Событие перехода на последнюю страницу
+     */
+    last: (value: number) => true;
+    /**
+     * Событие перехода на следующую страницу
+     */
+    next: (value: number) => true;
+    /**
+     * Событие перехода на предыдущую страницу
+     */
+    prev: (value: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: Omit<{
+        type: PropType<string>;
+        default: string;
+        description: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Начальная страница
+     */
+    start: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Количество страниц
+     */
+    length: {
+        type: PropType<string | number>;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Количество видимых страниц
+     */
+    totalVisible: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Текст отображаемые между страницами при сокрытии
+     */
+    ellipsis: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Значение v-model
+     */
+    modelValue: {
+        type: PropType<number>;
+        default: (props: any) => number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+    onFirst?: ((value: number) => any) | undefined;
+    onLast?: ((value: number) => any) | undefined;
+    onNext?: ((value: number) => any) | undefined;
+    onPrev?: ((value: number) => any) | undefined;
+}, {
+    length: string | number;
+    disabled: boolean;
+    tag: string;
+    modelValue: number;
+    start: string | number;
+    totalVisible: string | number;
+    ellipsis: string;
+}>;
+export default _sfc_main;