@razorpay/blade@11.17.0

Minor Changes

• 64108d7: feat(blade): add new icons and add figma icon importer script

@razorpay/blade@11.16.1

Patch Changes

• 51c04c8: feat(Table): add compact rowDensity & update existing densities
• 906e7f4: fix(DropdownOverlay): Fix DropdownOverlay getting cropped in Sticky Table Column

@razorpay/blade@11.16.0

Minor Changes

• afddbf2: feat: add label & validation related props to ChipGroup

Patch Changes

• ef0fb05: feat(tokens): update dark mode tokens

@razorpay/blade@11.15.2

Patch Changes

• 102dc87: fix: i18nify-react version upgraded to resolve duplicate i18nify-js copies

@razorpay/blade@11.15.1

Patch Changes

• 989172a: fix(blade): tab item button type

@razorpay/blade@11.15.0

Minor Changes

• ada461c: feat(StepGroup): add StepGroup component

  Documentation: https://blade.razorpay.com/?path=/docs/components-stepgroup--docs

@razorpay/blade@11.14.0

Minor Changes

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

@razorpay/blade@11.13.1

Patch Changes

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

@razorpay/blade@11.13.0

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/blade@11.12.0

Minor Changes

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