@fiscozen/input 0.1.17 → 1.0.0-next.0

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

@@ -1,5 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    amount: import('vue').PropType<number>;
+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>;
     };
@@ -9,6 +9,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: import('vue').PropType<"sm" | "md" | "lg">;
     };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
+    };
     required: {
         type: import('vue').PropType<boolean>;
     };
@@ -17,14 +20,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     max: {
         type: import('vue').PropType<number>;
+        default: number;
     };
     label: {
         type: import('vue').PropType<string>;
-        required: true;
     };
     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>;
     };
@@ -34,14 +51,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     leftIconVariant: {
         type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
     };
-    rightIcon: {
-        type: import('vue').PropType<string>;
+    leftIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
     };
-    rightIconVariant: {
-        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
-    };
-    valid: {
-        type: import('vue').PropType<boolean>;
+    leftIconAriaLabel: {
+        type: import('vue').PropType<string>;
     };
     readonly: {
         type: import('vue').PropType<boolean>;
@@ -49,39 +63,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxlength: {
         type: import('vue').PropType<number>;
     };
-    rightIconClass: {
-        type: import('vue').PropType<string>;
-    };
     leftIconClass: {
         type: import('vue').PropType<string>;
     };
     nullOnEmpty: {
         type: import('vue').PropType<boolean>;
     };
-    forceStep: {
+    zeroOnEmpty: {
         type: import('vue').PropType<boolean>;
     };
-    minimumFractionDigits: {
+    min: {
         type: import('vue').PropType<number>;
         default: number;
     };
-    maximumFractionDigits: {
+    step: {
         type: import('vue').PropType<number>;
         default: number;
     };
-    min: {
-        type: import('vue').PropType<number>;
+    forceStep: {
+        type: import('vue').PropType<boolean>;
     };
-    step: {
-        type: import('vue').PropType<number>;
+    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, {
-    "update:amount": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    amount: import('vue').PropType<number>;
+}, {}, {}, {}, 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>;
     };
@@ -91,6 +103,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: import('vue').PropType<"sm" | "md" | "lg">;
     };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
+    };
     required: {
         type: import('vue').PropType<boolean>;
     };
@@ -99,14 +114,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     max: {
         type: import('vue').PropType<number>;
+        default: number;
     };
     label: {
         type: import('vue').PropType<string>;
-        required: true;
     };
     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>;
     };
@@ -116,14 +145,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     leftIconVariant: {
         type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
     };
-    rightIcon: {
-        type: import('vue').PropType<string>;
+    leftIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
     };
-    rightIconVariant: {
-        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
-    };
-    valid: {
-        type: import('vue').PropType<boolean>;
+    leftIconAriaLabel: {
+        type: import('vue').PropType<string>;
     };
     readonly: {
         type: import('vue').PropType<boolean>;
@@ -131,36 +157,46 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxlength: {
         type: import('vue').PropType<number>;
     };
-    rightIconClass: {
-        type: import('vue').PropType<string>;
-    };
     leftIconClass: {
         type: import('vue').PropType<string>;
     };
     nullOnEmpty: {
         type: import('vue').PropType<boolean>;
     };
-    forceStep: {
+    zeroOnEmpty: {
         type: import('vue').PropType<boolean>;
     };
-    minimumFractionDigits: {
+    min: {
         type: import('vue').PropType<number>;
         default: number;
     };
-    maximumFractionDigits: {
+    step: {
         type: import('vue').PropType<number>;
         default: number;
     };
-    min: {
-        type: import('vue').PropType<number>;
+    forceStep: {
+        type: import('vue').PropType<boolean>;
     };
-    step: {
-        type: import('vue').PropType<number>;
+    stepUpAriaLabel: {
+        type: import('vue').PropType<string>;
     };
-}>> & Readonly<{
-    "onUpdate:amount"?: ((...args: any[]) => any) | undefined;
-}>, {
+    stepDownAriaLabel: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {
+    max: number;
     minimumFractionDigits: number;
     maximumFractionDigits: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    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

@@ -1,7 +1,8 @@
 import { Ref } from 'vue';
+import { InputEnvironment } from './types';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
+    modelValue: import('vue').PropType<string>;
     error: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -11,6 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     };
     size: {
         type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
         default: string;
     };
     type: {
@@ -25,38 +29,79 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     };
     label: {
         type: import('vue').PropType<string>;
-        required: true;
     };
     pattern: {
         type: import('vue').PropType<string>;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
+    environment: {
+        type: import('vue').PropType<InputEnvironment>;
+        default: string;
     };
-    leftIcon: {
+    valid: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIcon: {
         type: import('vue').PropType<string>;
     };
-    leftIconVariant: {
+    rightIconSize: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconSize>;
+    };
+    rightIconVariant: {
         type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
     };
-    rightIcon: {
+    rightIconButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+        default: string;
+    };
+    rightIconAriaLabel: {
         type: import('vue').PropType<string>;
     };
-    rightIconVariant: {
+    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>;
     };
-    valid: {
+    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>;
     };
-    rightIconClass: {
-        type: import('vue').PropType<string>;
-    };
     leftIconClass: {
         type: import('vue').PropType<string>;
     };
@@ -64,14 +109,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    blur: (...args: any[]) => void;
-    focus: (...args: any[]) => void;
-    input: (...args: any[]) => void;
-    paste: (...args: any[]) => void;
-    "fzinput:left-icon-click": (...args: any[]) => void;
-    "fzinput:right-icon-click": (...args: any[]) => void;
+    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<any>;
+    modelValue: import('vue').PropType<string>;
     error: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -81,6 +126,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     };
     size: {
         type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    variant: {
+        type: import('vue').PropType<"normal" | "floating-label">;
         default: string;
     };
     type: {
@@ -95,57 +143,108 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     };
     label: {
         type: import('vue').PropType<string>;
-        required: true;
     };
     pattern: {
         type: import('vue').PropType<string>;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
+    environment: {
+        type: import('vue').PropType<InputEnvironment>;
+        default: string;
     };
-    leftIcon: {
+    valid: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIcon: {
         type: import('vue').PropType<string>;
     };
-    leftIconVariant: {
+    rightIconSize: {
+        type: import('vue').PropType<import('@fiscozen/icons/src/types').IconSize>;
+    };
+    rightIconVariant: {
         type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
     };
-    rightIcon: {
+    rightIconButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    rightIconButtonVariant: {
+        type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
+        default: string;
+    };
+    rightIconAriaLabel: {
         type: import('vue').PropType<string>;
     };
-    rightIconVariant: {
+    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>;
     };
-    valid: {
+    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>;
     };
-    rightIconClass: {
-        type: import('vue').PropType<string>;
-    };
     leftIconClass: {
         type: import('vue').PropType<string>;
     };
 }>> & Readonly<{
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    onPaste?: ((...args: any[]) => any) | undefined;
-    "onFzinput:left-icon-click"?: ((...args: any[]) => any) | undefined;
-    "onFzinput:right-icon-click"?: ((...args: any[]) => any) | undefined;
+    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;
-    size: "sm" | "md" | "lg";
+    variant: "normal" | "floating-label";
     type: "number" | "text" | "password" | "email" | "tel" | "url";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
-    "left-icon"?(_: {}): any;
-    "right-icon"?(_: {}): any;
-    errorMessage?(_: {}): any;
-    helpText?(_: {}): any;
+    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 & {

package/dist/src/index.d.ts

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