@kroo-web/design-system 1.3.0 → 1.5.0

package/dist/cjs/src/components/NumberField/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 export type TNumberFieldProps<T extends FieldValues> = {
     helper?: {
@@ -11,3 +11,19 @@ export type TNumberFieldProps<T extends FieldValues> = {
     width?: number;
 };
 export declare const NumberField: <T extends FieldValues>(props: TNumberFieldProps<T>) => React.JSX.Element;
+export type TNativeNumberFieldProps = {
+    defaultValue?: number;
+    error?: {
+        message: string;
+    };
+    helper?: {
+        message: string;
+    };
+    id: string;
+    label: string;
+    max?: number | string;
+    min?: number | string;
+    missing?: boolean;
+    width?: number;
+} & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'max' | 'min' | 'type'>;
+export declare const NativeNumberField: React.ForwardRefExoticComponent<Omit<TNativeNumberFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/src/components/PhoneField/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 export type TPhoneFieldProps<T extends FieldValues> = {
     className?: string;
@@ -11,3 +11,22 @@ export type TPhoneFieldProps<T extends FieldValues> = {
     placeholder?: string;
 };
 export declare const PhoneField: <T extends FieldValues>(props: TPhoneFieldProps<T>) => React.JSX.Element;
+export type TNativeCountrySelectProps = {
+    id: string;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+} & DetailedHTMLProps<InputHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+export type TNativeInputProps = {
+    className?: string;
+    error?: {
+        message: string;
+    };
+    id: string;
+    placeholder: string;
+} & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare const NativePhoneField: {
+    CountrySelect: React.ForwardRefExoticComponent<Omit<TNativeCountrySelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<TNativeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Root: ({ children }: {
+        children: ReactNode;
+    }) => React.JSX.Element;
+};

package/dist/cjs/src/components/shared/FormField/index.d.ts

@@ -3,7 +3,8 @@ export type TFormFieldProps = {
     children: ReactNode;
     error?: string;
     helper?: ReactNode | string;
+    hideLabel?: boolean;
     id: string;
     label?: string;
 };
-export declare const FormField: ({ children, error, helper, id, label }: TFormFieldProps) => React.JSX.Element;
+export declare const FormField: ({ children, error, helper, hideLabel, id, label }: TFormFieldProps) => React.JSX.Element;