@central-design-system/components 3.0.3 → 3.1.0

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

@@ -1 +1 @@
-export { default as CdsTextInput } from './CdsTextInput.vue';
+export { default as CdsTextInput } from './CdsTextInput';

package/dist/components/CdsTimePicker/{CdsTimePicker.vue.d.ts → CdsTimePicker.d.ts}

@@ -1,149 +1,149 @@
-import type { IRawDate } from '../../utils';
+import { IRawDate } from '../../utils';
 export declare const componentName = "CdsTimePicker";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
     locale: {
-        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        type: import('vue').PropType<import('../../locale').TAvailableLocale | import('../../locale').ILocale>;
         default: undefined;
     };
     readonly: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     disabled: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string | import("../../composable").TDatetimeValueRange | (string | import("../../composable").TDatetimeValueRange)[]>;
+        type: import('vue').PropType<string | import('../../composable').TDatetimeValueRange | Array<string | import('../../composable').TDatetimeValueRange>>;
         default: null;
     };
     mask: Omit<{
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: string;
     }, "default" | "type"> & {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: string;
     };
     withSeconds: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     format12h: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     nowBtn: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     defaultDate: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         validator: (value: string) => boolean;
     };
     allowedTime: {
-        type: import("vue").PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
+        type: import('vue').PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
         default: undefined;
     };
     allowedHours: {
-        type: import("vue").PropType<number[]>;
+        type: import('vue').PropType<number[]>;
         default: undefined;
     };
     allowedMinutes: {
-        type: import("vue").PropType<number[]>;
+        type: import('vue').PropType<number[]>;
         default: undefined;
     };
     allowedSeconds: {
-        type: import("vue").PropType<number[]>;
+        type: import('vue').PropType<number[]>;
         default: undefined;
     };
-}, {
+}>, {
     setNow: () => void;
     setHour: (hour: number) => void;
     setMinute: (minute: number) => void;
     setSecond: (second: number) => void;
     setAm: () => void;
     setPm: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /**
      * Событие при изменении значения (v-model)
      * @type { any }
      */
     'update:modelValue': (value: string | undefined, date: IRawDate) => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
     locale: {
-        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        type: import('vue').PropType<import('../../locale').TAvailableLocale | import('../../locale').ILocale>;
         default: undefined;
     };
     readonly: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     disabled: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string | import("../../composable").TDatetimeValueRange | (string | import("../../composable").TDatetimeValueRange)[]>;
+        type: import('vue').PropType<string | import('../../composable').TDatetimeValueRange | Array<string | import('../../composable').TDatetimeValueRange>>;
         default: null;
     };
     mask: Omit<{
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: string;
     }, "default" | "type"> & {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: string;
     };
     withSeconds: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     format12h: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     nowBtn: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     defaultDate: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         validator: (value: string) => boolean;
     };
     allowedTime: {
-        type: import("vue").PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
+        type: import('vue').PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
         default: undefined;
     };
     allowedHours: {
-        type: import("vue").PropType<number[]>;
+        type: import('vue').PropType<number[]>;
         default: undefined;
     };
     allowedMinutes: {
-        type: import("vue").PropType<number[]>;
+        type: import('vue').PropType<number[]>;
         default: undefined;
     };
     allowedSeconds: {
-        type: import("vue").PropType<number[]>;
+        type: import('vue').PropType<number[]>;
         default: undefined;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined, date: IRawDate) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
-    theme: string;
-    modelValue: string | import("../../composable").TDatetimeValueRange | (string | import("../../composable").TDatetimeValueRange)[];
-    locale: "ru" | "en" | import("../../locale").ILocale;
     readonly: boolean;
+    modelValue: string | import('../../composable').TDatetimeValueRange | (string | import('../../composable').TDatetimeValueRange)[];
+    theme: string;
     mask: string;
+    locale: import('../../locale').ILocale | "ru" | "en";
     withSeconds: boolean;
     format12h: boolean;
     nowBtn: boolean;
@@ -151,5 +151,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     allowedHours: number[];
     allowedMinutes: number[];
     allowedSeconds: number[];
-}>;
-export default _sfc_main;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CdsTimePicker/composable/time.d.ts

