flagShape & flagSize to intl_phone_number_package

[meharpreetsingh]

Add Support for flagShape and flagSize in intl_phone_number_package

Description

This PR introduces new optional properties, flagShape and flagSize, to the intl_phone_number_package, enabling developers to customize the appearance of country flags in the phone number input UI.

Key Features

• flagShape: Allows developers to specify the shape of the flag. Supported values: circle, square, and rectangle.
• flagSize: Enables customization of the size of the flag.
• Backward Compatibility: No changes to existing functionality. If not specified, the default behavior remains unchanged.
• UI Testing: Comprehensive testing performed for various combinations of flagShape and flagSize to ensure visual consistency and functionality.

Why This is Needed

This enhancement increases the flexibility and adaptability of the package, allowing better alignment with diverse design systems and user preferences.

Checklist

• Introduced optional flagShape and flagSize properties.
• Maintained backward compatibility to ensure no breaking changes.
• Verified UI performance and visual integrity with multiple combinations.
• Updated documentation to reflect new optional properties.

Demo

demo-video

Feel free to contact me at [email protected]