@kroo-web/design-system 1.26.0 → 1.27.2

package/README.MD

@@ -22,6 +22,12 @@ or
   pnpm add @kroo-web/design-system -S
 ```
 
+## 🚀 Releasing
+
+This project uses an automated Release Please pipeline. To ensure your features are published correctly, all merged PRs must follow Conventional Commits format. 
+
+Please read the full [Release Process & Troubleshooting Guide](RELEASE.md) before merging into `main`.
+
 ### Tokens
 
 Next, add the following the highest up in your application, usually in the `App.js` or `index.js` file.

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

@@ -1,27 +1,11 @@
 import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
-import { FieldValues, Path } from 'react-hook-form';
 
-export type TPhoneFieldProps<T extends FieldValues> = {
-    className?: string;
-    disabled?: boolean;
-    helper?: {
-        message: ReactNode | string;
-    };
-    id: string;
-    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 = {
+export type TCountrySelectProps = {
     id: string;
     missing?: boolean;
     onChange?: ChangeEventHandler<HTMLSelectElement>;
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
-export type TNativeInputProps = {
+export type TInputProps = {
     className?: string;
     error?: {
         message?: string;
@@ -30,9 +14,9 @@ export type TNativeInputProps = {
     missing?: boolean;
     placeholder: string;
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare const NativePhoneField: {
-    CountrySelect: import('react').ForwardRefExoticComponent<Omit<TNativeCountrySelectProps, "ref"> & import('react').RefAttributes<HTMLSelectElement>>;
-    Input: import('react').ForwardRefExoticComponent<Omit<TNativeInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const PhoneField: {
+    CountrySelect: import('react').ForwardRefExoticComponent<Omit<TCountrySelectProps, "ref"> & import('react').RefAttributes<HTMLSelectElement>>;
+    Input: import('react').ForwardRefExoticComponent<Omit<TInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
     Root: ({ children }: {
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PhoneField/phoneField.stories.d.ts

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
 import { PhoneField } from '.';
 
-declare const _default: Meta<typeof PhoneField>;
+declare const _default: Meta<typeof PhoneField.Root>;
 export default _default;
-type Story = StoryObj<typeof PhoneField>;
+type Story = StoryObj<typeof PhoneField.Root>;
 export declare const GeneralUsage: Story;
 export declare const Error: Story;