@@ -1,6 +1,6 @@
-import type { IDatetimeProps } from '../../../composable';
-import type { IRawDate, TDateLocale } from '../../../utils';
-import type { PropType, Ref } from 'vue';
+import { IDatetimeProps } from '../../../composable';
+import { IRawDate, TDateLocale } from '../../../utils';
+import { PropType, Ref } from 'vue';
 export interface ITimeProps {
     modelValue: IDatetimeProps['modelValue'];
     format12h: boolean;
@@ -80,19 +80,19 @@ export declare const makeTimeProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useTime(props: ITimeProps, internalLocale: Ref<TDateLocale>, internalMask: Ref<string>, getCurrentDate: (dateOnly?: boolean) => IRawDate): {
-    model: Ref<IRawDate> & {
+    model: Ref<IRawDate, IRawDate> & {
         readonly externalValue: string | import('../../../composable').TDatetimeValueRange | (string | import('../../../composable').TDatetimeValueRange)[];
     };
-    isAM: Ref<boolean>;
-    stringModel: import("vue").ComputedRef<{
+    isAM: Ref<boolean, boolean>;
+    stringModel: import('vue').ComputedRef<{
         hour: string | undefined;
         minute: string;
         second: string;
     }>;
-    hourInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
-    minuteInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
-    secondInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
-    validHours: import("vue").ComputedRef<{
+    hourInSelection: import('vue').ComputedRef<((value: number) => boolean | undefined) | null>;
+    minuteInSelection: import('vue').ComputedRef<((value: number) => boolean | undefined) | null>;
+    secondInSelection: import('vue').ComputedRef<((value: number) => boolean | undefined) | null>;
+    validHours: import('vue').ComputedRef<{
         am: {
             min: number;
             max: number;
@@ -107,13 +107,13 @@ export declare function useTime(props: ITimeProps, internalLocale: Ref<TDateLoca
         };
         values: number[];
     } | null>;
-    validMinutes: import("vue").ComputedRef<{
+    validMinutes: import('vue').ComputedRef<{
         min: number;
         max: number;
         values: number[];
         threshold: number;
     } | null>;
-    validSeconds: import("vue").ComputedRef<{
+    validSeconds: import('vue').ComputedRef<{
         min: number;
         max: number;
         values: number[];

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

@@ -1 +1 @@
-export { default as CdsTimePicker } from './CdsTimePicker.vue';
+export { default as CdsTimePicker } from './CdsTimePicker';

package/dist/components/CdsToggle/CdsToggle.d.ts

@@ -0,0 +1,228 @@
+export declare const componentName = "CdsToggle";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    theme: {
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    focused: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    errorMessages: {
+        type: import('vue').PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    name: {
+        type: import('vue').PropType<string | undefined>;
+        default: undefined;
+    };
+    rules: {
+        type: import('vue').PropType<import('../../composable').TValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<any>;
+        default: null;
+    };
+    validateOn: {
+        type: import('vue').PropType<import('../../composable').TValidationOn>;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: import('../../composable').TValidationOn) => boolean;
+    };
+    validationValue: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
+    hideMessages: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    description: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: null;
+    };
+    messages: {
+        type: import('vue').PropType<string[] | string>;
+        default: () => never[];
+    };
+    persistentMessages: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * Событие при фокусе
+     * @type { boolean }
+     */
+    'update:focused': (value: boolean) => true;
+    /**
+     * Событие при изменении значения (v-model)
+     * @type { boolean }
+     */
+    'update:modelValue': (value: any) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    theme: {
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    focused: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    errorMessages: {
+        type: import('vue').PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    name: {
+        type: import('vue').PropType<string | undefined>;
+        default: undefined;
+    };
+    rules: {
+        type: import('vue').PropType<import('../../composable').TValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<any>;
+        default: null;
+    };
+    validateOn: {
+        type: import('vue').PropType<import('../../composable').TValidationOn>;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: import('../../composable').TValidationOn) => boolean;
+    };
+    validationValue: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
+    hideMessages: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    description: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: null;
+    };
+    messages: {
+        type: import('vue').PropType<string[] | string>;
+        default: () => never[];
+    };
+    persistentMessages: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string | undefined;
+    error: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    description: string;
+    value: any;
+    focused: boolean;
+    id: string;
+    label: string;
+    messages: string | string[];
+    persistentMessages: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: import('../../composable').TValidationRule[];
+    modelValue: any;
+    validateOn: "input" | "blur" | "submit";
+    validationValue: any;
+    hideMessages: boolean;
+    theme: string;
+}, {}, {
+    CdsTransitionSlideX: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        group: import('vue').PropType<boolean>;
+        hideOnLeave: import('vue').PropType<boolean>;
+        leaveAbsolute: import('vue').PropType<boolean>;
+        mode: {
+            type: import('vue').PropType<string>;
+            default: string | undefined;
+        };
+        origin: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        group: import('vue').PropType<boolean>;
+        hideOnLeave: import('vue').PropType<boolean>;
+        leaveAbsolute: import('vue').PropType<boolean>;
+        mode: {
+            type: import('vue').PropType<string>;
+            default: string | undefined;
+        };
+        origin: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        mode: string;
+        origin: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1 +1 @@
-export { default as CdsToggle } from './CdsToggle.vue';
+export { default as CdsToggle } from './CdsToggle';

package/dist/components/CdsToolbar/{CdsToolbar.vue.d.ts → CdsToolbar.d.ts}

@@ -1,8 +1,8 @@
-import type { PropType } from 'vue';
+import { PropType } from 'vue';
 export declare const componentName = "CdsToolbar";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     theme: {
-        type: PropType<string>;
+        type: PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
@@ -42,11 +42,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     theme: {
-        type: PropType<string>;
+        type: PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
@@ -86,13 +86,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
+    transparent: boolean;
     invertColor: boolean;
     theme: string;
-    transparent: boolean;
     bordered: boolean;
     inset: boolean;
     noGutter: "start" | "end";
     noGutters: boolean;
-}>;
-export default _sfc_main;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CdsToolbar/CdsToolbarTitle.d.ts

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+export declare const componentName = "CdsToolbarTitle";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    shrink: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    shrink: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    shrink: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,2 +1,2 @@
-export { default as CdsToolbar } from './CdsToolbar.vue';
-export { default as CdsToolbarTitle } from './CdsToolbarTitle.vue';
+export { default as CdsToolbar } from './CdsToolbar';
+export { default as CdsToolbarTitle } from './CdsToolbarTitle';