@fiscozen/input 0.1.16 → 1.0.0-next.0

package/dist/src/FzCurrencyInput.vue.d.ts

@@ -0,0 +1,202 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string | number | null | undefined>;
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    max: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    pattern: {
+        type: import('vue').PropType<string>;
+    };
+    environment: {
+        type: import('vue').PropType<import('./types').InputEnvironment>;
+    };
+    minimumFractionDigits: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    maximumFractionDigits: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    valid: {
+        type: import('vue').PropType<boolean>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: {
+        type: import('vue').PropType<string>;
+    };
+    leftIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    leftIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+    };
+    leftIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    maxlength: {
+        type: import('vue').PropType<number>;
+    };
+    leftIconClass: {
+        type: import('vue').PropType<string>;
+    };
+    nullOnEmpty: {
+        type: import('vue').PropType<boolean>;
+    };
+    zeroOnEmpty: {
+        type: import('vue').PropType<boolean>;
+    };
+    min: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    step: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    forceStep: {
+        type: import('vue').PropType<boolean>;
+    };
+    stepUpAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    stepDownAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+}>, {
+    inputRef: import('vue').ComputedRef<HTMLInputElement | null | undefined>;
+    containerRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string | number | null | undefined>;
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    max: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    pattern: {
+        type: import('vue').PropType<string>;
+    };
+    environment: {
+        type: import('vue').PropType<import('./types').InputEnvironment>;
+    };
+    minimumFractionDigits: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    maximumFractionDigits: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    valid: {
+        type: import('vue').PropType<boolean>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: {
+        type: import('vue').PropType<string>;
+    };
+    leftIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    leftIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+    };
+    leftIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    maxlength: {
+        type: import('vue').PropType<number>;
+    };
+    leftIconClass: {
+        type: import('vue').PropType<string>;
+    };
+    nullOnEmpty: {
+        type: import('vue').PropType<boolean>;
+    };
+    zeroOnEmpty: {
+        type: import('vue').PropType<boolean>;
+    };
+    min: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    step: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    forceStep: {
+        type: import('vue').PropType<boolean>;
+    };
+    stepUpAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    stepDownAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {
+    max: number;
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+    min: number;
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    label?(_: {}): any;
+    errorMessage?(_: {}): any;
+    helpText?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/FzInput.vue.d.ts

@@ -0,0 +1,254 @@
+import { Ref } from 'vue';
+import { InputEnvironment } from './types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    error: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
+        default: string;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    pattern: {
+        type: import('vue').PropType<string>;
+    };
+    environment: {
+        type: import('vue').PropType<InputEnvironment>;
+        default: string;
+    };
+    valid: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIcon: {
+        type: import('vue').PropType<string>;
+    };
+    rightIconSize: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconSize>;
+    };
+    rightIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    rightIconButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+        default: string;
+    };
+    rightIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    rightIconClass: {
+        type: import('vue').PropType<string>;
+    };
+    secondRightIcon: {
+        type: import('vue').PropType<string>;
+    };
+    secondRightIconClass: {
+        type: import('vue').PropType<string>;
+    };
+    secondRightIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    secondRightIconButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    secondRightIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+        default: string;
+    };
+    secondRightIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: {
+        type: import('vue').PropType<string>;
+    };
+    leftIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    leftIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+    };
+    leftIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    maxlength: {
+        type: import('vue').PropType<number>;
+    };
+    leftIconClass: {
+        type: import('vue').PropType<string>;
+    };
+}>, {
+    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    containerRef: Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => void;
+    focus: (event: FocusEvent) => void;
+    paste: (event: ClipboardEvent) => void;
+    "fzinput:left-icon-click": () => void;
+    "fzinput:right-icon-click": () => void;
+    "fzinput:second-right-icon-click": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    error: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
+        default: string;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    pattern: {
+        type: import('vue').PropType<string>;
+    };
+    environment: {
+        type: import('vue').PropType<InputEnvironment>;
+        default: string;
+    };
+    valid: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIcon: {
+        type: import('vue').PropType<string>;
+    };
+    rightIconSize: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconSize>;
+    };
+    rightIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    rightIconButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+        default: string;
+    };
+    rightIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    rightIconClass: {
+        type: import('vue').PropType<string>;
+    };
+    secondRightIcon: {
+        type: import('vue').PropType<string>;
+    };
+    secondRightIconClass: {
+        type: import('vue').PropType<string>;
+    };
+    secondRightIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    secondRightIconButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    secondRightIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+        default: string;
+    };
+    secondRightIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: {
+        type: import('vue').PropType<string>;
+    };
+    leftIconVariant: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
+    };
+    leftIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+    };
+    leftIconAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    maxlength: {
+        type: import('vue').PropType<number>;
+    };
+    leftIconClass: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+    "onFzinput:left-icon-click"?: (() => any) | undefined;
+    "onFzinput:right-icon-click"?: (() => any) | undefined;
+    "onFzinput:second-right-icon-click"?: (() => any) | undefined;
+}>, {
+    error: boolean;
+    variant: "normal" | "floating-label";
+    type: "number" | "text" | "password" | "email" | "tel" | "url";
+    environment: InputEnvironment;
+    rightIconButtonVariant: import('@fiscozen/button').CommonButtonVariant;
+    secondRightIconButtonVariant: import('@fiscozen/button').CommonButtonVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Readonly<{
+    label?: (() => unknown) | undefined;
+    "left-icon"?: (() => unknown) | undefined;
+    "right-icon"?: (() => unknown) | undefined;
+    errorMessage?: (() => unknown) | undefined;
+    helpText?: (() => unknown) | undefined;
+}> & {
+    label?: (() => unknown) | undefined;
+    "left-icon"?: (() => unknown) | undefined;
+    "right-icon"?: (() => unknown) | undefined;
+    errorMessage?: (() => unknown) | undefined;
+    helpText?: (() => unknown) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FzInput } from './FzInput.vue';
+export { default as FzCurrencyInput } from './FzCurrencyInput.vue';
+export type * from './types';
+export { sizeToEnvironmentMapping } from './utils';