@codemonster-ru/vueforge 0.47.0 → 0.49.0

package/dist/package/components/__tests__/color-picker.test.d.ts

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

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

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

package/dist/package/components/color-picker.vue.d.ts

@@ -0,0 +1,40 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type Format = 'hex' | 'rgb' | 'hsl';
+interface Props {
+    modelValue?: string;
+    format?: Format;
+    alpha?: boolean;
+    presets?: Array<string>;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: Size;
+    variant?: Variant;
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    open: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    ariaLabel: string;
+    format: Format;
+    alpha: boolean;
+    presets: Array<string>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,60 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type MaskTransformer = (value: string) => string;
+interface Props {
+    modelValue?: string;
+    mask?: string | MaskTransformer;
+    placeholder?: string;
+    placeholderChar?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    unmask?: boolean;
+    size?: Size;
+    variant?: Variant;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        control: HTMLInputElement;
+    };
+    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;
+    complete: (...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;
+    onComplete?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    mask: string | MaskTransformer;
+    size: Size;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    placeholderChar: string;
+    unmask: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    control: HTMLInputElement;
+}, 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/timepicker.vue.d.ts

@@ -30,10 +30,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: string;
     placeholder: string;
     readonly: boolean;
+    format: TimeFormat;
     min: string;
     max: string;
     step: number;
-    format: TimeFormat;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     control: HTMLButtonElement;

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

@@ -137,6 +137,67 @@ export type OtpInputTokens = {
         fontSize?: string;
     };
 };
+export type ColorPickerTokens = {
+    minWidth?: string;
+    gap?: string;
+    fontSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    focusRingShadow?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    swatchSize?: string;
+    swatchRadius?: string;
+    panelPadding?: string;
+    panelBorderColor?: string;
+    panelBackgroundColor?: string;
+    panelShadow?: string;
+    panelGap?: string;
+    rangeAccentColor?: string;
+    presetSize?: string;
+    presetRadius?: string;
+    presetBorderColor?: string;
+    presetHoverBorderColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+        swatchSize?: string;
+        presetSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+        swatchSize?: string;
+        presetSize?: string;
+    };
+};
+export type MaskedInputTokens = {
+    gap?: string;
+    fontSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    focusRingShadow?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+    };
+};
 export type NumberInputTokens = {
     gap?: string;
     fontSize?: string;
@@ -1319,6 +1380,8 @@ export type ThemeComponentTokens = {
     input?: InputTokens;
     passwordInput?: PasswordInputTokens;
     otpInput?: OtpInputTokens;
+    colorPicker?: ColorPickerTokens;
+    maskedInput?: MaskedInputTokens;
     numberInput?: NumberInputTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;

package/dist/package/themes/default/components/color-picker.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    minWidth: string;
+    gap: string;
+    fontSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    focusRingShadow: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    swatchSize: string;
+    swatchRadius: string;
+    panelPadding: string;
+    panelBorderColor: string;
+    panelBackgroundColor: string;
+    panelShadow: string;
+    panelGap: string;
+    rangeAccentColor: string;
+    presetSize: string;
+    presetRadius: string;
+    presetBorderColor: string;
+    presetHoverBorderColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+        swatchSize: string;
+        presetSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+        swatchSize: string;
+        presetSize: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,23 @@
+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;
+    small: {
+        padding: string;
+        fontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+    };
+};
+export default _default;

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

@@ -294,6 +294,67 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        colorPicker: {
+            minWidth: string;
+            gap: string;
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            focusRingShadow: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            swatchSize: string;
+            swatchRadius: string;
+            panelPadding: string;
+            panelBorderColor: string;
+            panelBackgroundColor: string;
+            panelShadow: string;
+            panelGap: string;
+            rangeAccentColor: string;
+            presetSize: string;
+            presetRadius: string;
+            presetBorderColor: string;
+            presetHoverBorderColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+                swatchSize: string;
+                presetSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+                swatchSize: string;
+                presetSize: string;
+            };
+        };
+        maskedInput: {
+            gap: string;
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            focusRingShadow: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            small: {
+                padding: string;
+                fontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+            };
+        };
         numberInput: {
             gap: string;
             fontSize: string;

package/package.json

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