@codemonster-ru/vueforge 0.29.0 → 0.31.0

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

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

package/dist/package/components/__tests__/number-input.test.d.ts

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

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

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

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

@@ -0,0 +1,47 @@
+type ChipVariant = 'solid' | 'soft' | 'outline';
+type ChipSize = 'small' | 'normal' | 'large';
+type ChipSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
+interface Props {
+    label?: string;
+    size?: ChipSize;
+    variant?: ChipVariant;
+    severity?: ChipSeverity;
+    disabled?: boolean;
+    closable?: boolean;
+    icon?: string;
+    ariaLabel?: string;
+    closeLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        close?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    icon: string;
+    size: ChipSize;
+    variant: ChipVariant;
+    severity: ChipSeverity;
+    ariaLabel: string;
+    closable: boolean;
+    closeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/data-table.vue.d.ts

@@ -61,10 +61,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     size: Size;
     loading: boolean;
     variant: Variant;
+    ariaLabel: string;
     rows: Array<Record<string, unknown>>;
     loadingText: string;
     emptyText: string;
-    ariaLabel: string;
     columns: Array<DataTableColumn>;
     rowKey: string | ((row: Record<string, unknown>, index: number) => string | number);
     sortable: boolean;

package/dist/package/components/number-input.vue.d.ts

@@ -0,0 +1,59 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+interface Props {
+    modelValue?: number | null;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: Size;
+    variant?: Variant;
+    controls?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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;
+    focus: (...args: any[]) => void;
+    input: (...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;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: number | null;
+    placeholder: string;
+    readonly: boolean;
+    min: number;
+    max: number;
+    step: number;
+    precision: number;
+    controls: boolean;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/progress.vue.d.ts

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     size: ProgressSize;
     variant: ProgressVariant;
     severity: ProgressSeverity;
+    value: number | null;
     ariaLabel: string;
     showValue: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     label: string;
     disabled: boolean;
+    name: string;
     variant: RadioVariant;
     modelValue: string | number | boolean | null;
     value: string | number | boolean | null;

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

@@ -26,9 +26,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    name: string;
     variant: RadioVariant;
     modelValue: string | number | boolean | null;
+    ariaLabel: string;
     direction: Direction;
+    ariaLabelledby: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -7,6 +7,8 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     variant: Variant;
+    width: string | number;
+    height: string | number;
     animated: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -35,6 +35,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     size: Size;
     variant: Variant;
+    modelValue: number | [number, number];
     range: boolean;
     min: number;
     max: number;

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

@@ -28,6 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     orientation: TabsOrientation;
     modelValue: TabValue;
+    ariaLabel: string;
+    ariaLabelledby: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     list: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -77,6 +77,40 @@ export type InputTokens = {
         fontSize?: string;
     };
 };
+export type NumberInputTokens = {
+    gap?: string;
+    fontSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    focusRingShadow?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    controlWidth?: string;
+    controlGap?: string;
+    controlFontSize?: string;
+    controlRadius?: string;
+    controlBackgroundColor?: string;
+    controlHoverBackgroundColor?: string;
+    controlTextColor?: string;
+    controlBorderColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+        controlWidth?: string;
+        controlFontSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+        controlWidth?: string;
+        controlFontSize?: string;
+    };
+};
 export type FormFieldTokens = {
     gap?: string;
     textColor?: string;
@@ -723,6 +757,53 @@ export type BadgeTokens = {
         paddingY?: string;
     };
 };
+type ChipSeverityTokens = {
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    softBackgroundColor?: string;
+    softTextColor?: string;
+    softBorderColor?: string;
+    outlineTextColor?: string;
+    outlineBorderColor?: string;
+};
+export type ChipTokens = {
+    fontSize?: string;
+    lineHeight?: string;
+    paddingX?: string;
+    paddingY?: string;
+    borderRadius?: string;
+    gap?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    softBackgroundColor?: string;
+    softTextColor?: string;
+    softBorderColor?: string;
+    outlineTextColor?: string;
+    outlineBorderColor?: string;
+    iconSize?: string;
+    closeSize?: string;
+    closeFontSize?: string;
+    closeRadius?: string;
+    closeColor?: string;
+    closeHoverBackgroundColor?: string;
+    disabledOpacity?: string;
+    info?: ChipSeverityTokens;
+    success?: ChipSeverityTokens;
+    warn?: ChipSeverityTokens;
+    danger?: ChipSeverityTokens;
+    small?: {
+        fontSize?: string;
+        paddingX?: string;
+        paddingY?: string;
+    };
+    large?: {
+        fontSize?: string;
+        paddingX?: string;
+        paddingY?: string;
+    };
+};
 export type AvatarTokens = {
     size?: string;
     fontSize?: string;
@@ -758,6 +839,7 @@ export type ThemeComponentTokens = {
     tabs?: TabsTokens;
     accordion?: AccordionTokens;
     input?: InputTokens;
+    numberInput?: NumberInputTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;
     link?: LinkTokens;
@@ -780,6 +862,7 @@ export type ThemeComponentTokens = {
     toast?: ToastTokens;
     alert?: AlertTokens;
     badge?: BadgeTokens;
+    chip?: ChipTokens;
     avatar?: AvatarTokens;
     [key: string]: unknown;
 };
@@ -810,3 +893,4 @@ export declare const buildThemeVariables: (theme: ThemePreset) => {
     warnings: string[];
     errors: string[];
 };
+export {};

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

@@ -0,0 +1,74 @@
+declare const _default: {
+    fontSize: string;
+    lineHeight: string;
+    paddingX: string;
+    paddingY: string;
+    borderRadius: string;
+    gap: string;
+    backgroundColor: string;
+    textColor: string;
+    borderColor: string;
+    softBackgroundColor: string;
+    softTextColor: string;
+    softBorderColor: string;
+    outlineTextColor: string;
+    outlineBorderColor: string;
+    iconSize: string;
+    closeSize: string;
+    closeFontSize: string;
+    closeRadius: string;
+    closeColor: string;
+    closeHoverBackgroundColor: string;
+    disabledOpacity: string;
+    info: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+        softBackgroundColor: string;
+        softTextColor: string;
+        softBorderColor: string;
+        outlineTextColor: string;
+        outlineBorderColor: string;
+    };
+    success: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+        softBackgroundColor: string;
+        softTextColor: string;
+        softBorderColor: string;
+        outlineTextColor: string;
+        outlineBorderColor: string;
+    };
+    warn: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+        softBackgroundColor: string;
+        softTextColor: string;
+        softBorderColor: string;
+        outlineTextColor: string;
+        outlineBorderColor: string;
+    };
+    danger: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+        softBackgroundColor: string;
+        softTextColor: string;
+        softBorderColor: string;
+        outlineTextColor: string;
+        outlineBorderColor: string;
+    };
+    small: {
+        fontSize: string;
+        paddingX: string;
+        paddingY: string;
+    };
+    large: {
+        fontSize: string;
+        paddingX: string;
+        paddingY: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/components/number-input.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    gap: string;
+    fontSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    focusRingShadow: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    controlWidth: string;
+    controlGap: string;
+    controlFontSize: string;
+    controlRadius: string;
+    controlBackgroundColor: string;
+    controlHoverBackgroundColor: string;
+    controlTextColor: string;
+    controlBorderColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+        controlWidth: string;
+        controlFontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+        controlWidth: string;
+        controlFontSize: string;
+    };
+};
+export default _default;

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

