@codemonster-ru/vueforge 0.44.0 → 0.46.0

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

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

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

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

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

@@ -43,12 +43,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     modelValue: number | null;
     placeholder: string;
     readonly: boolean;
+    ariaLabel: string;
     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;

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

@@ -0,0 +1,75 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: Size;
+    variant?: Variant;
+    autocomplete?: string;
+    showToggle?: boolean;
+    showStrength?: boolean;
+    showCapsLockHint?: boolean;
+    revealLabel?: string;
+    hideLabel?: string;
+    revealText?: string;
+    hideText?: string;
+    capsLockHint?: string;
+    weakLabel?: string;
+    mediumLabel?: string;
+    strongLabel?: string;
+    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;
+    toggleVisibility: (...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;
+    onToggleVisibility?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    autocomplete: string;
+    showToggle: boolean;
+    showStrength: boolean;
+    showCapsLockHint: boolean;
+    revealLabel: string;
+    hideLabel: string;
+    revealText: string;
+    hideText: string;
+    capsLockHint: string;
+    weakLabel: string;
+    mediumLabel: string;
+    strongLabel: string;
+    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/rating.vue.d.ts

@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     size: RatingSize;
     modelValue: number;
     readonly: boolean;
-    max: number;
     ariaLabel: string;
+    max: number;
     allowHalf: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;

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

@@ -37,10 +37,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: Variant;
     modelValue: number | [number, number];
     range: boolean;
+    ariaLabel: string;
     min: number;
     max: number;
     step: number;
-    ariaLabel: string;
     showValue: boolean;
     marks: Array<SliderMark>;
     ariaLabelStart: string;

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

@@ -0,0 +1,69 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type OptionValue = string | number;
+interface OptionItem {
+    label: string;
+    value: OptionValue;
+    disabled?: boolean;
+}
+interface Props {
+    modelValue?: Array<OptionValue>;
+    options?: Array<OptionItem>;
+    optionLabel?: string;
+    optionValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    filter?: boolean;
+    allowCustom?: boolean;
+    maxTags?: number;
+    clearable?: boolean;
+    variant?: Variant;
+    size?: Size;
+    validateTag?: (value: string) => boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    reject: (...args: any[]) => void;
+    add: (...args: any[]) => void;
+    remove: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+    filter: boolean;
+    disabled: boolean;
+    size: Size;
+    loading: boolean;
+    variant: Variant;
+    modelValue: Array<OptionValue>;
+    placeholder: string;
+    readonly: boolean;
+    options: Array<OptionItem>;
+    optionLabel: string;
+    optionValue: string;
+    loadingText: string;
+    emptyText: string;
+    clearable: boolean;
+    maxTags: number;
+    allowCustom: boolean;
+    validateTag: (value: string) => boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+    control: HTMLInputElement;
+    panel: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -77,6 +77,41 @@ export type InputTokens = {
         fontSize?: string;
     };
 };
+export type PasswordInputTokens = {
+    gap?: string;
+    fontSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    focusRingShadow?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    toggleSize?: string;
+    toggleRadius?: string;
+    toggleColor?: string;
+    toggleHoverBackgroundColor?: string;
+    strengthGap?: string;
+    strengthTrackHeight?: string;
+    strengthTrackRadius?: string;
+    strengthTrackBackgroundColor?: string;
+    strengthWeakColor?: string;
+    strengthMediumColor?: string;
+    strengthStrongColor?: string;
+    metaFontSize?: string;
+    hintColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+    };
+};
 export type NumberInputTokens = {
     gap?: string;
     fontSize?: string;
@@ -498,6 +533,62 @@ export type MultiSelectTokens = {
         fontSize?: string;
     };
 };
