@alfalab/core-components-intl-phone-input 9.2.17 → 9.2.19

package/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
@@ -24,7 +26,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_hpj3i","l":"intl-phone-input__l_hpj3i","xl":"intl-phone-input__xl_hpj3i","flagIconWrapper":"intl-phone-input__flagIconWrapper_hpj3i","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_hpj3i"};
+var styles = {"addons":"intl-phone-input__addons_7c3r9","l":"intl-phone-input__l_7c3r9","xl":"intl-phone-input__xl_7c3r9","flagIconWrapper":"intl-phone-input__flagIconWrapper_7c3r9","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_7c3r9"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
@@ -101,6 +103,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         });
         return targetCountry;
     };
+    var changePhone = function (phone, iso2) {
+        var newValue = formatPhone(phone, iso2);
+        if (newValue !== value) {
+            onChange(newValue);
+        }
+    };
     var addCountryCode = function (inputValue) {
         if (clearableCountryCode || !countryIso2) {
             return inputValue.length === 1 && inputValue !== '+'
@@ -112,7 +120,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var setCountryByDialCode = function (inputValue) {
         var country = getCountryByNumber(inputValue);
-        onChange(formatPhone(addCountryCode(inputValue)));
+        changePhone(addCountryCode(inputValue));
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -132,7 +140,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var handleInputChange = function (event) {
         setCountryByDialCodeWithLengthCheck(event.target.value);
-        onChange(formatPhone(addCountryCode(event.target.value)));
+        changePhone(addCountryCode(event.target.value));
     };
     var handleSelectChange = function (_a) {
         var selected = _a.selected;
@@ -151,7 +159,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (!selected)
             return;
         setCountryByDialCodeWithLengthCheck(selected.key);
-        onChange(formatPhone(selected.key));
+        changePhone(selected.key);
     };
     var country = countryIso2 && countriesHash[countryIso2];
     var countryCodeLength = country ? "+".concat(country.dialCode).length : 0;
@@ -198,25 +206,27 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
-    var handleDeleteChar = function (event, caretPosition) {
+    var handleDeleteChar = function (event) {
         var input = event.target;
-        if (!clearableCountryCode && caretPosition <= countryCodeLength)
+        var selectionStart = input.selectionStart || 0;
+        var selectionEnd = input.selectionEnd || 0;
+        if (!clearableCountryCode && selectionEnd <= countryCodeLength)
             return;
         var currentValue = input.value;
         var isMaskSymbol = function (count) {
-            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - count));
+            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(selectionEnd - 1 - count));
             var isPossibleToRemove = clearableCountryCode
-                ? caretPosition - count > 0
-                : caretPosition - count > countryCodeLength;
+                ? selectionEnd - count > 0
+                : selectionEnd - count > countryCodeLength;
             return isMask && isPossibleToRemove;
         };
-        var deletedCharsCount = 1;
+        var deletedCharsCount = Math.max(1, selectionEnd - selectionStart);
         // Высчитываем кол-во символов, которые нужно удалить.
         while (isMaskSymbol(deletedCharsCount)) {
             deletedCharsCount += 1;
         }
-        var phonePart = currentValue.slice(0, caretPosition - deletedCharsCount);
-        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(caretPosition)));
+        var phonePart = currentValue.slice(0, selectionEnd - deletedCharsCount);
+        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(selectionEnd)));
         var phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
         setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
@@ -225,12 +235,20 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var handleKeyDown = function (event) {
         var input = event.target;
         var caretPosition = input.selectionStart || 0;
+        var disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё,. ]/;
+        var withoutCombo = !event.altKey && !event.metaKey && !event.ctrlKey;
+        // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш
+        if (withoutCombo && event.key.length === 1 && disallowedSymbols.test(event.key)) {
+            event.preventDefault();
+            return;
+        }
         // Нажат только Backspace, не сочетание клавиш с ним.