@@ -234,6 +234,40 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        numberInput: {
+            gap: string;
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            focusRingShadow: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            controlWidth: string;
+            controlGap: string;
+            controlFontSize: string;
+            controlRadius: string;
+            controlBackgroundColor: string;
+            controlHoverBackgroundColor: string;
+            controlTextColor: string;
+            controlBorderColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+                controlWidth: string;
+                controlFontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+                controlWidth: string;
+                controlFontSize: string;
+            };
+        };
         formField: {
             gap: string;
             textColor: string;
@@ -898,6 +932,79 @@ declare const _default: {
                 paddingY: string;
             };
         };
+        chip: {
+            fontSize: string;
+            lineHeight: string;
+            paddingX: string;
+            paddingY: string;
+            borderRadius: string;
+            gap: string;
+            backgroundColor: string;
+            textColor: string;
+            borderColor: string;
+            softBackgroundColor: string;
+            softTextColor: string;
+            softBorderColor: string;
+            outlineTextColor: string;
+            outlineBorderColor: string;
+            iconSize: string;
+            closeSize: string;
+            closeFontSize: string;
+            closeRadius: string;
+            closeColor: string;
+            closeHoverBackgroundColor: string;
+            disabledOpacity: string;
+            info: {
+                backgroundColor: string;
+                textColor: string;
+                borderColor: string;
+                softBackgroundColor: string;
+                softTextColor: string;
+                softBorderColor: string;
+                outlineTextColor: string;
+                outlineBorderColor: string;
+            };
+            success: {
+                backgroundColor: string;
+                textColor: string;
+                borderColor: string;
+                softBackgroundColor: string;
+                softTextColor: string;
+                softBorderColor: string;
+                outlineTextColor: string;
+                outlineBorderColor: string;
+            };
+            warn: {
+                backgroundColor: string;
+                textColor: string;
+                borderColor: string;
+                softBackgroundColor: string;
+                softTextColor: string;
+                softBorderColor: string;
+                outlineTextColor: string;
+                outlineBorderColor: string;
+            };
+            danger: {
+                backgroundColor: string;
+                textColor: string;
+                borderColor: string;
+                softBackgroundColor: string;
+                softTextColor: string;
+                softBorderColor: string;
+                outlineTextColor: string;
+                outlineBorderColor: string;
+            };
+            small: {
+                fontSize: string;
+                paddingX: string;
+                paddingY: string;
+            };
+            large: {
+                fontSize: string;
+                paddingX: string;
+                paddingY: string;
+            };
+        };
         avatar: {
             size: string;
             fontSize: string;

package/package.json

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