Releases: razorpay/blade
@razorpay/[email protected]
Minor Changes
- 23a8364: feat(blade): add leading prop in Alert
@razorpay/[email protected]
Patch Changes
- 2f0d96f: fix(blade): phone number input dropdown not opening
@razorpay/[email protected]
Minor Changes
-
410cfb5: feat: add
circular
variant for theProgressBar
componentChanges
-
The
"meter"
&"progress"
values for thevariant
prop are deprecated in favor of the newtype?: "meter" | "progress"
prop. -
The
variant
prop now accepts"linear"
&"circular"
values. -
Usage:
<ProgressBar variant="circular" value={20}> label="Label" />
Migration with Codemod
-
The codemod will automatically update the
ProgressBar
component. Execute the codemod on the file/directory that needs to be migrated for the page via the following command:Need help? Check out jscodeshift docs for CLI usage tips.
npx jscodeshift ./PATH_TO_YOUR_DIR --extensions=tsx,ts,jsx,js -t ./node_modules/@razorpay/blade/codemods/migrate-progressbar/transformers/index.ts --ignore-pattern="**/node_modules/**"
-
There might be some situations where the codemod falls short, If you encounter errors, refer the following examples to migrate the component manually:
- <ProgressBar value={20}> label="Label" /> + <ProgressBar type="progress" value={20}> label="Label" /> - <ProgressBar variant="progress" value={20}> label="Label" /> + <ProgressBar type="progress" variant="linear" value={20}> label="Label" /> - <ProgressBar variant="meter" value={20}> label="Label" /> + <ProgressBar type="meter" variant="linear" value={20}> label="Label" />
-
@razorpay/[email protected]
Minor Changes
- c5f24ea: feat(TextArea, TextInput): Support Tagged Inputs with
tags
andisTaggedInput
prop
feat(Tag): max-width is removed from Tag component
@razorpay/[email protected]
Patch Changes
- cc69004: fix: additional parameters added to retain fraction digits in humanize Amount figure
@razorpay/[email protected]
Minor Changes
-
8c5231d: feat: add large size in FileUpload component
Usage
<FileUpload size="large" uploadType="single" label="Upload GST certificate" helpText="Upload .jpg, .jpeg, or .png file only" accept="image/*" />
@razorpay/[email protected]
Minor Changes
- a75d2e3: feat(blade): add PhoneNumber input
@razorpay/[email protected]
Patch Changes
- 38d9763: fix(Table): selection toggle for multiselect table
@razorpay/[email protected]
Minor Changes
-
015e682: feat: Redesign all
Input
componentsNote: No breaking changes to the existing API. The Input components will continue to work as before but with an updated design.
Changes
TextInput
- Redesigned UI
- Add
leadingIcon
prop ⚠️ Deprecateicon
prop in favour ofleadingIcon
which will be removed in the next major version- Add
trailingIcon
prop - Add
trailingLinkButton
prop - Add
size
prop
TextArea
- Redesigned UI
- Add
size
prop
PasswordInput
- Redesigned UI
- Adds
size
prop
OTPInput
- Redesigned UI
- Add
size
prop
SelectInput
- Redesigned UI
- Add
size
prop
Autocomplete
- Redesigned UI
- Add
size
prop
Radio
- Add
size
prop
Checkbox
- Add
size
prop
@razorpay/[email protected]
Patch Changes
- 5be1ded: fix: update ButtonGroup focus ring styles