-        if (!event.shiftKey && !event.ctrlKey && !event.metaKey && event.key === 'Backspace') {
+        if (!event.shiftKey && withoutCombo && event.key === 'Backspace') {
             if (!caretPosition)
                 return;
             event.preventDefault();
-            handleDeleteChar(event, caretPosition);
+            handleDeleteChar(event);
+            return;
         }
         if (event.key.length === 1 && /[0-9+]/.test(event.key)) {
             event.preventDefault();
@@ -263,7 +281,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
         if (resultNumber) {
             setCountryIso2(targetCountry ? targetCountry.iso2 : undefined);
-            onChange(formatPhone(addCountryCode(resultNumber)));
+            changePhone(addCountryCode(resultNumber));
         }
     };
     React.useEffect(function () {
@@ -276,11 +294,11 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-8ac34021.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-8c97fb7b.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {
-                onChange(formatPhone(value));
+                changePhone(value);
             }
             else {
                 setCountryByDialCode(value);
@@ -302,7 +320,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                 setCountryIso2(undefined);
                 handleCountryChange(undefined);
             }
-            onChange(formatPhone(value, newCountry === null || newCountry === void 0 ? void 0 : newCountry.iso2));
+            changePhone(value, newCountry === null || newCountry === void 0 ? void 0 : newCountry.iso2);
         }
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);

package/components/flag-icon/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var cn = require('classnames');
 var components_flagIcon_flagSprite = require('./flagSprite.js');
@@ -9,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_tk131","flagPlaceholder":"intl-phone-input__flagPlaceholder_tk131"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1ky0o","flagPlaceholder":"intl-phone-input__flagPlaceholder_1ky0o"};
 require('./index.css')
 
 /**

package/components/flag-icon/flagSprite.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var flagSprite = {
     'ge-ab': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><g clip-path="url(#a)"><path fill="#F5F5F5" d="M24 6.4H0v2.2h24V6.4Z"/><path fill="#73AF00" d="M24 8.6H0V11h24V8.6Z"/><path fill="#F5F5F5" d="M24 10.9H0V13h24V11Z"/><path fill="#73AF00" d="M24 13.1H0v2.3h24V13Z"/><path fill="#F5F5F5" d="M24 15.4H0v2.2h24v-2.2Z"/><path fill="#73AF00" d="M22.2 4.1H1.8C.8 4.1 0 5 0 6v.5h24v-.5c0-1-.8-1.8-1.8-1.8ZM24 17.6H0v.5c0 1 .8 1.7 1.7 1.8h20.6c1 0 1.7-.9 1.7-1.8v-.5Z"/><path fill="#FF4B55" d="M0 6v4.5c0 .2.2.4.4.4h11.2c.2 0 .4-.2.4-.4v-6c0-.2-.2-.3-.4-.4H1.8C.8 4.1 0 5 0 6Z"/><path fill="#F5F5F5" d="M6.4 10.3H5.6l-.3-.6V7.3a.1.1 0 0 1 .2 0V8h.1V6.8a.1.1 0 0 1 .3 0V8L6 6.7a.1.1 0 0 1 .2 0V8h.2V7a.1.1 0 0 1 .2 0v1.2l.3.6c0-.2.2-.5.4-.6h.1v.2a1 1 0 0 0-.2.7v.1l-.6.7v.3l-.2.1ZM6 4.7l.1.3h.4l-.3.3.1.3-.3-.2-.3.2v-.3L5.6 5H6v-.4H6ZM4.4 5.2l.1.3H5l-.3.3.1.3-.3-.2-.3.2v-.3L4 5.6v-.1h.4v-.3h.1ZM7.7 5.2l.1.3h.3l-.2.3V6L7.7 6l-.3.2v-.3l-.2-.2v-.1h.3l.1-.3ZM8.8 6.4v.3h.4L9 7v.3l-.3-.2-.2.2V7l-.3-.2h.4l.1-.4ZM3.2 6.4l.1.3h.4l-.3.3.1.3-.3-.2-.3.2L3 7l-.3-.2h.4v-.4h.1ZM9 8l.2.3h.3v.1l-.2.2v.3l-.2-.1-.3.2v-.4l-.2-.2h.3L9 8ZM2.8 8l.1.3h.4v.1l-.3.2.1.3-.3-.1-.3.2v-.4l-.2-.2h.4V8h.1Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0V0Z"/></clipPath></defs></svg>',
     af: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><path fill="#464655" d="M1.8 19.9H8V4H1.8C.8 4.1 0 5 0 6v12.2c0 1 .8 1.8 1.8 1.8Z"/><path fill="#FF4B55" d="M16 4.1H8V20h8V4Z"/><path fill="#73AF00" d="M22.2 19.9c1 0 1.8-.8 1.8-1.8V5.9c0-1-.8-1.8-1.8-1.8H16V20h6.2Z"/><path fill="#F5F5F5" d="M11.4 11.6H11v.1h.4ZM13 12.8h-2v-.2h2v.2ZM13 10.9h-2v.2h2V11Z"/><path fill="#F5F5F5" d="M12.6 11h-1.2l.2-.2h.8l.2.2ZM11.4 12.2H11v.3h.4v-.3ZM11.4 11.9H11v.2h.4v-.2ZM11.4 11.3H11v.2h.4v-.2ZM13 12.2h-.4v.3h.4v-.3ZM13 11.9h-.4v.2h.4v-.2ZM13 11.3h-.4v.2h.4v-.2ZM13 11.6h-.4v.1h.4ZM11.4 10.3h-.2v.5h.2v-.5ZM11.4 10.2h-.2V10a.1.1 0 0 1 .2 0ZM12.8 10.3h-.2v.5h.2v-.5ZM12.8 10.2h-.2V10a.1.1 0 0 1 .2 0ZM12 11.3c-.3 0-.5.2-.5.4v.8h1v-.8c0-.2-.2-.4-.5-.4Z"/><path fill="#F5F5F5" d="m11.2 12-.6-.8a.1.1 0 1 0-.2.1l.1.1-.3.8.4.3.3-.7.2.3h.1Zm-.6.3-.3-.3.2-.3.3.3-.2.3ZM12.9 12l.2-.2.3.7.4-.3-.3-.8a.1.1 0 1 0 0-.2l-.7.8Zm.4 0 .2-.3.2.3-.3.3-.1-.3ZM12.1 10h-.2a.5.5 0 0 0-.4.7h1v-.2c0-.2-.2-.4-.4-.4ZM9.3 11.8a2.8 2.8 0 0 1 0-.6 2.6 2.6 0 0 0 0 .7h.3a2.4 2.4 0 0 1 0-.5l.2.6s.4-.6-.3-1.2v.2h-.4a3 3 0 0 0-.1.8h.3Z"/><path fill="#F5F5F5" d="M10.3 9.4a.1.1 0 1 0-.1-.2c-.6.5-1 1-1.1 1.7h.2c.2-.6.5-1.1 1-1.5Z"/><path fill="#F5F5F5" d="M10.2 9.7c-.3.3-.5.6-.6 1h.1l.6-.8a.1.1 0 0 0-.1-.2ZM9.7 13.2l-.4-.9h.2c0 .4.2.6.4.9h.2l-.3-.7h.1l.4.6h.2a2 2 0 0 1-.2-.4l-.2-.4-.2-.2h-.4l-.1-.1h-.1l-.3-.1H9v.2l.2.1c0 .4.2.7.4 1h.2ZM14.5 11v-.2c-.7.6-.3 1.2-.3 1.2 0-.2 0-.4.2-.6a2.1 2.1 0 0 1 0 .6l.2-.1a2.7 2.7 0 0 0 0-.7h.1a2.8 2.8 0 0 1 0 .6h.3a3 3 0 0 0 0-.7h-.5ZM14.7 10.9h.2a3 3 0 0 0-1-1.7.1.1 0 0 0-.2.2c.5.4.8 1 1 1.5ZM14.4 10.6l-.6-.9a.1.1 0 1 0-.1.2l.6.9.1-.2ZM15 11.9h-.3v.1h-.2l-.4.1-.2.2-.2.4-.2.3h.2c.2 0 .3-.3.4-.4l.1-.1-.3.6h.2l.4-.7h.2l-.4.8h.2c.2-.3.4-.6.4-1l.1-.1.1-.2H15ZM13.3 13.2a2 2 0 0 1-2.5 0h-.2l-1.2.2.2.2.3.1.7.6v.1a3 3 0 0 0 2.9 0l-.1-.1.7-.6h.3l.2-.3-1.2-.2h-.1Zm-2.6.9-.6-.5h.2l.5.4Zm3.2-.5-.6.5V14l.4-.4h.2ZM12 14c-.6 0-1.1-.2-1.5-.5h.1a2.3 2.3 0 0 0 2.8 0h.1c-.4.3-1 .5-1.5.5Z"/><path fill="#F5F5F5" d="m10.7 13 .1.2h2.4l.1-.2h-2.6Z"/></svg>',

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 19sfu */
+/* hash: 1aaeh */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_tk131 {
+} .intl-phone-input__flagIcon_1ky0o {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_tk131 {
+} .intl-phone-input__flagPlaceholder_1ky0o {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/flag-icon/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_flagIcon_component = require('./component.js');
 require('react');
 require('classnames');

package/components/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_selectField_component = require('./select-field/component.js');
 var components_flagIcon_component = require('./flag-icon/component.js');
 var components_select_component = require('./select/component.js');

package/components/select/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select');
@@ -15,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_92tos","option":"intl-phone-input__option_92tos","flag":"intl-phone-input__flag_92tos","countryName":"intl-phone-input__countryName_92tos","dialCode":"intl-phone-input__dialCode_92tos"};
+var styles = {"component":"intl-phone-input__component_zuiro","option":"intl-phone-input__option_zuiro","flag":"intl-phone-input__flag_zuiro","countryName":"intl-phone-input__countryName_zuiro","dialCode":"intl-phone-input__dialCode_zuiro"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/components/select/index.css

@@ -1,7 +1,7 @@
-/* hash: jp03b */
+/* hash: 1efjp */
 :root {
 } /* deprecated */ :root {
-    --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_92tos {
+} .intl-phone-input__component_zuiro {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_92tos {
+} .intl-phone-input__option_zuiro {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_92tos {
+} .intl-phone-input__flag_zuiro {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_92tos {
+} .intl-phone-input__countryName_zuiro {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_92tos {
+} .intl-phone-input__dialCode_zuiro {
     color: var(--text-secondary-color);
 }

package/components/select/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_select_component = require('./component.js');
 require('tslib');
 require('react');

package/components/select-field/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
@@ -16,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"component":"intl-phone-input__component_1yh8w","flagIconContainer":"intl-phone-input__flagIconContainer_1yh8w","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1yh8w","disabled":"intl-phone-input__disabled_1yh8w","inner":"intl-phone-input__inner_1yh8w","l":"intl-phone-input__l_1yh8w","xl":"intl-phone-input__xl_1yh8w","focusVisible":"intl-phone-input__focusVisible_1yh8w"};
+var styles = {"component":"intl-phone-input__component_1k38f","flagIconContainer":"intl-phone-input__flagIconContainer_1k38f","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1k38f","disabled":"intl-phone-input__disabled_1k38f","inner":"intl-phone-input__inner_1k38f","l":"intl-phone-input__l_1k38f","xl":"intl-phone-input__xl_1k38f","focusVisible":"intl-phone-input__focusVisible_1k38f"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,8 +1,8 @@
-/* hash: 6yo9s */
+/* hash: 1c4qw */
 :root {
 } /* deprecated */ :root {
-    --color-light-border-link: #007aff;
-    --color-light-graphic-secondary: #6d7986; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-link: #0072ef;
+    --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_1yh8w {
+} .intl-phone-input__component_1k38f {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1yh8w {
+} .intl-phone-input__flagIconContainer_1k38f {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_1yh8w {
+} .intl-phone-input__emptyCountryIcon_1k38f {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_1yh8w {
+} .intl-phone-input__disabled_1k38f {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1yh8w {
+} .intl-phone-input__inner_1k38f {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_1yh8w .intl-phone-input__inner_1yh8w,
-.intl-phone-input__xl_1yh8w .intl-phone-input__inner_1yh8w {
+} .intl-phone-input__l_1k38f .intl-phone-input__inner_1k38f,
+.intl-phone-input__xl_1k38f .intl-phone-input__inner_1k38f {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_1yh8w {
+} .intl-phone-input__focusVisible_1k38f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/components/select-field/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_selectField_component = require('./component.js');
 require('tslib');
 require('react');

package/cssm/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
@@ -103,6 +105,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         });
         return targetCountry;
     };
+    var changePhone = function (phone, iso2) {
+        var newValue = formatPhone(phone, iso2);
+        if (newValue !== value) {
+            onChange(newValue);
+        }
+    };
     var addCountryCode = function (inputValue) {
         if (clearableCountryCode || !countryIso2) {
             return inputValue.length === 1 && inputValue !== '+'
@@ -114,7 +122,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var setCountryByDialCode = function (inputValue) {
         var country = getCountryByNumber(inputValue);
-        onChange(formatPhone(addCountryCode(inputValue)));
+        changePhone(addCountryCode(inputValue));
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -134,7 +142,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var handleInputChange = function (event) {
         setCountryByDialCodeWithLengthCheck(event.target.value);
-        onChange(formatPhone(addCountryCode(event.target.value)));
+        changePhone(addCountryCode(event.target.value));
     };
     var handleSelectChange = function (_a) {
         var selected = _a.selected;
@@ -153,7 +161,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (!selected)
             return;
         setCountryByDialCodeWithLengthCheck(selected.key);
-        onChange(formatPhone(selected.key));
+        changePhone(selected.key);
     };
     var country = countryIso2 && countriesHash[countryIso2];
     var countryCodeLength = country ? "+".concat(country.dialCode).length : 0;
@@ -200,25 +208,27 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
-    var handleDeleteChar = function (event, caretPosition) {
+    var handleDeleteChar = function (event) {
         var input = event.target;
-        if (!clearableCountryCode && caretPosition <= countryCodeLength)
+        var selectionStart = input.selectionStart || 0;
+        var selectionEnd = input.selectionEnd || 0;
+        if (!clearableCountryCode && selectionEnd <= countryCodeLength)
             return;
         var currentValue = input.value;
         var isMaskSymbol = function (count) {
-            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - count));
+            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(selectionEnd - 1 - count));
             var isPossibleToRemove = clearableCountryCode
-                ? caretPosition - count > 0
-                : caretPosition - count > countryCodeLength;
+                ? selectionEnd - count > 0
+                : selectionEnd - count > countryCodeLength;
             return isMask && isPossibleToRemove;
         };
-        var deletedCharsCount = 1;
+        var deletedCharsCount = Math.max(1, selectionEnd - selectionStart);
         // Высчитываем кол-во символов, которые нужно удалить.
         while (isMaskSymbol(deletedCharsCount)) {
             deletedCharsCount += 1;
         }
-        var phonePart = currentValue.slice(0, caretPosition - deletedCharsCount);
-        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(caretPosition)));
+        var phonePart = currentValue.slice(0, selectionEnd - deletedCharsCount);
+        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(selectionEnd)));
         var phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
         setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
@@ -227,12 +237,20 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var handleKeyDown = function (event) {
         var input = event.target;
         var caretPosition = input.selectionStart || 0;
+        var disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё,. ]/;
+        var withoutCombo = !event.altKey && !event.metaKey && !event.ctrlKey;
+        // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш
+        if (withoutCombo && event.key.length === 1 && disallowedSymbols.test(event.key)) {
+            event.preventDefault();
+            return;
+        }
         // Нажат только Backspace, не сочетание клавиш с ним.
-        if (!event.shiftKey && !event.ctrlKey && !event.metaKey && event.key === 'Backspace') {
+        if (!event.shiftKey && withoutCombo && event.key === 'Backspace') {
             if (!caretPosition)
                 return;
             event.preventDefault();
-            handleDeleteChar(event, caretPosition);
+            handleDeleteChar(event);
+            return;
         }
         if (event.key.length === 1 && /[0-9+]/.test(event.key)) {
             event.preventDefault();
@@ -265,7 +283,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
         if (resultNumber) {
             setCountryIso2(targetCountry ? targetCountry.iso2 : undefined);
-            onChange(formatPhone(addCountryCode(resultNumber)));
+            changePhone(addCountryCode(resultNumber));
         }
     };
     React.useEffect(function () {
@@ -282,7 +300,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {
-                onChange(formatPhone(value));
+                changePhone(value);
             }
             else {
                 setCountryByDialCode(value);
@@ -304,7 +322,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                 setCountryIso2(undefined);
                 handleCountryChange(undefined);
             }
-            onChange(formatPhone(value, newCountry === null || newCountry === void 0 ? void 0 : newCountry.iso2));
+            changePhone(value, newCountry === null || newCountry === void 0 ? void 0 : newCountry.iso2);
         }
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);

package/cssm/components/flag-icon/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var cn = require('classnames');
 var components_flagIcon_flagSprite = require('./flagSprite.js');

package/cssm/components/flag-icon/flagSprite.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var flagSprite = {
     'ge-ab': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><g clip-path="url(#a)"><path fill="#F5F5F5" d="M24 6.4H0v2.2h24V6.4Z"/><path fill="#73AF00" d="M24 8.6H0V11h24V8.6Z"/><path fill="#F5F5F5" d="M24 10.9H0V13h24V11Z"/><path fill="#73AF00" d="M24 13.1H0v2.3h24V13Z"/><path fill="#F5F5F5" d="M24 15.4H0v2.2h24v-2.2Z"/><path fill="#73AF00" d="M22.2 4.1H1.8C.8 4.1 0 5 0 6v.5h24v-.5c0-1-.8-1.8-1.8-1.8ZM24 17.6H0v.5c0 1 .8 1.7 1.7 1.8h20.6c1 0 1.7-.9 1.7-1.8v-.5Z"/><path fill="#FF4B55" d="M0 6v4.5c0 .2.2.4.4.4h11.2c.2 0 .4-.2.4-.4v-6c0-.2-.2-.3-.4-.4H1.8C.8 4.1 0 5 0 6Z"/><path fill="#F5F5F5" d="M6.4 10.3H5.6l-.3-.6V7.3a.1.1 0 0 1 .2 0V8h.1V6.8a.1.1 0 0 1 .3 0V8L6 6.7a.1.1 0 0 1 .2 0V8h.2V7a.1.1 0 0 1 .2 0v1.2l.3.6c0-.2.2-.5.4-.6h.1v.2a1 1 0 0 0-.2.7v.1l-.6.7v.3l-.2.1ZM6 4.7l.1.3h.4l-.3.3.1.3-.3-.2-.3.2v-.3L5.6 5H6v-.4H6ZM4.4 5.2l.1.3H5l-.3.3.1.3-.3-.2-.3.2v-.3L4 5.6v-.1h.4v-.3h.1ZM7.7 5.2l.1.3h.3l-.2.3V6L7.7 6l-.3.2v-.3l-.2-.2v-.1h.3l.1-.3ZM8.8 6.4v.3h.4L9 7v.3l-.3-.2-.2.2V7l-.3-.2h.4l.1-.4ZM3.2 6.4l.1.3h.4l-.3.3.1.3-.3-.2-.3.2L3 7l-.3-.2h.4v-.4h.1ZM9 8l.2.3h.3v.1l-.2.2v.3l-.2-.1-.3.2v-.4l-.2-.2h.3L9 8ZM2.8 8l.1.3h.4v.1l-.3.2.1.3-.3-.1-.3.2v-.4l-.2-.2h.4V8h.1Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0V0Z"/></clipPath></defs></svg>',
     af: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><path fill="#464655" d="M1.8 19.9H8V4H1.8C.8 4.1 0 5 0 6v12.2c0 1 .8 1.8 1.8 1.8Z"/><path fill="#FF4B55" d="M16 4.1H8V20h8V4Z"/><path fill="#73AF00" d="M22.2 19.9c1 0 1.8-.8 1.8-1.8V5.9c0-1-.8-1.8-1.8-1.8H16V20h6.2Z"/><path fill="#F5F5F5" d="M11.4 11.6H11v.1h.4ZM13 12.8h-2v-.2h2v.2ZM13 10.9h-2v.2h2V11Z"/><path fill="#F5F5F5" d="M12.6 11h-1.2l.2-.2h.8l.2.2ZM11.4 12.2H11v.3h.4v-.3ZM11.4 11.9H11v.2h.4v-.2ZM11.4 11.3H11v.2h.4v-.2ZM13 12.2h-.4v.3h.4v-.3ZM13 11.9h-.4v.2h.4v-.2ZM13 11.3h-.4v.2h.4v-.2ZM13 11.6h-.4v.1h.4ZM11.4 10.3h-.2v.5h.2v-.5ZM11.4 10.2h-.2V10a.1.1 0 0 1 .2 0ZM12.8 10.3h-.2v.5h.2v-.5ZM12.8 10.2h-.2V10a.1.1 0 0 1 .2 0ZM12 11.3c-.3 0-.5.2-.5.4v.8h1v-.8c0-.2-.2-.4-.5-.4Z"/><path fill="#F5F5F5" d="m11.2 12-.6-.8a.1.1 0 1 0-.2.1l.1.1-.3.8.4.3.3-.7.2.3h.1Zm-.6.3-.3-.3.2-.3.3.3-.2.3ZM12.9 12l.2-.2.3.7.4-.3-.3-.8a.1.1 0 1 0 0-.2l-.7.8Zm.4 0 .2-.3.2.3-.3.3-.1-.3ZM12.1 10h-.2a.5.5 0 0 0-.4.7h1v-.2c0-.2-.2-.4-.4-.4ZM9.3 11.8a2.8 2.8 0 0 1 0-.6 2.6 2.6 0 0 0 0 .7h.3a2.4 2.4 0 0 1 0-.5l.2.6s.4-.6-.3-1.2v.2h-.4a3 3 0 0 0-.1.8h.3Z"/><path fill="#F5F5F5" d="M10.3 9.4a.1.1 0 1 0-.1-.2c-.6.5-1 1-1.1 1.7h.2c.2-.6.5-1.1 1-1.5Z"/><path fill="#F5F5F5" d="M10.2 9.7c-.3.3-.5.6-.6 1h.1l.6-.8a.1.1 0 0 0-.1-.2ZM9.7 13.2l-.4-.9h.2c0 .4.2.6.4.9h.2l-.3-.7h.1l.4.6h.2a2 2 0 0 1-.2-.4l-.2-.4-.2-.2h-.4l-.1-.1h-.1l-.3-.1H9v.2l.2.1c0 .4.2.7.4 1h.2ZM14.5 11v-.2c-.7.6-.3 1.2-.3 1.2 0-.2 0-.4.2-.6a2.1 2.1 0 0 1 0 .6l.2-.1a2.7 2.7 0 0 0 0-.7h.1a2.8 2.8 0 0 1 0 .6h.3a3 3 0 0 0 0-.7h-.5ZM14.7 10.9h.2a3 3 0 0 0-1-1.7.1.1 0 0 0-.2.2c.5.4.8 1 1 1.5ZM14.4 10.6l-.6-.9a.1.1 0 1 0-.1.2l.6.9.1-.2ZM15 11.9h-.3v.1h-.2l-.4.1-.2.2-.2.4-.2.3h.2c.2 0 .3-.3.4-.4l.1-.1-.3.6h.2l.4-.7h.2l-.4.8h.2c.2-.3.4-.6.4-1l.1-.1.1-.2H15ZM13.3 13.2a2 2 0 0 1-2.5 0h-.2l-1.2.2.2.2.3.1.7.6v.1a3 3 0 0 0 2.9 0l-.1-.1.7-.6h.3l.2-.3-1.2-.2h-.1Zm-2.6.9-.6-.5h.2l.5.4Zm3.2-.5-.6.5V14l.4-.4h.2ZM12 14c-.6 0-1.1-.2-1.5-.5h.1a2.3 2.3 0 0 0 2.8 0h.1c-.4.3-1 .5-1.5.5Z"/><path fill="#F5F5F5" d="m10.7 13 .1.2h2.4l.1-.2h-2.6Z"/></svg>',

package/cssm/components/flag-icon/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_flagIcon_component = require('./component.js');
 require('react');
 require('classnames');

package/cssm/components/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_selectField_component = require('./select-field/component.js');
 var components_flagIcon_component = require('./flag-icon/component.js');
 var components_select_component = require('./select/component.js');

package/cssm/components/select/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select/cssm');

package/cssm/components/select/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_select_component = require('./component.js');
 require('tslib');
 require('react');

package/cssm/components/select/index.module.css

@@ -1,6 +1,6 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

package/cssm/components/select-field/component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');

package/cssm/components/select-field/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_selectField_component = require('./component.js');
 require('tslib');
 require('react');

package/cssm/components/select-field/index.module.css

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-border-link: #007aff;
-    --color-light-graphic-secondary: #6d7986; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-link: #0072ef;
+    --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

package/cssm/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var component = require('./component.js');
 require('tslib');
 require('react');