@codemonster-ru/vueforge 0.57.0 → 0.59.0

package/dist/package/components/__tests__/form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/__tests__/timeline.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -29,8 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: AccordionVariant;
     modelValue: AccordionValue | AccordionValue[];
     ariaLabel: string;
-    multiple: boolean;
     ariaLabelledby: string;
+    multiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/package/components/file-upload.vue.d.ts

@@ -32,9 +32,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: File | Array<File> | null;
     placeholder: string;
     readonly: boolean;
+    multiple: boolean;
     maxSize: number;
     maxFiles: number;
-    multiple: boolean;
     accept: string;
     buttonLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/package/components/filter-chips.vue.d.ts

@@ -38,9 +38,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: FilterModel;
     clearable: boolean;
     ariaLabel: string;
+    ariaLabelledby: string;
     multiple: boolean;
     options: Array<FilterChipOption>;
-    ariaLabelledby: string;
     allowEmpty: boolean;
     clearText: string;
     clearLabel: string;

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

@@ -0,0 +1,79 @@
+type ValidateTrigger = 'submit' | 'input' | 'change' | 'blur';
+export type FormValues = Record<string, unknown>;
+export type FormErrors = Record<string, string>;
+export type FormTouched = Record<string, boolean>;
+export type FormValidateResult = FormErrors | string | boolean | null | undefined;
+export type FormValidateHandler = (values: FormValues) => FormValidateResult | Promise<FormValidateResult>;
+interface Props {
+    modelValue?: FormValues;
+    initialValues?: FormValues;
+    validate?: FormValidateHandler;
+    validateOn?: ValidateTrigger | Array<ValidateTrigger>;
+    disabled?: boolean;
+    novalidate?: boolean;
+    id?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            values: FormValues;
+            errors: FormErrors;
+            touched: FormTouched;
+            isValid: boolean;
+            isDirty: boolean;
+            isSubmitting: boolean;
+            setFieldValue: (name: string, value: unknown, options?: {
+                emitChange?: boolean;
+            }) => void;
+            setFieldTouched: (name: string, state?: boolean) => void;
+            setFieldError: (name: string, message?: string) => void;
+            validate: (trigger?: ValidateTrigger) => Promise<boolean>;
+            submit: (event?: Event) => Promise<void>;
+            reset: (event?: Event) => void;
+        }): any;
+    };
+    refs: {
+        formRef: HTMLFormElement;
+    };
+    rootEl: HTMLFormElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    reset: (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    validate: (...args: any[]) => void;
+    invalidSubmit: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onValidate?: ((...args: any[]) => any) | undefined;
+    onInvalidSubmit?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: FormValues;
+    ariaLabel: string;
+    id: string;
+    initialValues: FormValues;
+    validate: FormValidateHandler;
+    validateOn: ValidateTrigger | Array<ValidateTrigger>;
+    novalidate: boolean;
+    ariaLabelledby: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: HTMLFormElement;
+}, HTMLFormElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/radio-group.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: RadioVariant;
     modelValue: string | number | boolean | null;
     ariaLabel: string;
-    direction: Direction;
     ariaLabelledby: string;
+    direction: Direction;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/package/components/segmented-control.vue.d.ts

@@ -32,8 +32,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: Variant;
     modelValue: SegmentedValue;
     ariaLabel: string;
-    options: Array<SegmentedOption>;
     ariaLabelledby: string;
+    options: Array<SegmentedOption>;
     fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -0,0 +1,48 @@
