@codemonster-ru/vueforge 0.33.0 → 0.35.0

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

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

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

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

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

@@ -0,0 +1,68 @@
+type StepperOrientation = 'horizontal' | 'vertical';
+type StepperSize = 'small' | 'normal' | 'large';
+type StepperStatus = 'completed' | 'active' | 'upcoming' | 'error';
+type StepperValue = string | number;
+export interface StepperStep {
+    label?: string;
+    description?: string;
+    value?: StepperValue;
+    disabled?: boolean;
+    status?: StepperStatus;
+}
+interface Props {
+    modelValue?: StepperValue;
+    steps?: Array<StepperStep>;
+    orientation?: StepperOrientation;
+    size?: StepperSize;
+    clickable?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        indicator?(_: {
+            step: StepperStep;
+            index: number;
+            status: StepperStatus;
+            active: boolean;
+            completed: boolean;
+            upcoming: boolean;
+            error: boolean;
+        }): any;
+        step?(_: {
+            step: StepperStep;
+            index: number;
+            status: StepperStatus;
+            active: boolean;
+            completed: boolean;
+            upcoming: boolean;
+            error: boolean;
+        }): 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, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    orientation: StepperOrientation;
+    size: StepperSize;
+    modelValue: StepperValue;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    steps: Array<StepperStep>;
+    clickable: boolean;
+}, {}, {}, {}, 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/timepicker.vue.d.ts

@@ -0,0 +1,42 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type TimeFormat = '24h' | '12h';
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: string;
+    max?: string;
+    step?: number;
+    format?: TimeFormat;
+    variant?: Variant;
+    size?: Size;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    min: string;
+    max: string;
+    step: number;
+    format: TimeFormat;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+    control: HTMLButtonElement;
+    panel: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -485,6 +485,41 @@ export type DateRangePickerTokens = {
         daySize?: string;
     };
 };
+export type TimePickerTokens = {
+    minWidth?: string;
+    fontSize?: string;
+    controlGap?: string;
+    chevronSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    panelBackgroundColor?: string;
+    panelBorderColor?: string;
+    panelPadding?: string;
+    panelMaxHeight?: string;
+    panelRadiusOffset?: string;
+    panelShadow?: string;
+    focusRingShadow?: string;
+    optionPadding?: string;
+    optionBorderRadius?: string;
+    optionHoverBackgroundColor?: string;
+    optionActiveBackgroundColor?: string;
+    optionActiveTextColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+    };
+};
 export type PaginationTokens = {
     gap?: string;
     itemMinWidth?: string;
@@ -669,6 +704,50 @@ export type SliderTokens = {
         valueFontSize?: string;
     };
 };
