npm intl-tel-input 26.0.0-beta.0
v26.0.0-beta.0

13 hours ago

BREAKING CHANGES

  • SVG globe icon
    • The globe icon is now an SVG that is baked into the JS, allowing you to change the size/colour easily. If you previously used your own globe icon image then you will need to update your code to switch to using the new baked-in SVG, and style it however you like.
  • Use Intl.DisplayNames for country names
    • You can use the new option countryNameLocale to control this. Breaking change: country names in various languages may have changed as a result of this.
  • feat(vue): add typescript support
    • TypeScript type definitions are provided
  • Rename validationNumberTypes and change default
    • Now called allowedNumberTypes, and defaults to ["MOBILE", "FIXED_LINE"], which will hopefully reduce confusion. Breaking: so if you dont want to accept fixed_line numbers, and you're relying on the default setting, you will now need to set allowedNumberTypes=["MOBILE"] during initialisation
  • Remove autocomplete=off
    • As modern browsers trigger input event so we can keep selected country in sync with autocompleted number
  • Simplify i18n keys
    • Previously we had confusing duplication between zeroSearchResults, oneSearchResult, multipleSearchResults keys and the searchResultsText function, which did the same thing. Renamed zeroSearchResults to searchEmptyState (this is now just used for the visible text), and renamed searchResultsText to searchSummaryAria to better reflect what it is used for, and got rid of duplicate keys.
  • Remove deprecated isMobileUserAgent
    • This may change the default useFullscreenPopup behaviour on some devices, though it really shouldn't. In fact, it should be more stable and predictable now.
  • CSS: use image-set instead of media query
    • So when you override the flags image paths in your CSS, you will need to change it to use image-set instead of the old media query
  • New option: allowNumberExtensions
    • This defaults to false, so if you want to accept number extensions you will need to set this to true.

Don't miss a new intl-tel-input release

NewReleases is sending notifications on new releases.