+type TimelineOrientation = 'vertical' | 'horizontal';
+type TimelineSize = 'small' | 'normal' | 'large';
+type TimelineStatus = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
+export interface TimelineItem {
+    id?: string | number;
+    title?: string;
+    description?: string;
+    date?: string;
+    icon?: string;
+    status?: TimelineStatus;
+}
+interface Props {
+    items?: Array<TimelineItem>;
+    orientation?: TimelineOrientation;
+    size?: TimelineSize;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        marker?(_: {
+            item: TimelineItem;
+            index: number;
+        }): any;
+        item?(_: {
+            item: TimelineItem;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    items: Array<TimelineItem>;
+    orientation: TimelineOrientation;
+    size: TimelineSize;
+    ariaLabel: string;
+    ariaLabelledby: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -56,8 +56,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: "filled" | "outlined";
     modelValue: TreeValue | TreeValue[];
     ariaLabel: string;
-    multiple: boolean;
     ariaLabelledby: string;
+    multiple: boolean;
     expandOnClick: boolean;
     selectable: boolean;
     expandedKeys: Array<TreeValue>;

package/dist/package/config/theme-core.d.ts

@@ -336,6 +336,11 @@ export type NumberInputTokens = {
         controlFontSize?: string;
     };
 };
+export type FormTokens = {
+    gap?: string;
+    textColor?: string;
+    disabledOpacity?: string;
+};
 export type FormFieldTokens = {
     gap?: string;
     textColor?: string;
@@ -345,6 +350,8 @@ export type FormFieldTokens = {
     hintFontSize?: string;
     hintColor?: string;
     errorColor?: string;
+    errorBorderColor?: string;
+    errorFocusBorderColor?: string;
     disabledOpacity?: string;
     small?: {
         gap?: string;
@@ -1420,6 +1427,71 @@ export type StepperTokens = {
         itemGap?: string;
     };
 };
+export type TimelineTokens = {
+    gap?: string;
+    itemGap?: string;
+    markerSize?: string;
+    markerBorderRadius?: string;
+    markerBorderWidth?: string;
+    markerBackgroundColor?: string;
+    markerBorderColor?: string;
+    markerTextColor?: string;
+    markerIconSize?: string;
+    dotSize?: string;
+    lineThickness?: string;
+    lineLength?: string;
+    lineColor?: string;
+    titleFontSize?: string;
+    titleColor?: string;
+    descriptionFontSize?: string;
+    descriptionColor?: string;
+    dateFontSize?: string;
+    dateColor?: string;
+    info?: {
+        markerBackgroundColor?: string;
+        markerBorderColor?: string;
+        markerTextColor?: string;
+        lineColor?: string;
+    };
+    success?: {
+        markerBackgroundColor?: string;
+        markerBorderColor?: string;
+        markerTextColor?: string;
+        lineColor?: string;
+    };
+    warn?: {
+        markerBackgroundColor?: string;
+        markerBorderColor?: string;
+        markerTextColor?: string;
+        lineColor?: string;
+    };
+    danger?: {
+        markerBackgroundColor?: string;
+        markerBorderColor?: string;
+        markerTextColor?: string;
+        lineColor?: string;
+    };
+    small?: {
+        itemGap?: string;
+        markerSize?: string;
+        markerIconSize?: string;
+        dotSize?: string;
+        lineLength?: string;
+        dateFontSize?: string;
+        titleFontSize?: string;
+        descriptionFontSize?: string;
+    };
+    large?: {
+        itemGap?: string;
+        markerSize?: string;
+        markerIconSize?: string;
+        dotSize?: string;
+        lineLength?: string;
+        dateFontSize?: string;
+        titleFontSize?: string;
+        descriptionFontSize?: string;
+    };
+};
 export type DataTableTokens = {
     borderColor?: string;
     borderRadius?: string;
@@ -1694,6 +1766,7 @@ export type ThemeComponentTokens = {
     colorPicker?: ColorPickerTokens;
     maskedInput?: MaskedInputTokens;
     numberInput?: NumberInputTokens;
+    form?: FormTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;
     fileUpload?: FileUploadTokens;
@@ -1726,6 +1799,7 @@ export type ThemeComponentTokens = {
     progress?: ProgressTokens;
     slider?: SliderTokens;
     stepper?: StepperTokens;
+    timeline?: TimelineTokens;
     datatable?: DataTableTokens;
     toast?: ToastTokens;
     alert?: AlertTokens;

package/dist/package/themes/default/components/form-field.d.ts

@@ -7,6 +7,8 @@ declare const _default: {
     hintFontSize: string;
     hintColor: string;
     errorColor: string;
+    errorBorderColor: string;
+    errorFocusBorderColor: string;
     disabledOpacity: string;
     small: {
         gap: string;

package/dist/package/themes/default/components/form.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    gap: string;
+    textColor: string;
+    disabledOpacity: string;
+};
+export default _default;

package/dist/package/themes/default/components/timeline.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    gap: string;
+    itemGap: string;
+    markerSize: string;
+    markerBorderRadius: string;
+    markerBorderWidth: string;
+    markerBackgroundColor: string;
+    markerBorderColor: string;
+    markerTextColor: string;
+    markerIconSize: string;
+    dotSize: string;
+    lineThickness: string;
+    lineLength: string;
+    lineColor: string;
+    titleFontSize: string;
+    titleColor: string;
+    descriptionFontSize: string;
+    descriptionColor: string;
+    dateFontSize: string;
+    dateColor: string;
+    info: {
+        markerBackgroundColor: string;
+        markerBorderColor: string;
+        markerTextColor: string;
+        lineColor: string;
+    };
+    success: {
+        markerBackgroundColor: string;
+        markerBorderColor: string;
+        markerTextColor: string;
+        lineColor: string;
+    };
+    warn: {
+        markerBackgroundColor: string;
+        markerBorderColor: string;
+        markerTextColor: string;
+        lineColor: string;
+    };
+    danger: {
+        markerBackgroundColor: string;
+        markerBorderColor: string;
+        markerTextColor: string;
+        lineColor: string;
+    };
+    small: {
+        itemGap: string;
+        markerSize: string;
+        markerIconSize: string;
+        dotSize: string;
+        lineLength: string;
+        dateFontSize: string;
+        titleFontSize: string;
+        descriptionFontSize: string;
+    };
+    large: {
+        itemGap: string;
+        markerSize: string;
+        markerIconSize: string;
+        dotSize: string;
+        lineLength: string;
+        dateFontSize: string;
+        titleFontSize: string;
+        descriptionFontSize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -493,6 +493,11 @@ declare const _default: {
                 controlFontSize: string;
             };
         };
+        form: {
+            gap: string;
+            textColor: string;
+            disabledOpacity: string;
+        };
         formField: {
             gap: string;
             textColor: string;
@@ -502,6 +507,8 @@ declare const _default: {
             hintFontSize: string;
             hintColor: string;
             errorColor: string;
+            errorBorderColor: string;
+            errorFocusBorderColor: string;
             disabledOpacity: string;
             small: {
                 gap: string;
@@ -1809,6 +1816,71 @@ declare const _default: {
                 itemGap: string;
             };
         };
+        timeline: {
+            gap: string;
+            itemGap: string;
+            markerSize: string;
+            markerBorderRadius: string;
+            markerBorderWidth: string;
+            markerBackgroundColor: string;
+            markerBorderColor: string;
+            markerTextColor: string;
+            markerIconSize: string;
+            dotSize: string;
+            lineThickness: string;
+            lineLength: string;
+            lineColor: string;
+            titleFontSize: string;
+            titleColor: string;
+            descriptionFontSize: string;
+            descriptionColor: string;
+            dateFontSize: string;
+            dateColor: string;
+            info: {
+                markerBackgroundColor: string;
+                markerBorderColor: string;
+                markerTextColor: string;
+                lineColor: string;
+            };
+            success: {
+                markerBackgroundColor: string;
+                markerBorderColor: string;
+                markerTextColor: string;
+                lineColor: string;
+            };
+            warn: {
+                markerBackgroundColor: string;
+                markerBorderColor: string;
+                markerTextColor: string;
+                lineColor: string;
+            };
+            danger: {
+                markerBackgroundColor: string;
+                markerBorderColor: string;
+                markerTextColor: string;
+                lineColor: string;
+            };
+            small: {
+                itemGap: string;
+                markerSize: string;
+                markerIconSize: string;
+                dotSize: string;
+                lineLength: string;
+                dateFontSize: string;
+                titleFontSize: string;
+                descriptionFontSize: string;
+            };
+            large: {
+                itemGap: string;
+                markerSize: string;
+                markerIconSize: string;
+                dotSize: string;
+                lineLength: string;
+                dateFontSize: string;
+                titleFontSize: string;
+                descriptionFontSize: string;
+            };
+        };
         rating: {
             gap: string;
             size: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.57.0",
+    "version": "0.59.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",