+export type StepperTokens = {
+    gap?: string;
+    itemGap?: string;
+    lineThickness?: string;
+    lineLength?: string;
+    lineColor?: string;
+    indicatorSize?: string;
+    indicatorBorderRadius?: string;
+    indicatorBorderWidth?: string;
+    indicatorFontSize?: string;
+    indicatorBackgroundColor?: string;
+    indicatorTextColor?: string;
+    indicatorBorderColor?: string;
+    activeIndicatorBackgroundColor?: string;
+    activeIndicatorTextColor?: string;
+    activeIndicatorBorderColor?: string;
+    completedIndicatorBackgroundColor?: string;
+    completedIndicatorTextColor?: string;
+    completedIndicatorBorderColor?: string;
+    errorIndicatorBackgroundColor?: string;
+    errorIndicatorTextColor?: string;
+    errorIndicatorBorderColor?: string;
+    labelFontSize?: string;
+    labelColor?: string;
+    descriptionFontSize?: string;
+    descriptionColor?: string;
+    disabledOpacity?: string;
+    small?: {
+        indicatorSize?: string;
+        indicatorFontSize?: string;
+        labelFontSize?: string;
+        descriptionFontSize?: string;
+        lineLength?: string;
+        itemGap?: string;
+    };
+    large?: {
+        indicatorSize?: string;
+        indicatorFontSize?: string;
+        labelFontSize?: string;
+        descriptionFontSize?: string;
+        lineLength?: string;
+        itemGap?: string;
+    };
+};
 export type DataTableTokens = {
     borderColor?: string;
     borderRadius?: string;
@@ -917,12 +996,14 @@ export type ThemeComponentTokens = {
     multiselect?: MultiSelectTokens;
     datepicker?: DatePickerTokens;
     daterangepicker?: DateRangePickerTokens;
+    timepicker?: TimePickerTokens;
     pagination?: PaginationTokens;
     switch?: SwitchTokens;
     tooltip?: TooltipTokens;
     skeleton?: SkeletonTokens;
     progress?: ProgressTokens;
     slider?: SliderTokens;
+    stepper?: StepperTokens;
     datatable?: DataTableTokens;
     toast?: ToastTokens;
     alert?: AlertTokens;

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

@@ -0,0 +1,45 @@
+declare const _default: {
+    gap: string;
+    itemGap: string;
+    lineThickness: string;
+    lineLength: string;
+    lineColor: string;
+    indicatorSize: string;
+    indicatorBorderRadius: string;
+    indicatorBorderWidth: string;
+    indicatorFontSize: string;
+    indicatorBackgroundColor: string;
+    indicatorTextColor: string;
+    indicatorBorderColor: string;
+    activeIndicatorBackgroundColor: string;
+    activeIndicatorTextColor: string;
+    activeIndicatorBorderColor: string;
+    completedIndicatorBackgroundColor: string;
+    completedIndicatorTextColor: string;
+    completedIndicatorBorderColor: string;
+    errorIndicatorBackgroundColor: string;
+    errorIndicatorTextColor: string;
+    errorIndicatorBorderColor: string;
+    labelFontSize: string;
+    labelColor: string;
+    descriptionFontSize: string;
+    descriptionColor: string;
+    disabledOpacity: string;
+    small: {
+        indicatorSize: string;
+        indicatorFontSize: string;
+        labelFontSize: string;
+        descriptionFontSize: string;
+        lineLength: string;
+        itemGap: string;
+    };
+    large: {
+        indicatorSize: string;
+        indicatorFontSize: string;
+        labelFontSize: string;
+        descriptionFontSize: string;
+        lineLength: string;
+        itemGap: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,36 @@
+declare const _default: {
+    minWidth: string;
+    fontSize: string;
+    controlGap: string;
+    chevronSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    panelBackgroundColor: string;
+    panelBorderColor: string;
+    panelPadding: string;
+    panelMaxHeight: string;
+    panelRadiusOffset: string;
+    panelShadow: string;
+    focusRingShadow: string;
+    optionPadding: string;
+    optionBorderRadius: string;
+    optionHoverBackgroundColor: string;
+    optionActiveBackgroundColor: string;
+    optionActiveTextColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+    };
+};
+export default _default;

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

@@ -639,6 +639,41 @@ declare const _default: {
                 daySize: string;
             };
         };
+        timepicker: {
+            minWidth: string;
+            fontSize: string;
+            controlGap: string;
+            chevronSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            panelBackgroundColor: string;
+            panelBorderColor: string;
+            panelPadding: string;
+            panelMaxHeight: string;
+            panelRadiusOffset: string;
+            panelShadow: string;
+            focusRingShadow: string;
+            optionPadding: string;
+            optionBorderRadius: string;
+            optionHoverBackgroundColor: string;
+            optionActiveBackgroundColor: string;
+            optionActiveTextColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+            };
+        };
         pagination: {
             gap: string;
             itemMinWidth: string;
@@ -1128,6 +1163,50 @@ declare const _default: {
                 valueFontSize: string;
             };
         };
+        stepper: {
+            gap: string;
+            itemGap: string;
+            lineThickness: string;
+            lineLength: string;
+            lineColor: string;
+            indicatorSize: string;
+            indicatorBorderRadius: string;
+            indicatorBorderWidth: string;
+            indicatorFontSize: string;
+            indicatorBackgroundColor: string;
+            indicatorTextColor: string;
+            indicatorBorderColor: string;
+            activeIndicatorBackgroundColor: string;
+            activeIndicatorTextColor: string;
+            activeIndicatorBorderColor: string;
+            completedIndicatorBackgroundColor: string;
+            completedIndicatorTextColor: string;
+            completedIndicatorBorderColor: string;
+            errorIndicatorBackgroundColor: string;
+            errorIndicatorTextColor: string;
+            errorIndicatorBorderColor: string;
+            labelFontSize: string;
+            labelColor: string;
+            descriptionFontSize: string;
+            descriptionColor: string;
+            disabledOpacity: string;
+            small: {
+                indicatorSize: string;
+                indicatorFontSize: string;
+                labelFontSize: string;
+                descriptionFontSize: string;
+                lineLength: string;
+                itemGap: string;
+            };
+            large: {
+                indicatorSize: string;
+                indicatorFontSize: string;
+                labelFontSize: string;
+                descriptionFontSize: string;
+                lineLength: string;
+                itemGap: string;
+            };
+        };
     };
     colors: {
         white: string;

package/package.json

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