diff --git a/.changeset/purple-flies-end.md b/.changeset/purple-flies-end.md deleted file mode 100644 index 2284fcf75f7..00000000000 --- a/.changeset/purple-flies-end.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -'@razorpay/blade': minor ---- - -**feat: Added internationalization in Amount component via i18nify. -References** - -- **i18nify-js:** https://www.npmjs.com/package/@razorpay/i18nify-js -- **i18nify-react:** https://www.npmjs.com/package/@razorpay/i18nify-react - -**What changes ?** - -1. The `` component will now automatically format numbers based on the user's browser locale. For example, `` will render `₹1,23,456.79` for browsers with the `en-IN` default locale, whereas it will render `₹123,456.79` for browsers with the `en-US` locale. - -2. If you want to enable users to change the locale of your page, add the `@razorpay/i18nify-react` package and wrap your app inside the `I18nProvider`. Utilize the `setI18nState` utility to modify the locale. For more details, please refer to the [documentation](https://www.npmjs.com/package/@razorpay/i18nify-react). - -3. Additionally, if you prefer to maintain a fixed locale for your page and amount component, enclose your app within `..`. For more details, please refer to the [documentation](https://www.npmjs.com/package/@razorpay/i18nify-react). - -**How to update ?** - -1. Install i18nify as dependency `yarn add @razorpay/i18nify-js` -2. _[Optional]_: Install i18nify-react as dependency to manage state effectively `yarn add @razorpay/i18nify-react` -3. Install latest Blade `yarn add @razorpay/blade@latest` diff --git a/packages/blade/CHANGELOG.md b/packages/blade/CHANGELOG.md index a82aa3e8441..47f3840f3ee 100644 --- a/packages/blade/CHANGELOG.md +++ b/packages/blade/CHANGELOG.md @@ -1,5 +1,29 @@ # @razorpay/blade +## 11.2.0 + +### Minor Changes + +- f104cbf3: **feat: Added internationalization in Amount component via i18nify. + References** + + - **i18nify-js:** https://www.npmjs.com/package/@razorpay/i18nify-js + - **i18nify-react:** https://www.npmjs.com/package/@razorpay/i18nify-react + + **What changes ?** + + 1. The `` component will now automatically format numbers based on the user's browser locale. For example, `` will render `₹1,23,456.79` for browsers with the `en-IN` default locale, whereas it will render `₹123,456.79` for browsers with the `en-US` locale. + + 2. If you want to enable users to change the locale of your page, add the `@razorpay/i18nify-react` package and wrap your app inside the `I18nProvider`. Utilize the `setI18nState` utility to modify the locale. For more details, please refer to the [documentation](https://www.npmjs.com/package/@razorpay/i18nify-react). + + 3. Additionally, if you prefer to maintain a fixed locale for your page and amount component, enclose your app within `..`. For more details, please refer to the [documentation](https://www.npmjs.com/package/@razorpay/i18nify-react). + + **How to update ?** + + 1. Install i18nify as dependency `yarn add @razorpay/i18nify-js` + 2. _[Optional]_: Install i18nify-react as dependency to manage state effectively `yarn add @razorpay/i18nify-react` + 3. Install latest Blade `yarn add @razorpay/blade@latest` + ## 11.1.1 ### Patch Changes diff --git a/packages/blade/package.json b/packages/blade/package.json index ea21a42541c..d415fcae74a 100644 --- a/packages/blade/package.json +++ b/packages/blade/package.json @@ -1,7 +1,7 @@ { "name": "@razorpay/blade", "description": "The Design System that powers Razorpay", - "version": "11.1.1", + "version": "11.2.0", "license": "MIT", "engines": { "node": ">=18.12.1"