+export type TagInputTokens = {
+    minWidth?: string;
+    minHeight?: 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;
+    optionHighlightedBackgroundColor?: string;
+    emptyPadding?: string;
+    emptyColor?: string;
+    loadingPadding?: string;
+    loadingColor?: string;
+    inputMinWidth?: string;
+    chipGap?: string;
+    chipPadding?: string;
+    chipRadius?: string;
+    chipBackgroundColor?: string;
+    chipTextColor?: string;
+    chipFontSize?: string;
+    chipRemoveSize?: string;
+    chipRemoveRadius?: string;
+    chipRemoveHoverBackgroundColor?: string;
+    clearSize?: string;
+    clearRadius?: string;
+    clearHoverBackgroundColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+        chipPadding?: string;
+        chipFontSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+        chipPadding?: string;
+        chipFontSize?: string;
+    };
+};
 export type DatePickerTokens = {
     minWidth?: string;
     fontSize?: string;
@@ -1201,6 +1292,7 @@ export type ThemeComponentTokens = {
     tabs?: TabsTokens;
     accordion?: AccordionTokens;
     input?: InputTokens;
+    passwordInput?: PasswordInputTokens;
     numberInput?: NumberInputTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;
@@ -1219,6 +1311,7 @@ export type ThemeComponentTokens = {
     select?: SelectTokens;
     autocomplete?: AutocompleteTokens;
     multiselect?: MultiSelectTokens;
+    taginput?: TagInputTokens;
     datepicker?: DatePickerTokens;
     daterangepicker?: DateRangePickerTokens;
     timepicker?: TimePickerTokens;

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

@@ -0,0 +1,36 @@
+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;
+    toggleSize: string;
+    toggleRadius: string;
+    toggleColor: string;
+    toggleHoverBackgroundColor: string;
+    strengthGap: string;
+    strengthTrackHeight: string;
+    strengthTrackRadius: string;
+    strengthTrackBackgroundColor: string;
+    strengthWeakColor: string;
+    strengthMediumColor: string;
+    strengthStrongColor: string;
+    metaFontSize: string;
+    hintColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,57 @@
+declare const _default: {
+    minWidth: string;
+    minHeight: 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;
+    optionHighlightedBackgroundColor: string;
+    emptyPadding: string;
+    emptyColor: string;
+    loadingPadding: string;
+    loadingColor: string;
+    inputMinWidth: string;
+    chipGap: string;
+    chipPadding: string;
+    chipRadius: string;
+    chipBackgroundColor: string;
+    chipTextColor: string;
+    chipFontSize: string;
+    chipRemoveSize: string;
+    chipRemoveRadius: string;
+    chipRemoveHoverBackgroundColor: string;
+    clearSize: string;
+    clearRadius: string;
+    clearHoverBackgroundColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+        chipPadding: string;
+        chipFontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+        chipPadding: string;
+        chipFontSize: string;
+    };
+};
+export default _default;

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

@@ -234,6 +234,41 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        passwordInput: {
+            gap: string;
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            focusRingShadow: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            toggleSize: string;
+            toggleRadius: string;
+            toggleColor: string;
+            toggleHoverBackgroundColor: string;
+            strengthGap: string;
+            strengthTrackHeight: string;
+            strengthTrackRadius: string;
+            strengthTrackBackgroundColor: string;
+            strengthWeakColor: string;
+            strengthMediumColor: string;
+            strengthStrongColor: string;
+            metaFontSize: string;
+            hintColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+            };
+        };
         numberInput: {
             gap: string;
             fontSize: string;
@@ -652,6 +687,62 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        taginput: {
+            minWidth: string;
+            minHeight: 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;
+            optionHighlightedBackgroundColor: string;
+            emptyPadding: string;
+            emptyColor: string;
+            loadingPadding: string;
+            loadingColor: string;
+            inputMinWidth: string;
+            chipGap: string;
+            chipPadding: string;
+            chipRadius: string;
+            chipBackgroundColor: string;
+            chipTextColor: string;
+            chipFontSize: string;
+            chipRemoveSize: string;
+            chipRemoveRadius: string;
+            chipRemoveHoverBackgroundColor: string;
+            clearSize: string;
+            clearRadius: string;
+            clearHoverBackgroundColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+                chipPadding: string;
+                chipFontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+                chipPadding: string;
+                chipFontSize: string;
+            };
+        };
         datepicker: {
             minWidth: string;
             fontSize: string;

package/package.json

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