@razorpay/[email protected]

Patch Changes

• 04677a3: fix(blade): add lineheight tokens

@razorpay/[email protected]

Major Changes

• 617066a: feat(blade-old): improved icon API

  As discussed in #363 we had decided to move to a more flexible and open API for the icons,
  Instead of using a single Icon component and passing the name="" prop we will be directly using the icon by importing it.

  Changes in <Icon />

  Icon component is now a generic wrapper to create new icons.
  To add new icons to blade's icon library you can use the component like so:

  // User defined custom icons
  export const MyCustomIcon = (props) => {
    return (
      <Icon viewBox="0 0 24 24" {...props}>
        <path d="" />
      </Icon>
    );
  };
  
  // usage
  <Button icon={MyCustomIcon}>

  Migrating existing blade-old components

  Follow these steps for migration

@razorpay/[email protected]

Patch Changes

• f992f77: fix(blade): typo in exports field

@razorpay/[email protected]

Minor Changes

• 47db09d: fix(blade-old): updated support of react-nataive-modalize for RN v0.65

@razorpay/[email protected]

Minor Changes

• 83b0aa5: Added new icon of Payout Link

Patch Changes

• d185650: added CloseCircle new icon and added white background for checkedCircle

@razorpay/[email protected]

Patch Changes

• d32dd9d: fix(blade): add overlay color token

@razorpay/[email protected]

Patch Changes

• 8cddfad: fix(blade): update desktop typography scale

@razorpay/[email protected]

Minor Changes

• a2010f1: added weight support in Link native component

@razorpay/[email protected]

Patch Changes

• 38ff5a9: feat(icons): Add UserCheck and UserClose icons

@razorpay/[email protected]

Patch Changes

• 6c69a4d: fix(blade): update imports and exports