@kroo-web/design-system 1.17.1 → 1.18.0

package/dist/components/Checkbox/index.d.ts

@@ -9,6 +9,10 @@ export type TCheckboxProps<T extends FieldValues> = {
     name: Path<T>;
     variant?: 'checkbox' | 'radio';
 };
+/**
+ * @deprecated This component is deprecated.
+ * Please use the NativeCheckbox component instead.
+ */
 export declare const Checkbox: <T extends FieldValues>(props: TCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeCheckboxProps = {
     disabled?: boolean;

package/dist/components/ComboBox/index.d.ts

@@ -15,6 +15,11 @@ export type TComboBoxProps = {
     onSelect?: (item: TComboBoxItem) => void;
     options: TComboBoxItem[];
 };
+/**
+ *
+ * @deprecated This component is deprecated.
+ * Please use the NativeComboBox component instead.
+ */
 export declare const ComboBox: (props: Omit<TComboBoxProps, "field">) => import("react/jsx-runtime").JSX.Element;
 export declare const Field: ({ alwaysOpen, field: { onBlur, ...restField }, label, onSelect, options }: TComboBoxProps) => import("react/jsx-runtime").JSX.Element;
 export type TNativeComboBoxRootProps = {

package/dist/components/DatePicker/index.d.ts

@@ -12,6 +12,10 @@ export type TDatePicker<T extends FieldValues> = {
     min?: string;
     name: Path<T>;
 };
+/**
+ * @deprecated This component is deprecated.
+ * Please use the NativeDatePicker component instead.
+ */
 export declare const DatePicker: <T extends FieldValues>(props: TDatePicker<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeDatePickerProps = {
     error?: {

package/dist/components/Form/index.d.ts

@@ -5,5 +5,10 @@ type TFormProps<T extends FieldValues> = {
     methods: UseFormReturn<T>;
     onSubmit: (values: T) => void;
 } & PropsWithChildren<HTMLProps<HTMLFormElement>>;
+/**
+ *
+ * @deprecated We now have a form in web-front-end please use that instead
+ * https://github.com/b-social/web-front-end/blob/main/src/components/shared/Form/index.tsx
+ */
 export declare const Form: <T extends FieldValues>({ children, methods, onSubmit, ...rest }: TFormProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,6 +11,10 @@ export type TNumberFieldProps<T extends FieldValues> = {
     name: Path<T>;
     width?: number;
 };
+/**
+ * @deprecated This component is deprecated.
+ * Please use the NativeNumberField component instead.
+ */
 export declare const NumberField: <T extends FieldValues>(props: TNumberFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeNumberFieldProps = {
     defaultValue?: number;

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

@@ -11,6 +11,10 @@ export type TPhoneFieldProps<T extends FieldValues> = {
     name: Path<T>;
     placeholder?: string;
 };
+/**
+ * @deprecated This component is deprecated.
+ * Please use the NativePhoneField component instead.
+ */
 export declare const PhoneField: <T extends FieldValues>(props: TPhoneFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeCountrySelectProps = {
     id: string;

package/dist/components/PinInput/index.d.ts

@@ -9,5 +9,9 @@ export interface TPinInputProps<T extends FieldValues> {
     length: number;
     name: Path<T>;
 }
+/**
+ * @deprecated This component is deprecated.
+ * Please use the OTPInput component instead.
+ */
 export declare const PinInput: <T extends FieldValues>(props: TPinInputProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const OTPInput: (props: Pick<OTPInputProps, "inputMode" | "onChange" | "onComplete" | "value">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/RadioGroup/index.d.ts

@@ -18,6 +18,11 @@ export type TNativeRadioGroupRootProps = {
     };
     onChange: (value: string) => void;
 } & RadixRadioGroup.RadioGroupProps;
+/**
+ *
+ * @deprecated This component is deprecated.
+ * Please use the NativeRadioGroup component instead.
+ */
 export declare const RadioGroup: {
     Indicator: ({ className, ...props }: RadixRadioGroup.RadioGroupIndicatorProps) => import("react/jsx-runtime").JSX.Element;
     Item: ({ children, className, variant, ...props }: {

package/dist/components/Select/index.d.ts

@@ -23,6 +23,10 @@ export type TSelectProps<T extends FieldValues> = {
     name: Path<T>;
     placeholder?: string;
 };
+/**
+ * @deprecated This component is deprecated.
+ * Please use the NativeSelect component instead.
+ */
 export declare const Select: <T extends FieldValues>(props: TSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeSelectProps = {
     error?: {

package/dist/components/TextField/index.d.ts

@@ -17,6 +17,10 @@ export type TTextFieldProps<T extends FieldValues> = {
     suffix?: ReactNode | string;
     type?: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>['type'];
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+/**
+ * @deprecated This component is deprecated.
+ * Please use the NativeTextField component instead.
+ */
 export declare const TextField: import('react').ForwardRefExoticComponent<Omit<TTextFieldProps<FieldValues>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export type TNativeTextFieldProps = {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kroo-web/design-system",
-  "version": "1.17.1",
+  "version": "1.18.0",
   "type": "module",
   "scripts": {
     "dev": "storybook dev -p 6006",