diff --git a/packages/components/phone-input/README.md b/packages/components/phone-input/README.md new file mode 100644 index 0000000000..ef34716fd2 --- /dev/null +++ b/packages/components/phone-input/README.md @@ -0,0 +1,265 @@ +# PhoneInput + +Input field for mobile number with selected country option value + +### Usage + +```js +import { PhoneInput } from "app-components"; +``` + +```jsx + +``` + +### Properties + +| Props | Type | Required | Values | Default | Description | +| ------------------- | :------: | :------: | :-----------------------------: | :-----: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `locale` | `string` | ✅ | - | - | Locale value equal ISO-2 code standart | + +Here's the list of available countries and their ISO-2 codes +``` +Afghanistan (‫افغانستان‬‎): AF +Albania (Shqipëria): AL +Algeria (‫الجزائر‬‎): DZ +American Samoa (American Samoa): AS +Andorra (Andorra): AD +Angola (Angola): AO +Anguilla (Anguilla): AI +Antigua and Barbuda (Antigua and Barbuda): AG +Argentina (Argentina): AR +Armenia (Հայաստանի Հանրապետություն): AM +Aruba (Aruba): AW +Australia (Australia): AU +Austria (Österreich): AT +Azerbaijan (Azərbaycan): AZ +Bahamas (Bahamas): BS +Bahrain (‫البحرين‬‎): BH +Bangladesh (বাংলাদেশ): BD +Barbados (Barbados): BB +Belarus (Беларусь): BY +Belgium (België): BE +Belize (Belize): BZ +Benin (Bénin): BJ +Bermuda (Bermuda): BM +Bhutan (འབྲུག): BT +Bolivia (Bolivia): BO +Bosnia and Herzegovina (Bosna i Hercegovina): BA +Botswana (Botswana): BW +Brazil (Brasil): BR +British Indian Ocean Territory (British Indian Ocean Territory): IO +Brunei Darussalam (Brunei): BN +Bulgaria (България): BG +Burkina Faso (Burkina Faso): BF +Burundi (Uburundi): BI +Cambodia (កម្ពុជា): KH +Cameroon (Cameroun): CM +Canada (Canada): CA +Cape Verde (Kabu Verdi): CV +Cayman Islands (Cayman Islands): KY +Central African Republic (République centrafricaine): CF +Chad (Tchad): TD +Chile (Chile): CL +China (中国): CN +Christmas Island (Christmas Island): CX +Cocos (Keeling) Islands: CC +Colombia (Colombia): CO +Comoros (‫جزر القمر‬‎): KM +Congo-Brazzaville (Congo-Brazzaville): CG +Congo-Kinshasa (Congo-Kinshasa): CD +Cook Islands (Cook Islands): CK +Costa Rica (Costa Rica): CR +Croatia (Hrvatska): HR +Cuba (Cuba): CU +Cyprus (Κύπρος): CY +Czech Republic (Česká republika): CZ +Denmark (Danmark): DK +Djibouti (Djibouti): DJ +Dominica (Dominica): DM +Dominican Republic (República Dominicana): DO +Ecuador (Ecuador): EC +Egypt (‫مصر‬‎): EG +El Salvador (El Salvador): SV +Equatorial Guinea (Guinea Ecuatorial): GQ +Eritrea (Eritrea): ER +Estonia (Eesti): EE +Ethiopia (Ethiopia): ET +Falkland Islands (Malvinas): FK +Faroe Islands (Føroyar): FO +Fiji (Fiji): FJ +Finland (Suomi): FI +France (France): FR +French Guiana (Guyane française): GF +French Polynesia (Polynésie française): PF +Gabon (Gabon): GA +Gambia (Gambia): GM +Georgia (საქართველო): GE +Germany (Deutschland): DE +Ghana (Gaana): GH +Gibraltar (Gibraltar): GI +Greece (Ελλάδα): GR +Greenland (Greenland): GL +Grenada (Grenada): GD +Guadeloupe (Guadeloupe): GP +Guam (Guam): GU +Guatemala (Guatemala): GT +Guernsey: GG +Guinea (Guinée): GN +Guinea-Bissau (Guiné Bissau): GW +Guyana (Guyana): GY +Haiti (Haiti): HT +Honduras (Honduras): HN +Hong Kong (香港): HK +Hungary (Magyarország): HU +Iceland (Ísland): IS +India (भारत): IN +Indonesia (Indonesia): ID +Iran (‫ایران‬‎): IR +Iraq (‫العراق‬‎): IQ +Ireland (Ireland): IE +Isle of Man (Isle of Man): IM +Israel (‫ישראל‬‎): IL +Italy (Italia): IT +Ivory Coast (Côte d’Ivoire): CI +Jamaica (Jamaica): JM +Japan (日本): JP +Jersey (Jersey): JE +Jordan (‫الأردن‬‎): JO +Kazakhstan (Казахстан): KZ +Kenya (Kenya): KE +Kiribati (Kiribati): KI +Kuwait (‫الكويت‬‎): KW +Kyrgyzstan (Kyrgyzstan): KG +Laos (ສ.ປ.ປ ລາວ): LA +Latvia (Latvija): LV +Lebanon (‫لبنان‬‎): LB +Lesotho (Lesotho): LS +Liberia (Liberia): LR +Libya (‫ليبيا‬‎): LY +Liechtenstein (Liechtenstein): LI +Lithuania (Lietuva): LT +Luxembourg (Luxembourg): LU +Macao (澳門): MO +Macedonia (Македонија): MK +Madagascar (Madagasikara): MG +Malawi (Malawi): MW +Malaysia (Malaysia): MY +Maldives (Maldives): MV +Mali (Mali): ML +Malta (Malta): MT +Marshall Islands (Marshall Islands): MH +Martinique (Martinique): MQ +Mauritania (‫موريتانيا‬‎): MR +Mauritius (Moris): MU +Mayotte (Mayotte): YT +Mexico (México): MX +Micronesia (Micronesia): FM +Moldova (Republica Moldova): MD +Monaco (Monaco): MC +Mongolia (Mongolia): MN +Montenegro (Crna Gora): ME +Montserrat (Montserrat): MS +Morocco (‫المغرب‬‎): MA +Mozambique (Moçambique): MZ +Myanmar [Burma] (မြန်မာ): MM +Namibia (Namibia): NA +Nauru (Nauru): NR +Nepal (नेपाल): NP +Netherlands (Nederland): NL +Netherlands Antilles (Nederlandse Antillen): AN +New Caledonia (Nouvelle-Calédonie): NC +New Zealand (New Zealand): NZ +Nicaragua (Nicaragua): NI +Niger (Nijar): NE +Nigeria (Nigeria): NG +Niue (Niue): NU +Norfolk Island (Norfolk Island): NF +Northern Mariana Islands (Northern Mariana Islands): MP +North Korea (조선 민주주의 인민 공화국): KP +Norway (Norge): NO +Oman (‫عُمان‬‎): OM +Pakistan (‫پاکستان‬‎): PK +Palau (Palau): PW +Palestine (‫فلسطين‬‎): PS +Panama (Panamá): PA +Papua New Guinea (Papua New Guinea): PG +Paraguay (Paraguay): PY +Peru (Perú): PE +Philippines (Philippines): PH +Pitcairn Islands (Pitkern Ailen): PN +Poland (Polska): PL +Portugal (Portugal): PT +Puerto Rico (Puerto Rico): PR +Qatar (‫قطر‬‎): QA +Republic of Korea (대한민국): KR +Reunion (Réunion): RE +Romania (România): RO +Russia (Россия): RU +Rwanda (Rwanda): RW +Saint Barthélemy (Saint-Barthélémy): BL +Saint Helena (Saint Helena): SH +Saint Kitts and Nevis (Saint Kitts and Nevis): KN +Saint Lucia (Saint Lucia): LC +Saint Martin Island (Saint-Martin [partie française]): MF +Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon): PM +Saint Vincent and the Grenadines (Saint Vincent and the Grenadines): VC +Samoa (Samoa): WS +San Marino (San Marino): SM +Sao Tome and Principe (São Tomé e Príncipe): ST +Saudi Arabia (‫المملكة العربية السعودية‬‎): SA +Senegal (Sénégal): SN +Serbia (Србија): RS +Seychelles (Seychelles): SC +Sierra Leone (Sierra Leone): SL +Singapore (Singapore): SG +Slovakia (Slovensko): SK +Slovenia (Slovenija): SI +Solomon Islands (Solomon Islands): SB +Somalia (Soomaaliya): SO +South Africa (South Africa): ZA +South Georgia and the South Sandwich Islands (SGSSI): GS +Spain (España): ES +Sri Lanka (ශ්‍රී ලංකාව): LK +Sudan (‫السودان‬‎): SD +Suriname (Suriname): SR +Svalbard and Jan Mayen (Svalbard og Jan Mayen): SJ +Swaziland (Swaziland): SZ +Sweden (Sverige): SE +Switzerland (Schweiz): CH +Syria (‫سوريا‬‎): SY +Taiwan (台灣): TW +Tajikistan (Tajikistan): TJ +Tanzania (Tanzania): TZ +Thailand (ไทย): TH +Timor-Leste (Timor-Leste): TL +Togo (Togo): TG +Tokelau (Tokelau): TK +Tonga (Tonga): TO +Trinidad and Tobago (Trinidad and Tobago): TT +Tunisia (‫تونس‬‎): TN +Turkey (Türkiye): TR +Turkmenistan (Turkmenistan): TM +Turks and Caicos Islands (Turks and Caicos Islands): TC +Tuvalu (Tuvalu): TV +Uganda (Uganda): UG +Ukraine (Україна): UA +United Arab Emirates (‫الإمارات العربية المتحدة‬‎): AE +United Kingdom (UK): GB +United States (United States): US +Uruguay (Uruguay): UY +Uzbekistan (Ўзбекистон): UZ +Vanuatu (Vanuatu): VU +Vatican City (Città del Vaticano): VA +Venezuela (Venezuela): VE +Vietnam (Việt Nam): VN +Virgin Islands (British): VG +Virgin Islands (US): VI +Wallis and Futuna (Wallis and Futuna): WF +Yemen (‫اليمن‬‎): YE +Zambia (Zambia): ZM +Zimbabwe (Zimbabwe): ZW +Åland Islands (Ahvenanmaa): AX +``` \ No newline at end of file diff --git a/packages/components/phone-input/drop-down.js b/packages/components/phone-input/drop-down.js new file mode 100644 index 0000000000..1c818be7bc --- /dev/null +++ b/packages/components/phone-input/drop-down.js @@ -0,0 +1,162 @@ +import React, { useEffect, useState, useRef, useCallback, memo } from "react"; +import { FixedSizeList as List } from "react-window"; +import Box from "../box"; +import TextInput from "../text-input"; +import Text from "../text"; +import * as Countries from "./svg"; +import { + StyledTriangle, + StyledDropDown, + StyledCountryItem, + StyledFlagBox, + StyledSearchPanel, + StyledDropDownWrapper, +} from "./styled-phone-input"; +import CustomScrollbarsVirtualList from "../scrollbar/custom-scrollbars-virtual-list"; + +const Dropdown = memo( + ({ + value, + options, + onChange, + theme, + searchPlaceholderText, + searchEmptyMessage, + }) => { + const dropDownMenu = useRef(); + + const [open, setOpen] = useState(false); + + const [filteredCountries, setFilteredCountries] = useState(options); + const [search, setSearch] = useState(""); + + const handleClick = (e) => { + if (dropDownMenu.current.contains(e.target)) { + return; + } + setOpen(false); + setSearch(""); + }; + + const handleChange = (selectedValue) => { + onChange(selectedValue); + setOpen(false); + setSearch(""); + }; + + const openDropDown = useCallback(() => setOpen(!open), [open]); + + const listRef = React.createRef(); + + useEffect(() => { + if (open) { + setFilteredCountries( + options.filter((option) => + option.name.toLowerCase().includes(search.toLowerCase()) + ) + ); + } + document.addEventListener("mousedown", handleClick); + return () => { + document.removeEventListener("mousedown", handleClick); + }; + }, [open, search]); + + const onSearchCountry = useCallback((e) => { + const textSearch = e.target.value; + setSearch(textSearch); + }, []); + + const onHandleChange = useCallback((e) => { + handleChange(e.currentTarget.dataset.option); + }, []); + + const setCountry = options.find((o) => o.code === value).code; + + const CountryItem = ({ data, index, style }) => { + const option = data[index]; + const text = `${option.name} ${option.dialCode}`; + + return ( +
+ + + + {React.createElement(Countries[`${option.code}`], { + width: 24, + height: 16, + })} + + + + {text} + + + + +
+ ); + }; + + return ( + + + + {value + ? React.createElement(Countries[`${setCountry}`], { + width: 24, + height: 16, + }) + : "n/a"} + + + {open && ( + + + + +
+ {filteredCountries.length ? ( + + {CountryItem} + + ) : ( + + {searchEmptyMessage} + + )} +
+ + )} + + + ); + } +); + +Dropdown.displayName = "Dropdown"; + +export default Dropdown; diff --git a/packages/components/phone-input/index.js b/packages/components/phone-input/index.js new file mode 100644 index 0000000000..2533cc7505 --- /dev/null +++ b/packages/components/phone-input/index.js @@ -0,0 +1,90 @@ +import React, { useState, useCallback, memo } from "react"; +import PropTypes from "prop-types"; +import DropDown from "./drop-down"; +import { StyledPhoneInput, StyledInputBox } from "./styled-phone-input"; +import Box from "../box"; +import Text from "../text"; +import { Base } from "../themes"; +import { options, countryCodes } from "./options"; + +const PhoneInput = memo((props) => { + const [country, setCountry] = useState(props.locale); + + const onChangeCountry = useCallback((country) => setCountry(country), [ + country, + ]); + + const getLocaleCode = (locale) => + options.find((o) => o.code === locale).dialCode; + + const getMask = (locale) => options.find((o) => o.code === locale).mask; + + const getPlaceholder = (locale) => + options.find((o) => o.code === locale).mask === null + ? "Enter phone number" + : options + .find((o) => o.code === locale) + .mask.join("") + .replace(/[\/|\\]/g, "") + .replace(/[d]/gi, "X"); + + return ( + + + + + + + {getLocaleCode(country)} + +
+ +
+ + + ); +}); + +PhoneInput.propTypes = { + locale: PropTypes.oneOf(countryCodes), + getLocaleCode: PropTypes.func, + getMask: PropTypes.func, + getPlaceholder: PropTypes.func, + onChange: PropTypes.func, + value: PropTypes.string, + theme: PropTypes.object, + searchPlaceholderText: PropTypes.string, + searchEmptyMessage: PropTypes.string, +}; + +PhoneInput.defaultProps = { + locale: "RU", + type: "text", + value: "", + theme: Base, + searchPlaceholderText: "Type to search country", + searchEmptyMessage: "Nothing found", +}; + +PhoneInput.displayName = "PhoneInput"; + +export default PhoneInput; diff --git a/packages/components/phone-input/options.js b/packages/components/phone-input/options.js new file mode 100644 index 0000000000..d5960b6365 --- /dev/null +++ b/packages/components/phone-input/options.js @@ -0,0 +1,1444 @@ +export const options = [{ + name: "Afghanistan (‫افغانستان‬‎)", + dialCode: "+93", + code: "AF", + mask: null + }, + { + name: "Albania (Shqipëria)", + dialCode: "+355", + code: "AL", + mask: null + }, + { + name: "Algeria (‫الجزائر‬‎)", + dialCode: "+213", + code: "DZ", + mask: null + }, + { + name: "American Samoa (American Samoa)", + dialCode: "+1684", + code: "AS", + mask: null + }, + { + name: "Andorra (Andorra)", + dialCode: "+376", + code: "AD", + mask: null + }, + { + name: "Angola (Angola)", + dialCode: "+244", + code: "AO", + mask: null + }, + { + name: "Anguilla (Anguilla)", + dialCode: "+1264", + code: "AI", + mask: null + }, + { + name: "Antigua and Barbuda (Antigua and Barbuda)", + dialCode: "+1268", + code: "AG", + mask: null + }, + { + name: "Argentina (Argentina)", + dialCode: "+54", + code: "AR", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Armenia (Հայաստանի Հանրապետություն)", + dialCode: "+374", + code: "AM", + mask: null + }, + { + name: "Aruba (Aruba)", + dialCode: "+297", + code: "AW", + mask: null + }, + { + name: "Australia (Australia)", + dialCode: "+61", + code: "AU", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Austria (Österreich)", + dialCode: "+43", + code: "AT", + mask: null + }, + { + name: "Azerbaijan (Azərbaycan)", + dialCode: "+994", + code: "AZ", + mask: null + }, + { + name: "Bahamas (Bahamas)", + dialCode: "+1242", + code: "BS", + mask: null + }, + { + name: "Bahrain (‫البحرين‬‎)", + dialCode: "+973", + code: "BH", + mask: null + }, + { + name: "Bangladesh (বাংলাদেশ)", + dialCode: "+880", + code: "BD", + mask: null + }, + { + name: "Barbados (Barbados)", + dialCode: "+1246", + code: "BB", + mask: null + }, + { + name: "Belarus (Беларусь)", + dialCode: "+375", + code: "BY", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, "-", /\d/, /\d/] + }, + { + name: "Belgium (België)", + dialCode: "+32", + code: "BE", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, "-", /\d/, /\d/, "-", /\d/, /\d/] + }, + { + name: "Belize (Belize)", + dialCode: "+501", + code: "BZ", + mask: null + }, + { + name: "Benin (Bénin)", + dialCode: "+229", + code: "BJ", + mask: null + }, + { + name: "Bermuda (Bermuda)", + dialCode: "+1441", + code: "BM", + mask: null + }, + { + name: "Bhutan (འབྲུག)", + dialCode: "+975", + code: "BT", + mask: null + }, + { + name: "Bolivia (Bolivia)", + dialCode: "+591", + code: "BO", + mask: null + }, + { + name: "Bosnia and Herzegovina (Bosna i Hercegovina)", + dialCode: "+387", + code: "BA", + mask: null + }, + { + name: "Botswana (Botswana)", + dialCode: "+267", + code: "BW", + mask: null + }, + { + name: "Brazil (Brasil)", + dialCode: "+55", + code: "BR", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "British Indian Ocean Territory (British Indian Ocean Territory)", + dialCode: "+246", + code: "IO", + mask: null + }, + { + name: "Brunei Darussalam (Brunei)", + dialCode: "+673", + code: "BN", + mask: null + }, + { + name: "Bulgaria (България)", + dialCode: "+359", + code: "BG", + mask: null + }, + { + name: "Burkina Faso (Burkina Faso)", + dialCode: "+226", + code: "BF", + mask: null + }, + { + name: "Burundi (Uburundi)", + dialCode: "+257", + code: "BI", + mask: null + }, + { + name: "Cambodia (កម្ពុជា)", + dialCode: "+855", + code: "KH", + mask: null + }, + { + name: "Cameroon (Cameroun)", + dialCode: "+237", + code: "CM", + mask: null + }, + { + name: "Canada (Canada)", + dialCode: "+1", + code: "CA", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Cape Verde (Kabu Verdi)", + dialCode: "+238", + code: "CV", + mask: null + }, + { + name: "Cayman Islands (Cayman Islands)", + dialCode: "+1345", + code: "KY", + mask: null + }, + { + name: "Central African Republic (République centrafricaine)", + dialCode: "+236", + code: "CF", + mask: null + }, + { + name: "Chad (Tchad)", + dialCode: "+235", + code: "TD", + mask: null + }, + { + name: "Chile (Chile)", + dialCode: "+56", + code: "CL", + mask: null + }, + { + name: "China (中国)", + dialCode: "+86", + code: "CN", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Christmas Island (Christmas Island)", + dialCode: "+61", + code: "CX", + mask: null + }, + { + name: "Cocos (Keeling) Islands", + dialCode: "+61", + code: "CC", + mask: null + }, + { + name: "Colombia (Colombia)", + dialCode: "+57", + code: "CO", + mask: null + }, + { + name: "Comoros (‫جزر القمر‬‎)", + dialCode: "+269", + code: "KM", + mask: null + }, + { + name: "Congo-Brazzaville (Congo-Brazzaville)", + dialCode: "+242", + code: "CG", + mask: null + }, + { + name: "Congo-Kinshasa (Congo-Kinshasa)", + dialCode: "+243", + code: "CD", + mask: null + }, + { + name: "Cook Islands (Cook Islands)", + dialCode: "+682", + code: "CK", + mask: null + }, + { + name: "Costa Rica (Costa Rica)", + dialCode: "+506", + code: "CR", + mask: [/\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Croatia (Hrvatska)", + dialCode: "+385", + code: "HR", + mask: null + }, + { + name: "Cuba (Cuba)", + dialCode: "+53", + code: "CU", + mask: null + }, + { + name: "Cyprus (Κύπρος)", + dialCode: "+357", + code: "CY", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Czech Republic (Česká republika)", + dialCode: "+420", + code: "CZ", + mask: null + }, + { + name: "Denmark (Danmark)", + dialCode: "+45", + code: "DK", + mask: [/\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/] + }, + { + name: "Djibouti (Djibouti)", + dialCode: "+253", + code: "DJ", + mask: null + }, + { + name: "Dominica (Dominica)", + dialCode: "+1767", + code: "DM", + mask: null + }, + { + name: "Dominican Republic (República Dominicana)", + dialCode: "+1849", + code: "DO", + mask: null + }, + { + name: "Ecuador (Ecuador)", + dialCode: "+593", + code: "EC", + mask: null + }, + { + name: "Egypt (‫مصر‬‎)", + dialCode: "+20", + code: "EG", + mask: null + }, + { + name: "El Salvador (El Salvador)", + dialCode: "+503", + code: "SV", + mask: [/\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Equatorial Guinea (Guinea Ecuatorial)", + dialCode: "+240", + code: "GQ", + mask: null + }, + { + name: "Eritrea (Eritrea)", + dialCode: "+291", + code: "ER", + mask: null + }, + { + name: "Estonia (Eesti)", + dialCode: "+372", + code: "EE", + mask: [/\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Ethiopia (Ethiopia)", + dialCode: "+251", + code: "ET", + mask: null + }, + { + name: "Falkland Islands (Malvinas)", + dialCode: "+500", + code: "FK", + mask: null + }, + { + name: "Faroe Islands (Føroyar)", + dialCode: "+298", + code: "FO", + mask: null + }, + { + name: "Fiji (Fiji)", + dialCode: "+679", + code: "FJ", + mask: null + }, + { + name: "Finland (Suomi)", + dialCode: "+358", + code: "FI", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/] + }, + { + name: "France (France)", + dialCode: "+33", + code: "FR", + mask: [/\d/, " ", /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/] + }, + { + name: "French Guiana (Guyane française)", + dialCode: "+594", + code: "GF", + mask: null + }, + { + name: "French Polynesia (Polynésie française)", + dialCode: "+689", + code: "PF", + mask: null + }, + { + name: "Gabon (Gabon)", + dialCode: "+241", + code: "GA", + mask: null + }, + { + name: "Gambia (Gambia)", + dialCode: "+220", + code: "GM", + mask: null + }, + { + name: "Georgia (საქართველო)", + dialCode: "+995", + code: "GE", + mask: null + }, + { + name: "Germany (Deutschland)", + dialCode: "+49", + code: "DE", + mask: [/\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Ghana (Gaana)", + dialCode: "+233", + code: "GH", + mask: null + }, + { + name: "Gibraltar (Gibraltar)", + dialCode: "+350", + code: "GI", + mask: null + }, + { + name: "Greece (Ελλάδα)", + dialCode: "+30", + code: "GR", + mask: null + }, + { + name: "Greenland (Greenland)", + dialCode: "+299", + code: "GL", + mask: null + }, + { + name: "Grenada (Grenada)", + dialCode: "+1473", + code: "GD", + mask: null + }, + { + name: "Guadeloupe (Guadeloupe)", + dialCode: "+590", + code: "GP", + mask: null + }, + { + name: "Guam (Guam)", + dialCode: "+1671", + code: "GU", + mask: null + }, + { + name: "Guatemala (Guatemala)", + dialCode: "+502", + code: "GT", + mask: [/\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Guernsey", + dialCode: "+44", + code: "GG", + mask: null + }, + { + name: "Guinea (Guinée)", + dialCode: "+224", + code: "GN", + mask: null + }, + { + name: "Guinea-Bissau (Guiné Bissau)", + dialCode: "+245", + code: "GW", + mask: null + }, + { + name: "Guyana (Guyana)", + dialCode: "+592", + code: "GY", + mask: null + }, + { + name: "Haiti (Haiti)", + dialCode: "+509", + code: "HT", + mask: [/\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Honduras (Honduras)", + dialCode: "+504", + code: "HN", + mask: null + }, + { + name: "Hong Kong (香港)", + dialCode: "+852", + code: "HK", + mask: [/\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Hungary (Magyarország)", + dialCode: "+36", + code: "HU", + mask: null + }, + { + name: "Iceland (Ísland)", + dialCode: "+354", + code: "IS", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "India (भारत)", + dialCode: "+91", + code: "IN", + mask: [/\d/, /\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Indonesia (Indonesia)", + dialCode: "+62", + code: "ID", + mask: null + }, + { + name: "Iran (‫ایران‬‎)", + dialCode: "+98", + code: "IR", + mask: null + }, + { + name: "Iraq (‫العراق‬‎)", + dialCode: "+964", + code: "IQ", + mask: null + }, + { + name: "Ireland (Ireland)", + dialCode: "+353", + code: "IE", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Isle of Man (Isle of Man)", + dialCode: "+44", + code: "IM", + mask: null + }, + { + name: "Israel (‫ישראל‬‎)", + dialCode: "+972", + code: "IL", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Italy (Italia)", + dialCode: "+39", + code: "IT", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Ivory Coast (Côte d’Ivoire)", + dialCode: "+225", + code: "CI", + mask: null + }, + { + name: "Jamaica (Jamaica)", + dialCode: "+1876", + code: "JM", + mask: null + }, + { + name: "Japan (日本)", + dialCode: "+81", + code: "JP", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Jersey (Jersey)", + dialCode: "+44", + code: "JE", + mask: null + }, + { + name: "Jordan (‫الأردن‬‎)", + dialCode: "+962", + code: "JO", + mask: null + }, + { + name: "Kazakhstan (Казахстан)", + dialCode: "+7", + code: "KZ", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, "-", /\d/, /\d/] + }, + { + name: "Kenya (Kenya)", + dialCode: "+254", + code: "KE", + mask: null + }, + { + name: "Kiribati (Kiribati)", + dialCode: "+686", + code: "KI", + mask: null + }, + { + name: "Kuwait (‫الكويت‬‎)", + dialCode: "+965", + code: "KW", + mask: null + }, + { + name: "Kyrgyzstan (Kyrgyzstan)", + dialCode: "+996", + code: "KG", + mask: null + }, + { + name: "Laos (ສ.ປ.ປ ລາວ)", + dialCode: "+856", + code: "LA", + mask: null + }, + { + name: "Latvia (Latvija)", + dialCode: "+371", + code: "LV", + mask: null + }, + { + name: "Lebanon (‫لبنان‬‎)", + dialCode: "+961", + code: "LB", + mask: null + }, + { + name: "Lesotho (Lesotho)", + dialCode: "+266", + code: "LS", + mask: null + }, + { + name: "Liberia (Liberia)", + dialCode: "+231", + code: "LR", + mask: null + }, + { + name: "Libya (‫ليبيا‬‎)", + dialCode: "+218", + code: "LY", + mask: null + }, + { + name: "Liechtenstein (Liechtenstein)", + dialCode: "+423", + code: "LI", + mask: null + }, + { + name: "Lithuania (Lietuva)", + dialCode: "+370", + code: "LT", + mask: null + }, + { + name: "Luxembourg (Luxembourg)", + dialCode: "+352", + code: "LU", + mask: null + }, + { + name: "Macao (澳門)", + dialCode: "+853", + code: "MO", + mask: null + }, + { + name: "Macedonia (Македонија)", + dialCode: "+389", + code: "MK", + mask: null + }, + { + name: "Madagascar (Madagasikara)", + dialCode: "+261", + code: "MG", + mask: null + }, + { + name: "Malawi (Malawi)", + dialCode: "+265", + code: "MW", + mask: null + }, + { + name: "Malaysia (Malaysia)", + dialCode: "+60", + code: "MY", + mask: [/\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Maldives (Maldives)", + dialCode: "+960", + code: "MV", + mask: null + }, + { + name: "Mali (Mali)", + dialCode: "+223", + code: "ML", + mask: null + }, + { + name: "Malta (Malta)", + dialCode: "+356", + code: "MT", + mask: null + }, + { + name: "Marshall Islands (Marshall Islands)", + dialCode: "+692", + code: "MH", + mask: null + }, + { + name: "Martinique (Martinique)", + dialCode: "+596", + code: "MQ", + mask: null + }, + { + name: "Mauritania (‫موريتانيا‬‎)", + dialCode: "+222", + code: "MR", + mask: null + }, + { + name: "Mauritius (Moris)", + dialCode: "+230", + code: "MU", + mask: null + }, + { + name: "Mayotte (Mayotte)", + dialCode: "+262", + code: "YT", + mask: null + }, + { + name: "Mexico (México)", + dialCode: "+52", + code: "MX", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Micronesia (Micronesia)", + dialCode: "+691", + code: "FM", + mask: null + }, + { + name: "Moldova (Republica Moldova)", + dialCode: "+373", + code: "MD", + mask: [/\d/, /\d/, " ", /\d/, /\d/, "-", /\d/, /\d/, "-", /\d/, /\d/] + }, + { + name: "Monaco (Monaco)", + dialCode: "+377", + code: "MC", + mask: null + }, + { + name: "Mongolia (Mongolia)", + dialCode: "+976", + code: "MN", + mask: null + }, + { + name: "Montenegro (Crna Gora)", + dialCode: "+382", + code: "ME", + mask: null + }, + { + name: "Montserrat (Montserrat)", + dialCode: "+1664", + code: "MS", + mask: null + }, + { + name: "Morocco (‫المغرب‬‎)", + dialCode: "+212", + code: "MA", + mask: null + }, + { + name: "Mozambique (Moçambique)", + dialCode: "+258", + code: "MZ", + mask: null + }, + { + name: "Myanmar [Burma] (မြန်မာ)", + dialCode: "+95", + code: "MM", + mask: null + }, + { + name: "Namibia (Namibia)", + dialCode: "+264", + code: "NA", + mask: null + }, + { + name: "Nauru (Nauru)", + dialCode: "+674", + code: "NR", + mask: null + }, + { + name: "Nepal (नेपाल)", + dialCode: "+977", + code: "NP", + mask: null + }, + { + name: "Netherlands (Nederland)", + dialCode: "+31", + code: "NL", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Netherlands Antilles (Nederlandse Antillen)", + dialCode: "+599", + code: "AN", + mask: null + }, + { + name: "New Caledonia (Nouvelle-Calédonie)", + dialCode: "+687", + code: "NC", + mask: null + }, + { + name: "New Zealand (New Zealand)", + dialCode: "+64", + code: "NZ", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Nicaragua (Nicaragua)", + dialCode: "+505", + code: "NI", + mask: null + }, + { + name: "Niger (Nijar)", + dialCode: "+227", + code: "NE", + mask: null + }, + { + name: "Nigeria (Nigeria)", + dialCode: "+234", + code: "NG", + mask: null + }, + { + name: "Niue (Niue)", + dialCode: "+683", + code: "NU", + mask: null + }, + { + name: "Norfolk Island (Norfolk Island)", + dialCode: "+672", + code: "NF", + mask: null + }, + { + name: "Northern Mariana Islands (Northern Mariana Islands)", + dialCode: "+1670", + code: "MP", + mask: null + }, + { + name: "North Korea (조선 민주주의 인민 공화국)", + dialCode: "+850", + code: "KP", + mask: null + }, + { + name: "Norway (Norge)", + dialCode: "+47", + code: "NO", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/, /\d/] + }, + { + name: "Oman (‫عُمان‬‎)", + dialCode: "+968", + code: "OM", + mask: null + }, + { + name: "Pakistan (‫پاکستان‬‎)", + dialCode: "+92", + code: "PK", + mask: [/\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Palau (Palau)", + dialCode: "+680", + code: "PW", + mask: null + }, + { + name: "Palestine (‫فلسطين‬‎)", + dialCode: "+970", + code: "PS", + mask: null + }, + { + name: "Panama (Panamá)", + dialCode: "+507", + code: "PA", + mask: null + }, + { + name: "Papua New Guinea (Papua New Guinea)", + dialCode: "+675", + code: "PG", + mask: null + }, + { + name: "Paraguay (Paraguay)", + dialCode: "+595", + code: "PY", + mask: null + }, + { + name: "Peru (Perú)", + dialCode: "+51", + code: "PE", + mask: null + }, + { + name: "Philippines (Philippines)", + dialCode: "+63", + code: "PH", + mask: [/\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Pitcairn Islands (Pitkern Ailen)", + dialCode: "+872", + code: "PN", + mask: null + }, + { + name: "Poland (Polska)", + dialCode: "+48", + code: "PL", + mask: [/\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/] + }, + { + name: "Portugal (Portugal)", + dialCode: "+351", + code: "PT", + mask: null + }, + { + name: "Puerto Rico (Puerto Rico)", + dialCode: "+1939", + code: "PR", + mask: null + }, + { + name: "Qatar (‫قطر‬‎)", + dialCode: "+974", + code: "QA", + mask: null + }, + { + name: "Republic of Korea (대한민국)", + dialCode: "+82", + code: "KR", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Reunion (Réunion)", + dialCode: "+262", + code: "RE", + mask: null + }, + { + name: "Romania (România)", + dialCode: "+40", + code: "RO", + mask: null + }, + { + name: "Russia (Россия)", + dialCode: "+7", + code: "RU", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, "-", /\d/, /\d/] + }, + { + name: "Rwanda (Rwanda)", + dialCode: "+250", + code: "RW", + mask: null + }, + { + name: "Saint Barthélemy (Saint-Barthélémy)", + dialCode: "+590", + code: "BL", + mask: null + }, + { + name: "Saint Helena (Saint Helena)", + dialCode: "+290", + code: "SH", + mask: null + }, + { + name: "Saint Kitts and Nevis (Saint Kitts and Nevis)", + dialCode: "+1869", + code: "KN", + mask: null + }, + { + name: "Saint Lucia (Saint Lucia)", + dialCode: "+1758", + code: "LC", + mask: null + }, + { + name: "Saint Martin Island (Saint-Martin [partie française])", + dialCode: "+590", + code: "MF", + mask: null + }, + { + name: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", + dialCode: "+508", + code: "PM", + mask: null + }, + { + name: "Saint Vincent and the Grenadines (Saint Vincent and the Grenadines)", + dialCode: "+1784", + code: "VC", + mask: null + }, + { + name: "Samoa (Samoa)", + dialCode: "+685", + code: "WS", + mask: null + }, + { + name: "San Marino (San Marino)", + dialCode: "+378", + code: "SM", + mask: null + }, + { + name: "Sao Tome and Principe (São Tomé e Príncipe)", + dialCode: "+239", + code: "ST", + mask: null + }, + { + name: "Saudi Arabia (‫المملكة العربية السعودية‬‎)", + dialCode: "+966", + code: "SA", + mask: null + }, + { + name: "Senegal (Sénégal)", + dialCode: "+221", + code: "SN", + mask: null + }, + { + name: "Serbia (Србија)", + dialCode: "+381", + code: "RS", + mask: null + }, + { + name: "Seychelles (Seychelles)", + dialCode: "+248", + code: "SC", + mask: null + }, + { + name: "Sierra Leone (Sierra Leone)", + dialCode: "+232", + code: "SL", + mask: null + }, + { + name: "Singapore (Singapore)", + dialCode: "+65", + code: "SG", + mask: [/\d/, /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Slovakia (Slovensko)", + dialCode: "+421", + code: "SK", + mask: null + }, + { + name: "Slovenia (Slovenija)", + dialCode: "+386", + code: "SI", + mask: null + }, + { + name: "Solomon Islands (Solomon Islands)", + dialCode: "+677", + code: "SB", + mask: null + }, + { + name: "Somalia (Soomaaliya)", + dialCode: "+252", + code: "SO", + mask: null + }, + { + name: "South Africa (South Africa)", + dialCode: "+27", + code: "ZA", + mask: null + }, + { + name: "South Georgia and the South Sandwich Islands (SGSSI)", + dialCode: "+500", + code: "GS", + mask: null + }, + { + name: "Spain (España)", + dialCode: "+34", + code: "ES", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/] + }, + { + name: "Sri Lanka (ශ්‍රී ලංකාව)", + dialCode: "+94", + code: "LK", + mask: null + }, + { + name: "Sudan (‫السودان‬‎)", + dialCode: "+249", + code: "SD", + mask: null + }, + { + name: "Suriname (Suriname)", + dialCode: "+597", + code: "SR", + mask: null + }, + { + name: "Svalbard and Jan Mayen (Svalbard og Jan Mayen)", + dialCode: "+47", + code: "SJ", + mask: null + }, + { + name: "Swaziland (Swaziland)", + dialCode: "+268", + code: "SZ", + mask: null + }, + { + name: "Sweden (Sverige)", + dialCode: "+46", + code: "SE", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/] + }, + { + name: "Switzerland (Schweiz)", + dialCode: "+41", + code: "CH", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/] + }, + { + name: "Syria (‫سوريا‬‎)", + dialCode: "+963", + code: "SY", + mask: null + }, + { + name: "Taiwan (台灣)", + dialCode: "+886", + code: "TW", + mask: null + }, + { + name: "Tajikistan (Tajikistan)", + dialCode: "+992", + code: "TJ", + mask: null + }, + { + name: "Tanzania (Tanzania)", + dialCode: "+255", + code: "TZ", + mask: null + }, + { + name: "Thailand (ไทย)", + dialCode: "+66", + code: "TH", + mask: null + }, + { + name: "Timor-Leste (Timor-Leste)", + dialCode: "+670", + code: "TL", + mask: null + }, + { + name: "Togo (Togo)", + dialCode: "+228", + code: "TG", + mask: null + }, + { + name: "Tokelau (Tokelau)", + dialCode: "+690", + code: "TK", + mask: null + }, + { + name: "Tonga (Tonga)", + dialCode: "+676", + code: "TO", + mask: null + }, + { + name: "Trinidad and Tobago (Trinidad and Tobago)", + dialCode: "+1868", + code: "TT", + mask: null + }, + { + name: "Tunisia (‫تونس‬‎)", + dialCode: "+216", + code: "TN", + mask: null + }, + { + name: "Turkey (Türkiye)", + dialCode: "+90", + code: "TR", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, " ", /\d/, /\d/, " ", /\d/, /\d/] + }, + { + name: "Turkmenistan (Turkmenistan)", + dialCode: "+993", + code: "TM", + mask: null + }, + { + name: "Turks and Caicos Islands (Turks and Caicos Islands)", + dialCode: "+1649", + code: "TC", + mask: null + }, + { + name: "Tuvalu (Tuvalu)", + dialCode: "+688", + code: "TV", + mask: null + }, + { + name: "Uganda (Uganda)", + dialCode: "+256", + code: "UG", + mask: null + }, + { + name: "Ukraine (Україна)", + dialCode: "+380", + code: "UA", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, "-", /\d/, /\d/] + }, + { + name: "United Arab Emirates (‫الإمارات العربية المتحدة‬‎)", + dialCode: "+971", + code: "AE", + mask: null + }, + { + name: "United Kingdom (UK)", + dialCode: "+44", + code: "GB", + mask: [/\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] + }, + { + name: "United States (United States)", + dialCode: "+1", + code: "US", + mask: [/\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Uruguay (Uruguay)", + dialCode: "+598", + code: "UY", + mask: null + }, + { + name: "Uzbekistan (Ўзбекистон)", + dialCode: "+998", + code: "UZ", + mask: null + }, + { + name: "Vanuatu (Vanuatu)", + dialCode: "+678", + code: "VU", + mask: null + }, + { + name: "Vatican City (Città del Vaticano)", + dialCode: "+379", + code: "VA", + mask: [/\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/, " ", /\d/, /\d/, /\d/, /\d/] + }, + { + name: "Venezuela (Venezuela)", + dialCode: "+58", + code: "VE", + mask: null + }, + { + name: "Vietnam (Việt Nam)", + dialCode: "+84", + code: "VN", + mask: null + }, + { + name: "Virgin Islands (British)", + dialCode: "+1284", + code: "VG", + mask: null + }, + { + name: "Virgin Islands (US)", + dialCode: "+1340", + code: "VI", + mask: null + }, + { + name: "Wallis and Futuna (Wallis and Futuna)", + dialCode: "+681", + code: "WF", + mask: null + }, + { + name: "Yemen (‫اليمن‬‎)", + dialCode: "+967", + code: "YE", + mask: null + }, + { + name: "Zambia (Zambia)", + dialCode: "+260", + code: "ZM", + mask: null + }, + { + name: "Zimbabwe (Zimbabwe)", + dialCode: "+263", + code: "ZW", + mask: null + }, + { + name: "Åland Islands (Ahvenanmaa)", + dialCode: "+358", + code: "AX", + mask: null + }]; + +export const countryCodes = []; + +options.map(o => countryCodes.push(o.code)); \ No newline at end of file diff --git a/packages/components/phone-input/phone-input.stories.js b/packages/components/phone-input/phone-input.stories.js new file mode 100644 index 0000000000..09f035d22b --- /dev/null +++ b/packages/components/phone-input/phone-input.stories.js @@ -0,0 +1,22 @@ +import React, { useState } from "react"; +import PhoneInput from "."; + +const Template = ({ onChange, ...args }) => { + const [value, setValue] = useState(""); + + const onChangeHandler = (e) => { + onChange(e.currentTarget.value); + setValue(e.currentTarget.value); + }; + + return ( +
+ +
+ ); +}; + +export const basic = Template.bind({}); +basic.args = { + locale: "GB", +}; diff --git a/packages/components/phone-input/phone-input.stories.mdx b/packages/components/phone-input/phone-input.stories.mdx new file mode 100644 index 0000000000..62069fc856 --- /dev/null +++ b/packages/components/phone-input/phone-input.stories.mdx @@ -0,0 +1,60 @@ +import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks"; + +import PhoneInput from "."; +import * as stories from "./phone-input.stories.js"; +import InputBlock from "../input-block"; + + + +# PhoneInput + +Password entry field with advanced capabilities for displaying, validation of correspondence and generation based on settings + + + + + +### Properties + +You can apply all the parameters of the InputBlock component to the component. + + + +## Description + +#### Object with settings: + +```js +{ + minLength: 6, + upperCase: false, + digits: false, + specSymbols: false +} +``` + +Check for compliance with settings is carried out on fly. As you type in required number of characters, progress bar will fill up and when all conditions are met, the color will change from red to green. + +Depending on screen width of device, input will change location of elements. + +When setting focus to input, tooltip will be shown with progress in fulfilling conditions specified in settings. When unfocused, tooltip disappears. + +When button is pressed, copy data will be copied to clipboard and copy action will be blocked for 2 seconds. In future, the button is unlocked. + +If emailInputName parameter value is empty, copy action will be disabled. + +#### passwordSettings properties + +| Props | Type | Required | Values | Default | Description | +| ------------- | :------: | :------: | :----: | :-----: | ------------------------------- | +| `digits` | `bool` | ✅ | - | - | Must contain digits | +| `minLength` | `number` | ✅ | - | - | Minimum password length | +| `specSymbols` | `bool` | ✅ | - | - | Must contain special characters | +| `upperCase` | `bool` | ✅ | - | - | Must contain uppercase letters | diff --git a/packages/components/phone-input/phone-input.test.js b/packages/components/phone-input/phone-input.test.js new file mode 100644 index 0000000000..cd19b0a86a --- /dev/null +++ b/packages/components/phone-input/phone-input.test.js @@ -0,0 +1,123 @@ +import React from "react"; +import { mount } from "enzyme"; +import renderer from "react-test-renderer"; +import "jest-styled-components"; +import PhoneInput from "."; +import { + StyledDropDown, + StyledCountryItem, + StyledSearchPanel, +} from "./styled-phone-input"; +import ThemeProvider from "../theme-provider"; +import { Base } from "../themes"; + +const defaultProps = { + locale: "RU", + value: "12", + onChange: jest.fn(), +}; + +jest.mock("react-text-mask", () => (props) => ( + +)); + +describe("", () => { + it("component renders without error", () => { + const wrapper = mount(); + expect(wrapper).toExist(); + }); + + it("input on change test", () => { + const event = { target: { value: "value" } }; + const wrapper = mount(); + const input = wrapper.find("input"); + input.simulate("change", event); + expect(defaultProps.onChange).toHaveBeenCalled(); + }); + + it("set search", () => { + const wrapper = mount(); + const searchInput = wrapper.find("TextInput"); + expect(searchInput).toExist(); + }); + + it("check open prop", () => { + const wrapper = mount(); + expect(wrapper.prop("open")).toEqual(true); + }); + + it("accepts locale", () => { + const wrapper = mount(); + expect(wrapper.prop("locale")).toEqual("RU"); + }); + + it("accepts width", () => { + const wrapper = mount(); + expect(wrapper.prop("width")).toEqual("304px"); + }); + + it("accepts item hover color", () => { + const wrapper = mount(); + expect(wrapper.prop("itemHoverColor")).toEqual("#fff"); + }); + + it("accepts item background color", () => { + const wrapper = mount(); + expect(wrapper.prop("itemBackgroundColor")).toEqual("#fff"); + }); + + it("accepts placeholder color", () => { + const wrapper = mount(); + expect(wrapper.prop("placeholderColor")).toEqual("#fff"); + }); + + it("should applies theme props", () => { + const phoneInput = renderer + .create( + + + + ) + .toJSON(); + + expect(phoneInput).toHaveStyleRule("width", Base.phoneInput.width); + }); + + it("should applies theme props to nested styled components", () => { + const styledDropDown = renderer.create().toJSON(); + expect(styledDropDown).toHaveStyleRule("width", Base.phoneInput.width); + + const styledCountryItem = renderer.create().toJSON(); + expect(styledCountryItem).toHaveStyleRule( + "background-color", + Base.phoneInput.itemBackgroundColor + ); + + const styledSearchPanel = renderer.create().toJSON(); + expect(styledSearchPanel).toHaveStyleRule( + "color", + Base.phoneInput.placeholderColor, + { + modifier: ".phone-input-searcher::placeholder", + } + ); + }); + + it("should applies new theme", () => { + const newTheme = Object.assign({}, Base, { + phoneInput: { + width: "100px", + }, + }); + + const phoneInput2 = renderer + .create( + + + + ) + .toJSON(); + + expect(phoneInput2).toHaveStyleRule("width", newTheme.phoneInput.width); + }); +}); diff --git a/packages/components/phone-input/styled-phone-input.js b/packages/components/phone-input/styled-phone-input.js new file mode 100644 index 0000000000..4bd3c9462a --- /dev/null +++ b/packages/components/phone-input/styled-phone-input.js @@ -0,0 +1,82 @@ +import styled from "styled-components"; +import TextInput from "../text-input"; +import Box from "../box"; +import { Base } from "../themes"; + +const StyledPhoneInput = styled(TextInput)` + border: 0; + font-size: 16px; + padding: 11px 0px 11px 5px; +`; + +const StyledTriangle = styled.div` + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-top: 3px solid #a3a9ae; + cursor: pointer; + margin: 7px 0 20px 4px; +`; + +const StyledDropDown = styled.div` + position: absolute; + top: 28px; + left: -18px; + width: ${(props) => props.theme.phoneInput.width}; + height: 260px; + z-index: 1999; + background-color: #fff; + border-radius: 4px; + border: 1px solid #d1d1d1; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); +`; + +const StyledCountryItem = styled(Box)` + cursor: pointer; + &:hover { + background-color: ${(props) => props.theme.phoneInput.itemHoverColor}; + } + background-color: ${(props) => props.theme.phoneInput.itemBackgroundColor}; +`; + +const StyledFlagBox = styled(Box)` + cursor: pointer; +`; + +const StyledDropDownWrapper = styled(Box)` + position: relative; +`; + +const StyledSearchPanel = styled.div` + background-color: #fff; + padding: 8px 8px 0 8px; + .phone-input-searcher { + background-color: #fff; + ::placeholder { + color: ${(props) => props.theme.phoneInput.placeholderColor}; + } + } +`; + +const StyledInputBox = styled(Box)` + display: flex; + border-radius: 3px 3px 3px 3px; + border: 1px solid #d0d5da; + width: ${(props) => props.theme.phoneInput.width}; + height: ${(props) => props.theme.phoneInput.height}; +`; + +StyledDropDown.defaultProps = { theme: Base }; +StyledCountryItem.defaultProps = { theme: Base }; +StyledSearchPanel.defaultProps = { theme: Base }; +StyledInputBox.defaultProps = { theme: Base }; + +export { + StyledPhoneInput, + StyledTriangle, + StyledDropDown, + StyledCountryItem, + StyledFlagBox, + StyledSearchPanel, + StyledInputBox, + StyledDropDownWrapper, +}; diff --git a/packages/components/phone-input/svg-flags.7z b/packages/components/phone-input/svg-flags.7z new file mode 100644 index 0000000000..5988e5e32f Binary files /dev/null and b/packages/components/phone-input/svg-flags.7z differ diff --git a/packages/components/phone-input/svg/ad.react.svg b/packages/components/phone-input/svg/ad.react.svg new file mode 100644 index 0000000000..8d3096dc94 --- /dev/null +++ b/packages/components/phone-input/svg/ad.react.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ae.react.svg b/packages/components/phone-input/svg/ae.react.svg new file mode 100644 index 0000000000..b88e50b5a4 --- /dev/null +++ b/packages/components/phone-input/svg/ae.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/af.react.svg b/packages/components/phone-input/svg/af.react.svg new file mode 100644 index 0000000000..47d7748158 --- /dev/null +++ b/packages/components/phone-input/svg/af.react.svg @@ -0,0 +1,190 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ag.react.svg b/packages/components/phone-input/svg/ag.react.svg new file mode 100644 index 0000000000..a099922718 --- /dev/null +++ b/packages/components/phone-input/svg/ag.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ai.react.svg b/packages/components/phone-input/svg/ai.react.svg new file mode 100644 index 0000000000..491b749da9 --- /dev/null +++ b/packages/components/phone-input/svg/ai.react.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/al.react.svg b/packages/components/phone-input/svg/al.react.svg new file mode 100644 index 0000000000..8c0ff52547 --- /dev/null +++ b/packages/components/phone-input/svg/al.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/am.react.svg b/packages/components/phone-input/svg/am.react.svg new file mode 100644 index 0000000000..809f3f9b2e --- /dev/null +++ b/packages/components/phone-input/svg/am.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/an.react.svg b/packages/components/phone-input/svg/an.react.svg new file mode 100644 index 0000000000..abd4178108 --- /dev/null +++ b/packages/components/phone-input/svg/an.react.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ao.react.svg b/packages/components/phone-input/svg/ao.react.svg new file mode 100644 index 0000000000..bee8e3d723 --- /dev/null +++ b/packages/components/phone-input/svg/ao.react.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/aq.react.svg b/packages/components/phone-input/svg/aq.react.svg new file mode 100644 index 0000000000..f7742cc139 --- /dev/null +++ b/packages/components/phone-input/svg/aq.react.svg @@ -0,0 +1,21 @@ + +Antarctic Treaty System flag + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ar.react.svg b/packages/components/phone-input/svg/ar.react.svg new file mode 100644 index 0000000000..191eb76891 --- /dev/null +++ b/packages/components/phone-input/svg/ar.react.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/as.react.svg b/packages/components/phone-input/svg/as.react.svg new file mode 100644 index 0000000000..cfcddeb85b --- /dev/null +++ b/packages/components/phone-input/svg/as.react.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/at.react.svg b/packages/components/phone-input/svg/at.react.svg new file mode 100644 index 0000000000..a0a161d81a --- /dev/null +++ b/packages/components/phone-input/svg/at.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/au.react.svg b/packages/components/phone-input/svg/au.react.svg new file mode 100644 index 0000000000..ba2d1f12e4 --- /dev/null +++ b/packages/components/phone-input/svg/au.react.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/aw.react.svg b/packages/components/phone-input/svg/aw.react.svg new file mode 100644 index 0000000000..9f75a37300 --- /dev/null +++ b/packages/components/phone-input/svg/aw.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ax.react.svg b/packages/components/phone-input/svg/ax.react.svg new file mode 100644 index 0000000000..393814d270 --- /dev/null +++ b/packages/components/phone-input/svg/ax.react.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/az.react.svg b/packages/components/phone-input/svg/az.react.svg new file mode 100644 index 0000000000..574f20b6c8 --- /dev/null +++ b/packages/components/phone-input/svg/az.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/ba.react.svg b/packages/components/phone-input/svg/ba.react.svg new file mode 100644 index 0000000000..ecb5b7b7bf --- /dev/null +++ b/packages/components/phone-input/svg/ba.react.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bb.react.svg b/packages/components/phone-input/svg/bb.react.svg new file mode 100644 index 0000000000..e07f5205a5 --- /dev/null +++ b/packages/components/phone-input/svg/bb.react.svg @@ -0,0 +1,7 @@ + +Flag of Barbados + + + + + diff --git a/packages/components/phone-input/svg/bd.react.svg b/packages/components/phone-input/svg/bd.react.svg new file mode 100644 index 0000000000..9b0878c1bf --- /dev/null +++ b/packages/components/phone-input/svg/bd.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/be.react.svg b/packages/components/phone-input/svg/be.react.svg new file mode 100644 index 0000000000..7caa698821 --- /dev/null +++ b/packages/components/phone-input/svg/be.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/bf.react.svg b/packages/components/phone-input/svg/bf.react.svg new file mode 100644 index 0000000000..b1666e8873 --- /dev/null +++ b/packages/components/phone-input/svg/bf.react.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bg.react.svg b/packages/components/phone-input/svg/bg.react.svg new file mode 100644 index 0000000000..1e3020fc4f --- /dev/null +++ b/packages/components/phone-input/svg/bg.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/bh.react.svg b/packages/components/phone-input/svg/bh.react.svg new file mode 100644 index 0000000000..23d10a5948 --- /dev/null +++ b/packages/components/phone-input/svg/bh.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/bi.react.svg b/packages/components/phone-input/svg/bi.react.svg new file mode 100644 index 0000000000..dcafa5a31c --- /dev/null +++ b/packages/components/phone-input/svg/bi.react.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bj.react.svg b/packages/components/phone-input/svg/bj.react.svg new file mode 100644 index 0000000000..d711add69f --- /dev/null +++ b/packages/components/phone-input/svg/bj.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/bl.react.svg b/packages/components/phone-input/svg/bl.react.svg new file mode 100644 index 0000000000..8fd9b1b643 --- /dev/null +++ b/packages/components/phone-input/svg/bl.react.svg @@ -0,0 +1,160 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bm.react.svg b/packages/components/phone-input/svg/bm.react.svg new file mode 100644 index 0000000000..42559a3886 --- /dev/null +++ b/packages/components/phone-input/svg/bm.react.svg @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bn.react.svg b/packages/components/phone-input/svg/bn.react.svg new file mode 100644 index 0000000000..276ff9e786 --- /dev/null +++ b/packages/components/phone-input/svg/bn.react.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bo.react.svg b/packages/components/phone-input/svg/bo.react.svg new file mode 100644 index 0000000000..e54498012b --- /dev/null +++ b/packages/components/phone-input/svg/bo.react.svg @@ -0,0 +1,863 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bq.react.svg b/packages/components/phone-input/svg/bq.react.svg new file mode 100644 index 0000000000..baed36899a --- /dev/null +++ b/packages/components/phone-input/svg/bq.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/br.react.svg b/packages/components/phone-input/svg/br.react.svg new file mode 100644 index 0000000000..c00d97ff9e --- /dev/null +++ b/packages/components/phone-input/svg/br.react.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bs.react.svg b/packages/components/phone-input/svg/bs.react.svg new file mode 100644 index 0000000000..72147e318e --- /dev/null +++ b/packages/components/phone-input/svg/bs.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/bt.react.svg b/packages/components/phone-input/svg/bt.react.svg new file mode 100644 index 0000000000..7a23e11669 --- /dev/null +++ b/packages/components/phone-input/svg/bt.react.svg @@ -0,0 +1,466 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bv.react.svg b/packages/components/phone-input/svg/bv.react.svg new file mode 100644 index 0000000000..4765e85e33 --- /dev/null +++ b/packages/components/phone-input/svg/bv.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/bw.react.svg b/packages/components/phone-input/svg/bw.react.svg new file mode 100644 index 0000000000..ca10835435 --- /dev/null +++ b/packages/components/phone-input/svg/bw.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/by.react.svg b/packages/components/phone-input/svg/by.react.svg new file mode 100644 index 0000000000..c13012f893 --- /dev/null +++ b/packages/components/phone-input/svg/by.react.svg @@ -0,0 +1,14 @@ + +Flag of Belarus + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/bz.react.svg b/packages/components/phone-input/svg/bz.react.svg new file mode 100644 index 0000000000..574d4def0c --- /dev/null +++ b/packages/components/phone-input/svg/bz.react.svg @@ -0,0 +1,174 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ca.react.svg b/packages/components/phone-input/svg/ca.react.svg new file mode 100644 index 0000000000..76578fb93e --- /dev/null +++ b/packages/components/phone-input/svg/ca.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/cc.react.svg b/packages/components/phone-input/svg/cc.react.svg new file mode 100644 index 0000000000..b7e3f565a0 --- /dev/null +++ b/packages/components/phone-input/svg/cc.react.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cd.react.svg b/packages/components/phone-input/svg/cd.react.svg new file mode 100644 index 0000000000..6d29b31a41 --- /dev/null +++ b/packages/components/phone-input/svg/cd.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/cf.react.svg b/packages/components/phone-input/svg/cf.react.svg new file mode 100644 index 0000000000..91cd9b8279 --- /dev/null +++ b/packages/components/phone-input/svg/cf.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/cg.react.svg b/packages/components/phone-input/svg/cg.react.svg new file mode 100644 index 0000000000..cbfd12ecc0 --- /dev/null +++ b/packages/components/phone-input/svg/cg.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ch.react.svg b/packages/components/phone-input/svg/ch.react.svg new file mode 100644 index 0000000000..5ea9eea016 --- /dev/null +++ b/packages/components/phone-input/svg/ch.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ci.react.svg b/packages/components/phone-input/svg/ci.react.svg new file mode 100644 index 0000000000..14a864218a --- /dev/null +++ b/packages/components/phone-input/svg/ci.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ck.react.svg b/packages/components/phone-input/svg/ck.react.svg new file mode 100644 index 0000000000..fd00c18c76 --- /dev/null +++ b/packages/components/phone-input/svg/ck.react.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cl.react.svg b/packages/components/phone-input/svg/cl.react.svg new file mode 100644 index 0000000000..b338656552 --- /dev/null +++ b/packages/components/phone-input/svg/cl.react.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cm.react.svg b/packages/components/phone-input/svg/cm.react.svg new file mode 100644 index 0000000000..901fecf36c --- /dev/null +++ b/packages/components/phone-input/svg/cm.react.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cn.react.svg b/packages/components/phone-input/svg/cn.react.svg new file mode 100644 index 0000000000..366174dee0 --- /dev/null +++ b/packages/components/phone-input/svg/cn.react.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/co.react.svg b/packages/components/phone-input/svg/co.react.svg new file mode 100644 index 0000000000..6cb2061f43 --- /dev/null +++ b/packages/components/phone-input/svg/co.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/cr.react.svg b/packages/components/phone-input/svg/cr.react.svg new file mode 100644 index 0000000000..a5f292b28f --- /dev/null +++ b/packages/components/phone-input/svg/cr.react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/components/phone-input/svg/cu.react.svg b/packages/components/phone-input/svg/cu.react.svg new file mode 100644 index 0000000000..09558fa36e --- /dev/null +++ b/packages/components/phone-input/svg/cu.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/cv.react.svg b/packages/components/phone-input/svg/cv.react.svg new file mode 100644 index 0000000000..1f61248dc6 --- /dev/null +++ b/packages/components/phone-input/svg/cv.react.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cw.react.svg b/packages/components/phone-input/svg/cw.react.svg new file mode 100644 index 0000000000..f2c9853365 --- /dev/null +++ b/packages/components/phone-input/svg/cw.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cx.react.svg b/packages/components/phone-input/svg/cx.react.svg new file mode 100644 index 0000000000..e3ec560213 --- /dev/null +++ b/packages/components/phone-input/svg/cx.react.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/cy.react.svg b/packages/components/phone-input/svg/cy.react.svg new file mode 100644 index 0000000000..e6202b0597 --- /dev/null +++ b/packages/components/phone-input/svg/cy.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/cz.react.svg b/packages/components/phone-input/svg/cz.react.svg new file mode 100644 index 0000000000..db03aba30d --- /dev/null +++ b/packages/components/phone-input/svg/cz.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/de.react.svg b/packages/components/phone-input/svg/de.react.svg new file mode 100644 index 0000000000..a42f059595 --- /dev/null +++ b/packages/components/phone-input/svg/de.react.svg @@ -0,0 +1,6 @@ + +Flag of Germany + + + + diff --git a/packages/components/phone-input/svg/dj.react.svg b/packages/components/phone-input/svg/dj.react.svg new file mode 100644 index 0000000000..d798800acf --- /dev/null +++ b/packages/components/phone-input/svg/dj.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/dk.react.svg b/packages/components/phone-input/svg/dk.react.svg new file mode 100644 index 0000000000..ae58c504d0 --- /dev/null +++ b/packages/components/phone-input/svg/dk.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/dm.react.svg b/packages/components/phone-input/svg/dm.react.svg new file mode 100644 index 0000000000..de6d8ed0a8 --- /dev/null +++ b/packages/components/phone-input/svg/dm.react.svg @@ -0,0 +1,90 @@ + +Flag of Dominica + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/do.react.svg b/packages/components/phone-input/svg/do.react.svg new file mode 100644 index 0000000000..e5e4b2df91 --- /dev/null +++ b/packages/components/phone-input/svg/do.react.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/dz.react.svg b/packages/components/phone-input/svg/dz.react.svg new file mode 100644 index 0000000000..e1165a7e9b --- /dev/null +++ b/packages/components/phone-input/svg/dz.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ec.react.svg b/packages/components/phone-input/svg/ec.react.svg new file mode 100644 index 0000000000..b673e6e1ec --- /dev/null +++ b/packages/components/phone-input/svg/ec.react.svg @@ -0,0 +1,519 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ee.react.svg b/packages/components/phone-input/svg/ee.react.svg new file mode 100644 index 0000000000..d32462db79 --- /dev/null +++ b/packages/components/phone-input/svg/ee.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/eg.react.svg b/packages/components/phone-input/svg/eg.react.svg new file mode 100644 index 0000000000..e53e54a2c6 --- /dev/null +++ b/packages/components/phone-input/svg/eg.react.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/eh.react.svg b/packages/components/phone-input/svg/eh.react.svg new file mode 100644 index 0000000000..a5b077200a --- /dev/null +++ b/packages/components/phone-input/svg/eh.react.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/components/phone-input/svg/er.react.svg b/packages/components/phone-input/svg/er.react.svg new file mode 100644 index 0000000000..efab450787 --- /dev/null +++ b/packages/components/phone-input/svg/er.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/es.react.svg b/packages/components/phone-input/svg/es.react.svg new file mode 100644 index 0000000000..ffecfa6e03 --- /dev/null +++ b/packages/components/phone-input/svg/es.react.svg @@ -0,0 +1,581 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/et.react.svg b/packages/components/phone-input/svg/et.react.svg new file mode 100644 index 0000000000..72a83b0c61 --- /dev/null +++ b/packages/components/phone-input/svg/et.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/eu.react.svg b/packages/components/phone-input/svg/eu.react.svg new file mode 100644 index 0000000000..76d2e86b76 --- /dev/null +++ b/packages/components/phone-input/svg/eu.react.svg @@ -0,0 +1,29 @@ + +European flag + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/fi.react.svg b/packages/components/phone-input/svg/fi.react.svg new file mode 100644 index 0000000000..01d061d7a2 --- /dev/null +++ b/packages/components/phone-input/svg/fi.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/fj.react.svg b/packages/components/phone-input/svg/fj.react.svg new file mode 100644 index 0000000000..e58f8edfd5 --- /dev/null +++ b/packages/components/phone-input/svg/fj.react.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/fk.react.svg b/packages/components/phone-input/svg/fk.react.svg new file mode 100644 index 0000000000..9c9bd65787 --- /dev/null +++ b/packages/components/phone-input/svg/fk.react.svg @@ -0,0 +1,239 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/fm.react.svg b/packages/components/phone-input/svg/fm.react.svg new file mode 100644 index 0000000000..98009e8c03 --- /dev/null +++ b/packages/components/phone-input/svg/fm.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/fo.react.svg b/packages/components/phone-input/svg/fo.react.svg new file mode 100644 index 0000000000..57292f390e --- /dev/null +++ b/packages/components/phone-input/svg/fo.react.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/fr.react.svg b/packages/components/phone-input/svg/fr.react.svg new file mode 100644 index 0000000000..c43631ebcc --- /dev/null +++ b/packages/components/phone-input/svg/fr.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ga.react.svg b/packages/components/phone-input/svg/ga.react.svg new file mode 100644 index 0000000000..45e3198d2a --- /dev/null +++ b/packages/components/phone-input/svg/ga.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/gb.react-eng.svg b/packages/components/phone-input/svg/gb.react-eng.svg new file mode 100644 index 0000000000..52e270233f --- /dev/null +++ b/packages/components/phone-input/svg/gb.react-eng.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/gb.react-nir.svg b/packages/components/phone-input/svg/gb.react-nir.svg new file mode 100644 index 0000000000..0244112d1f --- /dev/null +++ b/packages/components/phone-input/svg/gb.react-nir.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gb.react-sct.svg b/packages/components/phone-input/svg/gb.react-sct.svg new file mode 100644 index 0000000000..969a9ef781 --- /dev/null +++ b/packages/components/phone-input/svg/gb.react-sct.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gb.react-wls.svg b/packages/components/phone-input/svg/gb.react-wls.svg new file mode 100644 index 0000000000..75bade2af4 --- /dev/null +++ b/packages/components/phone-input/svg/gb.react-wls.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/components/phone-input/svg/gb.react.svg b/packages/components/phone-input/svg/gb.react.svg new file mode 100644 index 0000000000..0244112d1f --- /dev/null +++ b/packages/components/phone-input/svg/gb.react.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gd.react.svg b/packages/components/phone-input/svg/gd.react.svg new file mode 100644 index 0000000000..632bf646ee --- /dev/null +++ b/packages/components/phone-input/svg/gd.react.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ge.react.svg b/packages/components/phone-input/svg/ge.react.svg new file mode 100644 index 0000000000..46f894546b --- /dev/null +++ b/packages/components/phone-input/svg/ge.react.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gf.react.svg b/packages/components/phone-input/svg/gf.react.svg new file mode 100644 index 0000000000..c43631ebcc --- /dev/null +++ b/packages/components/phone-input/svg/gf.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/gg.react.svg b/packages/components/phone-input/svg/gg.react.svg new file mode 100644 index 0000000000..b470de5fcf --- /dev/null +++ b/packages/components/phone-input/svg/gg.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/gh.react.svg b/packages/components/phone-input/svg/gh.react.svg new file mode 100644 index 0000000000..601733712f --- /dev/null +++ b/packages/components/phone-input/svg/gh.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/gi.react.svg b/packages/components/phone-input/svg/gi.react.svg new file mode 100644 index 0000000000..5a45fbd123 --- /dev/null +++ b/packages/components/phone-input/svg/gi.react.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gl.react.svg b/packages/components/phone-input/svg/gl.react.svg new file mode 100644 index 0000000000..00ccf9412a --- /dev/null +++ b/packages/components/phone-input/svg/gl.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/gm.react.svg b/packages/components/phone-input/svg/gm.react.svg new file mode 100644 index 0000000000..5e1719c4ae --- /dev/null +++ b/packages/components/phone-input/svg/gm.react.svg @@ -0,0 +1,7 @@ + +Flag of The Gambia + + + + + diff --git a/packages/components/phone-input/svg/gn.react.svg b/packages/components/phone-input/svg/gn.react.svg new file mode 100644 index 0000000000..4c2621ae2a --- /dev/null +++ b/packages/components/phone-input/svg/gn.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/gp.react.svg b/packages/components/phone-input/svg/gp.react.svg new file mode 100644 index 0000000000..57dfa8b8cf --- /dev/null +++ b/packages/components/phone-input/svg/gp.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/gq.react.svg b/packages/components/phone-input/svg/gq.react.svg new file mode 100644 index 0000000000..e2bd36fe2e --- /dev/null +++ b/packages/components/phone-input/svg/gq.react.svg @@ -0,0 +1,75 @@ + +Flag of Equatorial Guinea + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gr.react.svg b/packages/components/phone-input/svg/gr.react.svg new file mode 100644 index 0000000000..1a5f1b71c3 --- /dev/null +++ b/packages/components/phone-input/svg/gr.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/gs.react.svg b/packages/components/phone-input/svg/gs.react.svg new file mode 100644 index 0000000000..6a551ef028 --- /dev/null +++ b/packages/components/phone-input/svg/gs.react.svg @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +L + + +E + + +O + + +T + + +E + + +R + + +R + + +R + + +R + + +R + + +E + + +O + + +O + + +A + + +A + + +A + + +M + + +P + + +P + + +P + + +I + + +T + + +T + + +M + + +G + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gt.react.svg b/packages/components/phone-input/svg/gt.react.svg new file mode 100644 index 0000000000..cf475c9713 --- /dev/null +++ b/packages/components/phone-input/svg/gt.react.svg @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gu.react.svg b/packages/components/phone-input/svg/gu.react.svg new file mode 100644 index 0000000000..281b5bf617 --- /dev/null +++ b/packages/components/phone-input/svg/gu.react.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gw.react.svg b/packages/components/phone-input/svg/gw.react.svg new file mode 100644 index 0000000000..09d35f3618 --- /dev/null +++ b/packages/components/phone-input/svg/gw.react.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/gy.react.svg b/packages/components/phone-input/svg/gy.react.svg new file mode 100644 index 0000000000..16ce1ad052 --- /dev/null +++ b/packages/components/phone-input/svg/gy.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/hk.react.svg b/packages/components/phone-input/svg/hk.react.svg new file mode 100644 index 0000000000..fe8d5a89f9 --- /dev/null +++ b/packages/components/phone-input/svg/hk.react.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/hm.react.svg b/packages/components/phone-input/svg/hm.react.svg new file mode 100644 index 0000000000..ba2d1f12e4 --- /dev/null +++ b/packages/components/phone-input/svg/hm.react.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/hn.react.svg b/packages/components/phone-input/svg/hn.react.svg new file mode 100644 index 0000000000..6b0141fe90 --- /dev/null +++ b/packages/components/phone-input/svg/hn.react.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/hr.react.svg b/packages/components/phone-input/svg/hr.react.svg new file mode 100644 index 0000000000..39b2287de8 --- /dev/null +++ b/packages/components/phone-input/svg/hr.react.svg @@ -0,0 +1,240 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ht.react.svg b/packages/components/phone-input/svg/ht.react.svg new file mode 100644 index 0000000000..6529a99e4f --- /dev/null +++ b/packages/components/phone-input/svg/ht.react.svg @@ -0,0 +1,196 @@ + +Flag of Haiti + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/hu.react.svg b/packages/components/phone-input/svg/hu.react.svg new file mode 100644 index 0000000000..d6f554b2b7 --- /dev/null +++ b/packages/components/phone-input/svg/hu.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/id.react.svg b/packages/components/phone-input/svg/id.react.svg new file mode 100644 index 0000000000..bbae1a53b8 --- /dev/null +++ b/packages/components/phone-input/svg/id.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/ie.react.svg b/packages/components/phone-input/svg/ie.react.svg new file mode 100644 index 0000000000..90d63e1256 --- /dev/null +++ b/packages/components/phone-input/svg/ie.react.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/components/phone-input/svg/il.react.svg b/packages/components/phone-input/svg/il.react.svg new file mode 100644 index 0000000000..5f57898edc --- /dev/null +++ b/packages/components/phone-input/svg/il.react.svg @@ -0,0 +1,11 @@ + +Flag of Israel + + + + + + + + + diff --git a/packages/components/phone-input/svg/im.react.svg b/packages/components/phone-input/svg/im.react.svg new file mode 100644 index 0000000000..f1093e616c --- /dev/null +++ b/packages/components/phone-input/svg/im.react.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/in.react.svg b/packages/components/phone-input/svg/in.react.svg new file mode 100644 index 0000000000..f02196d8e4 --- /dev/null +++ b/packages/components/phone-input/svg/in.react.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/index.js b/packages/components/phone-input/svg/index.js new file mode 100644 index 0000000000..807efa1df3 --- /dev/null +++ b/packages/components/phone-input/svg/index.js @@ -0,0 +1,241 @@ +export { default as AF } from "./af.react.svg"; +export { default as AL } from "./al.react.svg"; +export { default as DZ } from "./dz.react.svg"; +export { default as AS } from "./as.react.svg"; +export { default as AD } from "./ad.react.svg"; +export { default as AO } from "./ao.react.svg"; +export { default as AI } from "./ai.react.svg"; +export { default as AQ } from "./aq.react.svg"; +export { default as AG } from "./ag.react.svg"; +export { default as AR } from "./ar.react.svg"; +export { default as AM } from "./am.react.svg"; +export { default as AW } from "./aw.react.svg"; +export { default as AU } from "./au.react.svg"; +export { default as AT } from "./at.react.svg"; +export { default as AZ } from "./az.react.svg"; +export { default as BS } from "./bs.react.svg"; +export { default as BH } from "./bh.react.svg"; +export { default as BD } from "./bd.react.svg"; +export { default as BB } from "./bb.react.svg"; +export { default as BY } from "./by.react.svg"; +export { default as BE } from "./be.react.svg"; +export { default as BZ } from "./bz.react.svg"; +export { default as BJ } from "./bj.react.svg"; +export { default as BM } from "./bm.react.svg"; +export { default as BT } from "./bt.react.svg"; +export { default as BO } from "./bo.react.svg"; +export { default as BA } from "./ba.react.svg"; +export { default as BW } from "./bw.react.svg"; +export { default as BR } from "./br.react.svg"; +export { default as IO } from "./io.react.svg"; +export { default as BN } from "./bn.react.svg"; +export { default as BG } from "./bg.react.svg"; +export { default as BF } from "./bf.react.svg"; +export { default as BI } from "./bi.react.svg"; +export { default as KH } from "./kh.react.svg"; +export { default as CM } from "./cm.react.svg"; +export { default as CA } from "./ca.react.svg"; +export { default as CV } from "./cv.react.svg"; +export { default as KY } from "./ky.react.svg"; +export { default as CF } from "./cf.react.svg"; +export { default as TD } from "./td.react.svg"; +export { default as CL } from "./cl.react.svg"; +export { default as CN } from "./cn.react.svg"; +export { default as CX } from "./cx.react.svg"; +export { default as CC } from "./cc.react.svg"; +export { default as CO } from "./co.react.svg"; +export { default as KM } from "./km.react.svg"; +export { default as CG } from "./cg.react.svg"; +export { default as CD } from "./cd.react.svg"; +export { default as CK } from "./ck.react.svg"; +export { default as CR } from "./cr.react.svg"; +export { default as CI } from "./ci.react.svg"; +export { default as HR } from "./hr.react.svg"; +export { default as CU } from "./cu.react.svg"; +export { default as CY } from "./cy.react.svg"; +export { default as CZ } from "./cz.react.svg"; +export { default as DK } from "./dk.react.svg"; +export { default as DJ } from "./dj.react.svg"; +export { default as DM } from "./dm.react.svg"; +export { default as DO } from "./do.react.svg"; +export { default as EC } from "./ec.react.svg"; +export { default as EG } from "./eg.react.svg"; +export { default as SV } from "./sv.react.svg"; +export { default as GQ } from "./gq.react.svg"; +export { default as ER } from "./er.react.svg"; +export { default as EE } from "./ee.react.svg"; +export { default as ET } from "./et.react.svg"; +export { default as FK } from "./fk.react.svg"; +export { default as FO } from "./fo.react.svg"; +export { default as FJ } from "./fj.react.svg"; +export { default as FI } from "./fi.react.svg"; +export { default as FR } from "./fr.react.svg"; +export { default as GF } from "./gf.react.svg"; +export { default as PF } from "./pf.react.svg"; +export { default as GA } from "./ga.react.svg"; +export { default as GM } from "./gm.react.svg"; +export { default as GE } from "./ge.react.svg"; +export { default as DE } from "./de.react.svg"; +export { default as GH } from "./gh.react.svg"; +export { default as GI } from "./gi.react.svg"; +export { default as GR } from "./gr.react.svg"; +export { default as GL } from "./gl.react.svg"; +export { default as GD } from "./gd.react.svg"; +export { default as GP } from "./gp.react.svg"; +export { default as GU } from "./gu.react.svg"; +export { default as GT } from "./gt.react.svg"; +export { default as GG } from "./gg.react.svg"; +export { default as GN } from "./gn.react.svg"; +export { default as GW } from "./gw.react.svg"; +export { default as GY } from "./gy.react.svg"; +export { default as HT } from "./ht.react.svg"; +export { default as VA } from "./va.react.svg"; +export { default as HN } from "./hn.react.svg"; +export { default as HK } from "./hk.react.svg"; +export { default as HU } from "./hu.react.svg"; +export { default as IS } from "./is.react.svg"; +export { default as IN } from "./in.react.svg"; +export { default as ID } from "./id.react.svg"; +export { default as IR } from "./ir.react.svg"; +export { default as IQ } from "./iq.react.svg"; +export { default as IE } from "./ie.react.svg"; +export { default as IM } from "./im.react.svg"; +export { default as IL } from "./il.react.svg"; +export { default as IT } from "./it.react.svg"; +export { default as JM } from "./jm.react.svg"; +export { default as JP } from "./jp.react.svg"; +export { default as JE } from "./je.react.svg"; +export { default as JO } from "./jo.react.svg"; +export { default as KZ } from "./kz.react.svg"; +export { default as KE } from "./ke.react.svg"; +export { default as KI } from "./ki.react.svg"; +export { default as KP } from "./kp.react.svg"; +export { default as KR } from "./kr.react.svg"; +export { default as KW } from "./kw.react.svg"; +export { default as KG } from "./kg.react.svg"; +export { default as LA } from "./la.react.svg"; +export { default as LV } from "./lv.react.svg"; +export { default as LB } from "./lb.react.svg"; +export { default as LS } from "./ls.react.svg"; +export { default as LR } from "./lr.react.svg"; +export { default as LY } from "./ly.react.svg"; +export { default as LI } from "./li.react.svg"; +export { default as LT } from "./lt.react.svg"; +export { default as LU } from "./lu.react.svg"; +export { default as MO } from "./mo.react.svg"; +export { default as MK } from "./mk.react.svg"; +export { default as MG } from "./mg.react.svg"; +export { default as MW } from "./mw.react.svg"; +export { default as MY } from "./my.react.svg"; +export { default as MV } from "./mv.react.svg"; +export { default as ML } from "./ml.react.svg"; +export { default as MT } from "./mt.react.svg"; +export { default as MH } from "./mh.react.svg"; +export { default as MQ } from "./mq.react.svg"; +export { default as MR } from "./mr.react.svg"; +export { default as MU } from "./mu.react.svg"; +export { default as YT } from "./yt.react.svg"; +export { default as MX } from "./mx.react.svg"; +export { default as FM } from "./fm.react.svg"; +export { default as MD } from "./md.react.svg"; +export { default as MC } from "./mc.react.svg"; +export { default as MN } from "./mn.react.svg"; +export { default as ME } from "./me.react.svg"; +export { default as MS } from "./ms.react.svg"; +export { default as MA } from "./ma.react.svg"; +export { default as MZ } from "./mz.react.svg"; +export { default as MM } from "./mm.react.svg"; +export { default as NA } from "./na.react.svg"; +export { default as NR } from "./nr.react.svg"; +export { default as NP } from "./np.react.svg"; +export { default as NL } from "./nl.react.svg"; +export { default as AN } from "./an.react.svg"; +export { default as NC } from "./nc.react.svg"; +export { default as NZ } from "./nz.react.svg"; +export { default as NI } from "./ni.react.svg"; +export { default as NE } from "./ne.react.svg"; +export { default as NG } from "./ng.react.svg"; +export { default as NU } from "./nu.react.svg"; +export { default as NF } from "./nf.react.svg"; +export { default as MP } from "./mp.react.svg"; +export { default as NO } from "./no.react.svg"; +export { default as OM } from "./om.react.svg"; +export { default as PK } from "./pk.react.svg"; +export { default as PW } from "./pw.react.svg"; +export { default as PS } from "./ps.react.svg"; +export { default as PA } from "./pa.react.svg"; +export { default as PG } from "./pg.react.svg"; +export { default as PY } from "./py.react.svg"; +export { default as PE } from "./pe.react.svg"; +export { default as PH } from "./ph.react.svg"; +export { default as PN } from "./pn.react.svg"; +export { default as PL } from "./pl.react.svg"; +export { default as PT } from "./pt.react.svg"; +export { default as PR } from "./pr.react.svg"; +export { default as QA } from "./qa.react.svg"; +export { default as RO } from "./ro.react.svg"; +export { default as RU } from "./ru.react.svg"; +export { default as RW } from "./rw.react.svg"; +export { default as RE } from "./re.react.svg"; +export { default as BL } from "./bl.react.svg"; +export { default as SH } from "./sh.react.svg"; +export { default as KN } from "./kn.react.svg"; +export { default as LC } from "./lc.react.svg"; +export { default as MF } from "./mf.react.svg"; +export { default as PM } from "./pm.react.svg"; +export { default as VC } from "./vc.react.svg"; +export { default as WS } from "./ws.react.svg"; +export { default as SM } from "./sm.react.svg"; +export { default as ST } from "./st.react.svg"; +export { default as SA } from "./sa.react.svg"; +export { default as SN } from "./sn.react.svg"; +export { default as RS } from "./rs.react.svg"; +export { default as SC } from "./sc.react.svg"; +export { default as SL } from "./sl.react.svg"; +export { default as SG } from "./sg.react.svg"; +export { default as SK } from "./sk.react.svg"; +export { default as SI } from "./si.react.svg"; +export { default as SB } from "./sb.react.svg"; +export { default as SO } from "./so.react.svg"; +export { default as ZA } from "./za.react.svg"; +export { default as GS } from "./gs.react.svg"; +export { default as ES } from "./es.react.svg"; +export { default as LK } from "./lk.react.svg"; +export { default as SD } from "./sd.react.svg"; +export { default as SR } from "./sr.react.svg"; +export { default as SJ } from "./sj.react.svg"; +export { default as SZ } from "./sz.react.svg"; +export { default as SE } from "./se.react.svg"; +export { default as CH } from "./ch.react.svg"; +export { default as SY } from "./sy.react.svg"; +export { default as TW } from "./tw.react.svg"; +export { default as TJ } from "./tj.react.svg"; +export { default as TZ } from "./tz.react.svg"; +export { default as TH } from "./th.react.svg"; +export { default as TL } from "./tl.react.svg"; +export { default as TG } from "./tg.react.svg"; +export { default as TK } from "./tk.react.svg"; +export { default as TO } from "./to.react.svg"; +export { default as TT } from "./tt.react.svg"; +export { default as TN } from "./tn.react.svg"; +export { default as TR } from "./tr.react.svg"; +export { default as TM } from "./tm.react.svg"; +export { default as TC } from "./tc.react.svg"; +export { default as TV } from "./tv.react.svg"; +export { default as UG } from "./ug.react.svg"; +export { default as UA } from "./ua.react.svg"; +export { default as AE } from "./ae.react.svg"; +export { default as GB } from "./gb.react.svg"; +export { default as US } from "./us.react.svg"; +export { default as UY } from "./uy.react.svg"; +export { default as UZ } from "./uz.react.svg"; +export { default as VU } from "./vu.react.svg"; +export { default as VE } from "./ve.react.svg"; +export { default as VN } from "./vn.react.svg"; +export { default as VG } from "./vg.react.svg"; +export { default as VI } from "./vi.react.svg"; +export { default as WF } from "./wf.react.svg"; +export { default as YE } from "./ye.react.svg"; +export { default as ZM } from "./zm.react.svg"; +export { default as ZW } from "./zw.react.svg"; +export { default as AX } from "./ax.react.svg"; \ No newline at end of file diff --git a/packages/components/phone-input/svg/io.react.svg b/packages/components/phone-input/svg/io.react.svg new file mode 100644 index 0000000000..d69749ca7e --- /dev/null +++ b/packages/components/phone-input/svg/io.react.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/iq.react.svg b/packages/components/phone-input/svg/iq.react.svg new file mode 100644 index 0000000000..c5bc104361 --- /dev/null +++ b/packages/components/phone-input/svg/iq.react.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ir.react.svg b/packages/components/phone-input/svg/ir.react.svg new file mode 100644 index 0000000000..59b51b5bea --- /dev/null +++ b/packages/components/phone-input/svg/ir.react.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/is.react.svg b/packages/components/phone-input/svg/is.react.svg new file mode 100644 index 0000000000..4cc5a40e12 --- /dev/null +++ b/packages/components/phone-input/svg/is.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/it.react.svg b/packages/components/phone-input/svg/it.react.svg new file mode 100644 index 0000000000..c5626204e1 --- /dev/null +++ b/packages/components/phone-input/svg/it.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/je.react.svg b/packages/components/phone-input/svg/je.react.svg new file mode 100644 index 0000000000..14fd389f51 --- /dev/null +++ b/packages/components/phone-input/svg/je.react.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/jm.react.svg b/packages/components/phone-input/svg/jm.react.svg new file mode 100644 index 0000000000..fde28215a9 --- /dev/null +++ b/packages/components/phone-input/svg/jm.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/jo.react.svg b/packages/components/phone-input/svg/jo.react.svg new file mode 100644 index 0000000000..fbcf46807f --- /dev/null +++ b/packages/components/phone-input/svg/jo.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/jp.react.svg b/packages/components/phone-input/svg/jp.react.svg new file mode 100644 index 0000000000..6299e73272 --- /dev/null +++ b/packages/components/phone-input/svg/jp.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/ke.react.svg b/packages/components/phone-input/svg/ke.react.svg new file mode 100644 index 0000000000..8f2468b4e5 --- /dev/null +++ b/packages/components/phone-input/svg/ke.react.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kg.react.svg b/packages/components/phone-input/svg/kg.react.svg new file mode 100644 index 0000000000..8a55ab6574 --- /dev/null +++ b/packages/components/phone-input/svg/kg.react.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kh.react.svg b/packages/components/phone-input/svg/kh.react.svg new file mode 100644 index 0000000000..3d46f6223c --- /dev/null +++ b/packages/components/phone-input/svg/kh.react.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ki.react.svg b/packages/components/phone-input/svg/ki.react.svg new file mode 100644 index 0000000000..7819be444b --- /dev/null +++ b/packages/components/phone-input/svg/ki.react.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/km.react.svg b/packages/components/phone-input/svg/km.react.svg new file mode 100644 index 0000000000..cd7a975f8c --- /dev/null +++ b/packages/components/phone-input/svg/km.react.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kn.react.svg b/packages/components/phone-input/svg/kn.react.svg new file mode 100644 index 0000000000..30af78b3ee --- /dev/null +++ b/packages/components/phone-input/svg/kn.react.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kp.react.svg b/packages/components/phone-input/svg/kp.react.svg new file mode 100644 index 0000000000..d7004824ef --- /dev/null +++ b/packages/components/phone-input/svg/kp.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kr.react.svg b/packages/components/phone-input/svg/kr.react.svg new file mode 100644 index 0000000000..d1e679be40 --- /dev/null +++ b/packages/components/phone-input/svg/kr.react.svg @@ -0,0 +1,17 @@ + +Flag of South Korea + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kw.react.svg b/packages/components/phone-input/svg/kw.react.svg new file mode 100644 index 0000000000..44065178ea --- /dev/null +++ b/packages/components/phone-input/svg/kw.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/ky.react.svg b/packages/components/phone-input/svg/ky.react.svg new file mode 100644 index 0000000000..2caa919137 --- /dev/null +++ b/packages/components/phone-input/svg/ky.react.svg @@ -0,0 +1,230 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/kz.react.svg b/packages/components/phone-input/svg/kz.react.svg new file mode 100644 index 0000000000..115aba3260 --- /dev/null +++ b/packages/components/phone-input/svg/kz.react.svg @@ -0,0 +1,37 @@ + +Flag of Kazakhstan + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/la.react.svg b/packages/components/phone-input/svg/la.react.svg new file mode 100644 index 0000000000..f602c06364 --- /dev/null +++ b/packages/components/phone-input/svg/la.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/lb.react.svg b/packages/components/phone-input/svg/lb.react.svg new file mode 100644 index 0000000000..af7e03d9b1 --- /dev/null +++ b/packages/components/phone-input/svg/lb.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/lc.react.svg b/packages/components/phone-input/svg/lc.react.svg new file mode 100644 index 0000000000..1249b767cc --- /dev/null +++ b/packages/components/phone-input/svg/lc.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/li.react.svg b/packages/components/phone-input/svg/li.react.svg new file mode 100644 index 0000000000..e7904fead6 --- /dev/null +++ b/packages/components/phone-input/svg/li.react.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/lk.react.svg b/packages/components/phone-input/svg/lk.react.svg new file mode 100644 index 0000000000..6232f8b5d3 --- /dev/null +++ b/packages/components/phone-input/svg/lk.react.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/lr.react.svg b/packages/components/phone-input/svg/lr.react.svg new file mode 100644 index 0000000000..5fbee8d9ea --- /dev/null +++ b/packages/components/phone-input/svg/lr.react.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ls.react.svg b/packages/components/phone-input/svg/ls.react.svg new file mode 100644 index 0000000000..4cb99e055c --- /dev/null +++ b/packages/components/phone-input/svg/ls.react.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/lt.react.svg b/packages/components/phone-input/svg/lt.react.svg new file mode 100644 index 0000000000..d7ca27b1a8 --- /dev/null +++ b/packages/components/phone-input/svg/lt.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/lu.react.svg b/packages/components/phone-input/svg/lu.react.svg new file mode 100644 index 0000000000..4cf04eab33 --- /dev/null +++ b/packages/components/phone-input/svg/lu.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/lv.react.svg b/packages/components/phone-input/svg/lv.react.svg new file mode 100644 index 0000000000..e03280a276 --- /dev/null +++ b/packages/components/phone-input/svg/lv.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/ly.react.svg b/packages/components/phone-input/svg/ly.react.svg new file mode 100644 index 0000000000..75db37c20f --- /dev/null +++ b/packages/components/phone-input/svg/ly.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/ma.react.svg b/packages/components/phone-input/svg/ma.react.svg new file mode 100644 index 0000000000..5be42d68b1 --- /dev/null +++ b/packages/components/phone-input/svg/ma.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/mc.react.svg b/packages/components/phone-input/svg/mc.react.svg new file mode 100644 index 0000000000..af18bb9e9b --- /dev/null +++ b/packages/components/phone-input/svg/mc.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/md.react.svg b/packages/components/phone-input/svg/md.react.svg new file mode 100644 index 0000000000..eb50de2e31 --- /dev/null +++ b/packages/components/phone-input/svg/md.react.svg @@ -0,0 +1,140 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/me.react.svg b/packages/components/phone-input/svg/me.react.svg new file mode 100644 index 0000000000..51a7d91469 --- /dev/null +++ b/packages/components/phone-input/svg/me.react.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mf.react.svg b/packages/components/phone-input/svg/mf.react.svg new file mode 100644 index 0000000000..57dfa8b8cf --- /dev/null +++ b/packages/components/phone-input/svg/mf.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/mg.react.svg b/packages/components/phone-input/svg/mg.react.svg new file mode 100644 index 0000000000..923cf2c099 --- /dev/null +++ b/packages/components/phone-input/svg/mg.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/mh.react.svg b/packages/components/phone-input/svg/mh.react.svg new file mode 100644 index 0000000000..15f9c309e1 --- /dev/null +++ b/packages/components/phone-input/svg/mh.react.svg @@ -0,0 +1,19 @@ + +Flag of the Marshall Islands + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mk.react.svg b/packages/components/phone-input/svg/mk.react.svg new file mode 100644 index 0000000000..ec57a19997 --- /dev/null +++ b/packages/components/phone-input/svg/mk.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/ml.react.svg b/packages/components/phone-input/svg/ml.react.svg new file mode 100644 index 0000000000..45f3dd25a4 --- /dev/null +++ b/packages/components/phone-input/svg/ml.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/mm.react.svg b/packages/components/phone-input/svg/mm.react.svg new file mode 100644 index 0000000000..abfdec798c --- /dev/null +++ b/packages/components/phone-input/svg/mm.react.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mn.react.svg b/packages/components/phone-input/svg/mn.react.svg new file mode 100644 index 0000000000..09d34963c0 --- /dev/null +++ b/packages/components/phone-input/svg/mn.react.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mo.react.svg b/packages/components/phone-input/svg/mo.react.svg new file mode 100644 index 0000000000..3d17d054f8 --- /dev/null +++ b/packages/components/phone-input/svg/mo.react.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mp.react.svg b/packages/components/phone-input/svg/mp.react.svg new file mode 100644 index 0000000000..7049139265 --- /dev/null +++ b/packages/components/phone-input/svg/mp.react.svg @@ -0,0 +1,240 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mq.react.svg b/packages/components/phone-input/svg/mq.react.svg new file mode 100644 index 0000000000..ce6bfd1cab --- /dev/null +++ b/packages/components/phone-input/svg/mq.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/mr.react.svg b/packages/components/phone-input/svg/mr.react.svg new file mode 100644 index 0000000000..2ad6e887af --- /dev/null +++ b/packages/components/phone-input/svg/mr.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/ms.react.svg b/packages/components/phone-input/svg/ms.react.svg new file mode 100644 index 0000000000..36f7e4ff3a --- /dev/null +++ b/packages/components/phone-input/svg/ms.react.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mt.react.svg b/packages/components/phone-input/svg/mt.react.svg new file mode 100644 index 0000000000..dc5b5416b7 --- /dev/null +++ b/packages/components/phone-input/svg/mt.react.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mu.react.svg b/packages/components/phone-input/svg/mu.react.svg new file mode 100644 index 0000000000..b75c6cdde1 --- /dev/null +++ b/packages/components/phone-input/svg/mu.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/mv.react.svg b/packages/components/phone-input/svg/mv.react.svg new file mode 100644 index 0000000000..dfa6d50f30 --- /dev/null +++ b/packages/components/phone-input/svg/mv.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/mw.react.svg b/packages/components/phone-input/svg/mw.react.svg new file mode 100644 index 0000000000..4a13318eb5 --- /dev/null +++ b/packages/components/phone-input/svg/mw.react.svg @@ -0,0 +1,24 @@ + +Flag of Malawi + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mx.react.svg b/packages/components/phone-input/svg/mx.react.svg new file mode 100644 index 0000000000..41f9622c9c --- /dev/null +++ b/packages/components/phone-input/svg/mx.react.svg @@ -0,0 +1,423 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/my.react.svg b/packages/components/phone-input/svg/my.react.svg new file mode 100644 index 0000000000..6dcf052245 --- /dev/null +++ b/packages/components/phone-input/svg/my.react.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/mz.react.svg b/packages/components/phone-input/svg/mz.react.svg new file mode 100644 index 0000000000..ee2f077efc --- /dev/null +++ b/packages/components/phone-input/svg/mz.react.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/na.react.svg b/packages/components/phone-input/svg/na.react.svg new file mode 100644 index 0000000000..634caf4530 --- /dev/null +++ b/packages/components/phone-input/svg/na.react.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/nc.react.svg b/packages/components/phone-input/svg/nc.react.svg new file mode 100644 index 0000000000..ab3083660c --- /dev/null +++ b/packages/components/phone-input/svg/nc.react.svg @@ -0,0 +1,18 @@ + +Flag of New Caledonia + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ne.react.svg b/packages/components/phone-input/svg/ne.react.svg new file mode 100644 index 0000000000..afe9445c95 --- /dev/null +++ b/packages/components/phone-input/svg/ne.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/nf.react.svg b/packages/components/phone-input/svg/nf.react.svg new file mode 100644 index 0000000000..5187f9186d --- /dev/null +++ b/packages/components/phone-input/svg/nf.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ng.react.svg b/packages/components/phone-input/svg/ng.react.svg new file mode 100644 index 0000000000..87b44f380b --- /dev/null +++ b/packages/components/phone-input/svg/ng.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/ni.react.svg b/packages/components/phone-input/svg/ni.react.svg new file mode 100644 index 0000000000..5cc4a59bb5 --- /dev/null +++ b/packages/components/phone-input/svg/ni.react.svg @@ -0,0 +1,161 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/nl.react.svg b/packages/components/phone-input/svg/nl.react.svg new file mode 100644 index 0000000000..baed36899a --- /dev/null +++ b/packages/components/phone-input/svg/nl.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/no.react.svg b/packages/components/phone-input/svg/no.react.svg new file mode 100644 index 0000000000..4765e85e33 --- /dev/null +++ b/packages/components/phone-input/svg/no.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/np.react.svg b/packages/components/phone-input/svg/np.react.svg new file mode 100644 index 0000000000..839dd2a523 --- /dev/null +++ b/packages/components/phone-input/svg/np.react.svg @@ -0,0 +1,33 @@ + +Flag of Nepal +Coding according to the official construction in "Constitution of the Kingdom of Nepal, Article 5, Shedule 1", adopted in November 1990 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/nr.react.svg b/packages/components/phone-input/svg/nr.react.svg new file mode 100644 index 0000000000..6642682b32 --- /dev/null +++ b/packages/components/phone-input/svg/nr.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/nu.react.svg b/packages/components/phone-input/svg/nu.react.svg new file mode 100644 index 0000000000..e4587a023e --- /dev/null +++ b/packages/components/phone-input/svg/nu.react.svg @@ -0,0 +1,24 @@ + + + + +Flag of Niue + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/nz.react.svg b/packages/components/phone-input/svg/nz.react.svg new file mode 100644 index 0000000000..fc905132d5 --- /dev/null +++ b/packages/components/phone-input/svg/nz.react.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/om.react.svg b/packages/components/phone-input/svg/om.react.svg new file mode 100644 index 0000000000..5a04dd7054 --- /dev/null +++ b/packages/components/phone-input/svg/om.react.svg @@ -0,0 +1,226 @@ + +Flag of Oman + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pa.react.svg b/packages/components/phone-input/svg/pa.react.svg new file mode 100644 index 0000000000..763c93c86c --- /dev/null +++ b/packages/components/phone-input/svg/pa.react.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pe.react.svg b/packages/components/phone-input/svg/pe.react.svg new file mode 100644 index 0000000000..53c47439dd --- /dev/null +++ b/packages/components/phone-input/svg/pe.react.svg @@ -0,0 +1,320 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pf.react.svg b/packages/components/phone-input/svg/pf.react.svg new file mode 100644 index 0000000000..7f165e6295 --- /dev/null +++ b/packages/components/phone-input/svg/pf.react.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pg.react.svg b/packages/components/phone-input/svg/pg.react.svg new file mode 100644 index 0000000000..01f8a9dce9 --- /dev/null +++ b/packages/components/phone-input/svg/pg.react.svg @@ -0,0 +1,13 @@ + +Flag of Papua New Guinea + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ph.react.svg b/packages/components/phone-input/svg/ph.react.svg new file mode 100644 index 0000000000..4af1b78aa6 --- /dev/null +++ b/packages/components/phone-input/svg/ph.react.svg @@ -0,0 +1,30 @@ + +Flag of the Philippines +Coding according to the official "description and specification of the FILIPINO flag" in Executive Order No. 23 from 1936 + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pk.react.svg b/packages/components/phone-input/svg/pk.react.svg new file mode 100644 index 0000000000..da1fbb7c4c --- /dev/null +++ b/packages/components/phone-input/svg/pk.react.svg @@ -0,0 +1,8 @@ + +Flag of Pakistan + + + + + + diff --git a/packages/components/phone-input/svg/pl.react.svg b/packages/components/phone-input/svg/pl.react.svg new file mode 100644 index 0000000000..e772a2e577 --- /dev/null +++ b/packages/components/phone-input/svg/pl.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/pm.react.svg b/packages/components/phone-input/svg/pm.react.svg new file mode 100644 index 0000000000..57dfa8b8cf --- /dev/null +++ b/packages/components/phone-input/svg/pm.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/pn.react.svg b/packages/components/phone-input/svg/pn.react.svg new file mode 100644 index 0000000000..720ea86771 --- /dev/null +++ b/packages/components/phone-input/svg/pn.react.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pr.react.svg b/packages/components/phone-input/svg/pr.react.svg new file mode 100644 index 0000000000..2596e4cafa --- /dev/null +++ b/packages/components/phone-input/svg/pr.react.svg @@ -0,0 +1,16 @@ + + + + +the star is in the center of gravity of the triangle, so the x-pos is irrational (tan(30 deg) * 15) + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ps.react.svg b/packages/components/phone-input/svg/ps.react.svg new file mode 100644 index 0000000000..5a1bf1d70a --- /dev/null +++ b/packages/components/phone-input/svg/ps.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/pt.react.svg b/packages/components/phone-input/svg/pt.react.svg new file mode 100644 index 0000000000..c3e79d1129 --- /dev/null +++ b/packages/components/phone-input/svg/pt.react.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/pw.react.svg b/packages/components/phone-input/svg/pw.react.svg new file mode 100644 index 0000000000..5244bc10d7 --- /dev/null +++ b/packages/components/phone-input/svg/pw.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/py.react.svg b/packages/components/phone-input/svg/py.react.svg new file mode 100644 index 0000000000..f3c1f20fee --- /dev/null +++ b/packages/components/phone-input/svg/py.react.svg @@ -0,0 +1,193 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/qa.react.svg b/packages/components/phone-input/svg/qa.react.svg new file mode 100644 index 0000000000..012c6c75e9 --- /dev/null +++ b/packages/components/phone-input/svg/qa.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/re.react.svg b/packages/components/phone-input/svg/re.react.svg new file mode 100644 index 0000000000..57dfa8b8cf --- /dev/null +++ b/packages/components/phone-input/svg/re.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/ro.react.svg b/packages/components/phone-input/svg/ro.react.svg new file mode 100644 index 0000000000..9ff9d9baff --- /dev/null +++ b/packages/components/phone-input/svg/ro.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/rs.react.svg b/packages/components/phone-input/svg/rs.react.svg new file mode 100644 index 0000000000..63ee89770d --- /dev/null +++ b/packages/components/phone-input/svg/rs.react.svg @@ -0,0 +1,294 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ru.react.svg b/packages/components/phone-input/svg/ru.react.svg new file mode 100644 index 0000000000..d5533ed909 --- /dev/null +++ b/packages/components/phone-input/svg/ru.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/rw.react.svg b/packages/components/phone-input/svg/rw.react.svg new file mode 100644 index 0000000000..7d2ec0c36c --- /dev/null +++ b/packages/components/phone-input/svg/rw.react.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sa.react.svg b/packages/components/phone-input/svg/sa.react.svg new file mode 100644 index 0000000000..3b54fe164b --- /dev/null +++ b/packages/components/phone-input/svg/sa.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/sb.react.svg b/packages/components/phone-input/svg/sb.react.svg new file mode 100644 index 0000000000..50a4b03601 --- /dev/null +++ b/packages/components/phone-input/svg/sb.react.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sc.react.svg b/packages/components/phone-input/svg/sc.react.svg new file mode 100644 index 0000000000..bbc2fc1f8d --- /dev/null +++ b/packages/components/phone-input/svg/sc.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/sd.react.svg b/packages/components/phone-input/svg/sd.react.svg new file mode 100644 index 0000000000..a7193e760b --- /dev/null +++ b/packages/components/phone-input/svg/sd.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/se.react.svg b/packages/components/phone-input/svg/se.react.svg new file mode 100644 index 0000000000..9223d14cbc --- /dev/null +++ b/packages/components/phone-input/svg/se.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/sg.react.svg b/packages/components/phone-input/svg/sg.react.svg new file mode 100644 index 0000000000..d5c6e04c5c --- /dev/null +++ b/packages/components/phone-input/svg/sg.react.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sh.react.svg b/packages/components/phone-input/svg/sh.react.svg new file mode 100644 index 0000000000..0244112d1f --- /dev/null +++ b/packages/components/phone-input/svg/sh.react.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/components/phone-input/svg/si.react.svg b/packages/components/phone-input/svg/si.react.svg new file mode 100644 index 0000000000..682df30c96 --- /dev/null +++ b/packages/components/phone-input/svg/si.react.svg @@ -0,0 +1,22 @@ + +Flag of Slovenia + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sj.react.svg b/packages/components/phone-input/svg/sj.react.svg new file mode 100644 index 0000000000..4765e85e33 --- /dev/null +++ b/packages/components/phone-input/svg/sj.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/sk.react.svg b/packages/components/phone-input/svg/sk.react.svg new file mode 100644 index 0000000000..29b3045808 --- /dev/null +++ b/packages/components/phone-input/svg/sk.react.svg @@ -0,0 +1,12 @@ + +Flag of Slovakia + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sl.react.svg b/packages/components/phone-input/svg/sl.react.svg new file mode 100644 index 0000000000..5d77ef3898 --- /dev/null +++ b/packages/components/phone-input/svg/sl.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/sm.react.svg b/packages/components/phone-input/svg/sm.react.svg new file mode 100644 index 0000000000..7067ec392d --- /dev/null +++ b/packages/components/phone-input/svg/sm.react.svg @@ -0,0 +1,321 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sn.react.svg b/packages/components/phone-input/svg/sn.react.svg new file mode 100644 index 0000000000..ab78e55e33 --- /dev/null +++ b/packages/components/phone-input/svg/sn.react.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/so.react.svg b/packages/components/phone-input/svg/so.react.svg new file mode 100644 index 0000000000..bb3e1fc5cf --- /dev/null +++ b/packages/components/phone-input/svg/so.react.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sr.react.svg b/packages/components/phone-input/svg/sr.react.svg new file mode 100644 index 0000000000..b14c147c59 --- /dev/null +++ b/packages/components/phone-input/svg/sr.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/ss.react.svg b/packages/components/phone-input/svg/ss.react.svg new file mode 100644 index 0000000000..7fc3a66e01 --- /dev/null +++ b/packages/components/phone-input/svg/ss.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/st.react.svg b/packages/components/phone-input/svg/st.react.svg new file mode 100644 index 0000000000..6b5d1bd9a6 --- /dev/null +++ b/packages/components/phone-input/svg/st.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sv.react.svg b/packages/components/phone-input/svg/sv.react.svg new file mode 100644 index 0000000000..f0b2204672 --- /dev/null +++ b/packages/components/phone-input/svg/sv.react.svg @@ -0,0 +1,646 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sx.react.svg b/packages/components/phone-input/svg/sx.react.svg new file mode 100644 index 0000000000..b4d216d721 --- /dev/null +++ b/packages/components/phone-input/svg/sx.react.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sy.react.svg b/packages/components/phone-input/svg/sy.react.svg new file mode 100644 index 0000000000..a0f860c8f8 --- /dev/null +++ b/packages/components/phone-input/svg/sy.react.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/sz.react.svg b/packages/components/phone-input/svg/sz.react.svg new file mode 100644 index 0000000000..340f7c233c --- /dev/null +++ b/packages/components/phone-input/svg/sz.react.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tc.react.svg b/packages/components/phone-input/svg/tc.react.svg new file mode 100644 index 0000000000..f232ad120a --- /dev/null +++ b/packages/components/phone-input/svg/tc.react.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/td.react.svg b/packages/components/phone-input/svg/td.react.svg new file mode 100644 index 0000000000..8ff0a504aa --- /dev/null +++ b/packages/components/phone-input/svg/td.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/tf.react.svg b/packages/components/phone-input/svg/tf.react.svg new file mode 100644 index 0000000000..52a216dd16 --- /dev/null +++ b/packages/components/phone-input/svg/tf.react.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tg.react.svg b/packages/components/phone-input/svg/tg.react.svg new file mode 100644 index 0000000000..970388f165 --- /dev/null +++ b/packages/components/phone-input/svg/tg.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/th.react.svg b/packages/components/phone-input/svg/th.react.svg new file mode 100644 index 0000000000..41a00aa3ad --- /dev/null +++ b/packages/components/phone-input/svg/th.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/tj.react.svg b/packages/components/phone-input/svg/tj.react.svg new file mode 100644 index 0000000000..4ee36f1ce4 --- /dev/null +++ b/packages/components/phone-input/svg/tj.react.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tk.react.svg b/packages/components/phone-input/svg/tk.react.svg new file mode 100644 index 0000000000..09edba7839 --- /dev/null +++ b/packages/components/phone-input/svg/tk.react.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tl.react.svg b/packages/components/phone-input/svg/tl.react.svg new file mode 100644 index 0000000000..80833e69c5 --- /dev/null +++ b/packages/components/phone-input/svg/tl.react.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tm.react.svg b/packages/components/phone-input/svg/tm.react.svg new file mode 100644 index 0000000000..6daba319c9 --- /dev/null +++ b/packages/components/phone-input/svg/tm.react.svg @@ -0,0 +1,179 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tn.react.svg b/packages/components/phone-input/svg/tn.react.svg new file mode 100644 index 0000000000..a86d3d4eeb --- /dev/null +++ b/packages/components/phone-input/svg/tn.react.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/components/phone-input/svg/to.react.svg b/packages/components/phone-input/svg/to.react.svg new file mode 100644 index 0000000000..8ebb3cf14f --- /dev/null +++ b/packages/components/phone-input/svg/to.react.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/components/phone-input/svg/tr.react.svg b/packages/components/phone-input/svg/tr.react.svg new file mode 100644 index 0000000000..7f558561a7 --- /dev/null +++ b/packages/components/phone-input/svg/tr.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/tt.react.svg b/packages/components/phone-input/svg/tt.react.svg new file mode 100644 index 0000000000..b11e506b9a --- /dev/null +++ b/packages/components/phone-input/svg/tt.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/tv.react.svg b/packages/components/phone-input/svg/tv.react.svg new file mode 100644 index 0000000000..7bcd0acc1e --- /dev/null +++ b/packages/components/phone-input/svg/tv.react.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/tw.react.svg b/packages/components/phone-input/svg/tw.react.svg new file mode 100644 index 0000000000..717e6b6858 --- /dev/null +++ b/packages/components/phone-input/svg/tw.react.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/components/phone-input/svg/tz.react.svg b/packages/components/phone-input/svg/tz.react.svg new file mode 100644 index 0000000000..2fedda930c --- /dev/null +++ b/packages/components/phone-input/svg/tz.react.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/components/phone-input/svg/ua.react.svg b/packages/components/phone-input/svg/ua.react.svg new file mode 100644 index 0000000000..eb71f26455 --- /dev/null +++ b/packages/components/phone-input/svg/ua.react.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/components/phone-input/svg/ug.react.svg b/packages/components/phone-input/svg/ug.react.svg new file mode 100644 index 0000000000..c3278eb47d --- /dev/null +++ b/packages/components/phone-input/svg/ug.react.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/um.react.svg b/packages/components/phone-input/svg/um.react.svg new file mode 100644 index 0000000000..fdf187475c --- /dev/null +++ b/packages/components/phone-input/svg/um.react.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/us.react.svg b/packages/components/phone-input/svg/us.react.svg new file mode 100644 index 0000000000..fdf187475c --- /dev/null +++ b/packages/components/phone-input/svg/us.react.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/uy.react.svg b/packages/components/phone-input/svg/uy.react.svg new file mode 100644 index 0000000000..f9cd7ff657 --- /dev/null +++ b/packages/components/phone-input/svg/uy.react.svg @@ -0,0 +1,36 @@ + +Flag of Uruguay + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/uz.react.svg b/packages/components/phone-input/svg/uz.react.svg new file mode 100644 index 0000000000..ff4626a36b --- /dev/null +++ b/packages/components/phone-input/svg/uz.react.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/va.react.svg b/packages/components/phone-input/svg/va.react.svg new file mode 100644 index 0000000000..f252b3986f --- /dev/null +++ b/packages/components/phone-input/svg/va.react.svg @@ -0,0 +1,205 @@ + +Flag of Vatican City + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/vc.react.svg b/packages/components/phone-input/svg/vc.react.svg new file mode 100644 index 0000000000..4ad151c057 --- /dev/null +++ b/packages/components/phone-input/svg/vc.react.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ve.react.svg b/packages/components/phone-input/svg/ve.react.svg new file mode 100644 index 0000000000..0654d6b512 --- /dev/null +++ b/packages/components/phone-input/svg/ve.react.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/vg.react.svg b/packages/components/phone-input/svg/vg.react.svg new file mode 100644 index 0000000000..86b89f3d6c --- /dev/null +++ b/packages/components/phone-input/svg/vg.react.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/vi.react.svg b/packages/components/phone-input/svg/vi.react.svg new file mode 100644 index 0000000000..22bdd070ce --- /dev/null +++ b/packages/components/phone-input/svg/vi.react.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/vn.react.svg b/packages/components/phone-input/svg/vn.react.svg new file mode 100644 index 0000000000..3452e680e5 --- /dev/null +++ b/packages/components/phone-input/svg/vn.react.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/vu.react.svg b/packages/components/phone-input/svg/vu.react.svg new file mode 100644 index 0000000000..52f7123f37 --- /dev/null +++ b/packages/components/phone-input/svg/vu.react.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/wf.react.svg b/packages/components/phone-input/svg/wf.react.svg new file mode 100644 index 0000000000..1cf4072d35 --- /dev/null +++ b/packages/components/phone-input/svg/wf.react.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/components/phone-input/svg/ws.react.svg b/packages/components/phone-input/svg/ws.react.svg new file mode 100644 index 0000000000..a6edeee0f6 --- /dev/null +++ b/packages/components/phone-input/svg/ws.react.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/xk.react.svg b/packages/components/phone-input/svg/xk.react.svg new file mode 100644 index 0000000000..89e458151e --- /dev/null +++ b/packages/components/phone-input/svg/xk.react.svg @@ -0,0 +1,14 @@ + +Flag of Kosovo + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/ye.react.svg b/packages/components/phone-input/svg/ye.react.svg new file mode 100644 index 0000000000..07124edaf2 --- /dev/null +++ b/packages/components/phone-input/svg/ye.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/yt.react.svg b/packages/components/phone-input/svg/yt.react.svg new file mode 100644 index 0000000000..57dfa8b8cf --- /dev/null +++ b/packages/components/phone-input/svg/yt.react.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/components/phone-input/svg/za.react.svg b/packages/components/phone-input/svg/za.react.svg new file mode 100644 index 0000000000..ba4d936ecf --- /dev/null +++ b/packages/components/phone-input/svg/za.react.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/zm.react.svg b/packages/components/phone-input/svg/zm.react.svg new file mode 100644 index 0000000000..3209ee87ed --- /dev/null +++ b/packages/components/phone-input/svg/zm.react.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/components/phone-input/svg/zw.react.svg b/packages/components/phone-input/svg/zw.react.svg new file mode 100644 index 0000000000..4aae6d432d --- /dev/null +++ b/packages/components/phone-input/svg/zw.react.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +