Skip to content

Releases: razorpay/blade

@razorpay/[email protected]

25 Apr 07:33
c4e9b36
Compare
Choose a tag to compare

Minor Changes

  • 23a8364: feat(blade): add leading prop in Alert

@razorpay/[email protected]

22 Apr 11:00
2d20c0c
Compare
Choose a tag to compare

Patch Changes

  • 2f0d96f: fix(blade): phone number input dropdown not opening

@razorpay/[email protected]

18 Apr 09:23
f3ff19a
Compare
Choose a tag to compare

Minor Changes

  • 410cfb5: feat: add circular variant for the ProgressBar component

    Changes

    • The "meter" & "progress" values for the variant prop are deprecated in favor of the new type?: "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]

18 Apr 06:59
2aec1b4
Compare
Choose a tag to compare

Minor Changes

  • c5f24ea: feat(TextArea, TextInput): Support Tagged Inputs with tags and isTaggedInput prop
    feat(Tag): max-width is removed from Tag component

@razorpay/[email protected]

16 Apr 09:18
5da780e
Compare
Choose a tag to compare

Patch Changes

  • cc69004: fix: additional parameters added to retain fraction digits in humanize Amount figure

@razorpay/[email protected]

04 Apr 09:07
ae80293
Compare
Choose a tag to compare

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]

02 Apr 11:05
6a18f25
Compare
Choose a tag to compare

Minor Changes

  • a75d2e3: feat(blade): add PhoneNumber input

@razorpay/[email protected]

28 Mar 11:35
948f71c
Compare
Choose a tag to compare

Patch Changes

  • 38d9763: fix(Table): selection toggle for multiselect table

@razorpay/[email protected]

28 Mar 06:00
fdc6e30
Compare
Choose a tag to compare

Minor Changes

  • 015e682: feat: Redesign all Input components

    Note: 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
    • ⚠️ Deprecate icon prop in favour of leadingIcon 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]

22 Mar 12:25
c39eaed
Compare
Choose a tag to compare

Patch Changes

  • 5be1ded: fix: update ButtonGroup focus ring styles