@proprioo/salatim 18.5.0 → 19.1.0

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js

@@ -19,18 +19,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_phone_number_input_1 = require("react-phone-number-input");
-var utils_1 = require("../../../utils");
-var constant_1 = require("../phoneInput/constant");
-var utils_2 = require("../utils");
-var PhoneAndFlag_styles_1 = require("./PhoneAndFlag.styles");
-var PhoneAndFlag = function (_a) {
-    var phone = _a.phone, _b = _a.color, color = _b === void 0 ? utils_1.colors.dark.base : _b, errorMessage = _a.errorMessage;
-    var phoneData = phone ? react_phone_number_input_1.parsePhoneNumber(phone) : null;
-    return (react_1.default.createElement(PhoneAndFlag_styles_1.Wrapper, null, phoneData && (phoneData === null || phoneData === void 0 ? void 0 : phoneData.country) === constant_1.FRENCH_COUNTRY ? (react_1.default.createElement(PhoneAndFlag_styles_1.Phone, { "data-test": "french-phone", color: color }, utils_2.formatInternationalPhone(phoneData.number))) : phoneData ? (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(PhoneAndFlag_styles_1.Flag, { "data-test": "flag", alt: phoneData.country, src: "https://cdn.proprioo.fr/assets/flags/" + phoneData.country + ".svg" }),
-        react_1.default.createElement(PhoneAndFlag_styles_1.Phone, { "data-test": "phone", color: color }, utils_2.formatInternationalPhone(phoneData.number)))) : (react_1.default.createElement("span", { "data-test": "incorrect-phone" }, errorMessage))));
+const react_1 = __importStar(require("react"));
+const react_phone_number_input_1 = require("react-phone-number-input");
+const utils_1 = require("../../../utils");
+const constant_1 = require("../phoneInput/constant");
+const utils_2 = require("../utils");
+const PhoneAndFlag_styles_1 = require("./PhoneAndFlag.styles");
+const PhoneAndFlag = ({ phone, color = utils_1.colors.dark.base, errorMessage }) => {
+    const phoneData = phone ? (0, react_phone_number_input_1.parsePhoneNumber)(phone) : null;
+    return (react_1.default.createElement(PhoneAndFlag_styles_1.Wrapper, null, phoneData && (phoneData === null || phoneData === void 0 ? void 0 : phoneData.country) === constant_1.FRENCH_COUNTRY ? (react_1.default.createElement(PhoneAndFlag_styles_1.Phone, { "data-test": "french-phone", color: color }, (0, utils_2.formatInternationalPhone)(phoneData.number))) : phoneData ? (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(PhoneAndFlag_styles_1.Flag, { "data-test": "flag", alt: phoneData.country, src: `https://cdn.proprioo.fr/assets/flags/${phoneData.country}.svg` }),
+        react_1.default.createElement(PhoneAndFlag_styles_1.Phone, { "data-test": "phone", color: color }, (0, utils_2.formatInternationalPhone)(phoneData.number)))) : (react_1.default.createElement("span", { "data-test": "incorrect-phone" }, errorMessage))));
 };
 exports.default = PhoneAndFlag;
 //# sourceMappingURL=PhoneAndFlag.js.map

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneAndFlag.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAC5C,qEAA4D;AAI5D,wCAAwC;AACxC,mDAAwD;AACxD,kCAAoD;AACpD,6DAA6D;AAQ7D,IAAM,YAAY,GAAiB,UAAC,EAInC;QAHC,KAAK,WAAA,EACL,aAAwB,EAAxB,KAAK,mBAAG,cAAM,CAAC,IAAI,CAAC,IAAI,KAAA,EACxB,YAAY,kBAAA;IAEZ,IAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,2CAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,OAAO,CACL,8BAAC,6BAAO,QACL,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,yBAAc,CAAC,CAAC,CAAC,CACpD,8BAAC,2BAAK,iBAAW,cAAc,EAAC,KAAK,EAAE,KAAK,IACzC,gCAAwB,CAAC,SAAS,CAAC,MAAM,CAAC,CACrC,CACT,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,8BAAC,gBAAQ;QACP,8BAAC,0BAAI,iBACO,MAAM,EAChB,GAAG,EAAE,SAAS,CAAC,OAAO,EACtB,GAAG,EAAE,0CAAwC,SAAS,CAAC,OAAO,SAAM,GACpE;QACF,8BAAC,2BAAK,iBAAW,OAAO,EAAC,KAAK,EAAE,KAAK,IAClC,gCAAwB,CAAC,SAAS,CAAC,MAAM,CAAC,CACrC,CACC,CACZ,CAAC,CAAC,CAAC,CACF,qDAAgB,iBAAiB,IAAE,YAAY,CAAQ,CACxD,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"PhoneAndFlag.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAC5C,uEAA4D;AAI5D,0CAAwC;AACxC,qDAAwD;AACxD,oCAAoD;AACpD,+DAA6D;AAQ7D,MAAM,YAAY,GAAiB,CAAC,EAClC,KAAK,EACL,KAAK,GAAG,cAAM,CAAC,IAAI,CAAC,IAAI,EACxB,YAAY,EACb,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,2CAAgB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,OAAO,CACL,8BAAC,6BAAO,QACL,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,yBAAc,CAAC,CAAC,CAAC,CACpD,8BAAC,2BAAK,iBAAW,cAAc,EAAC,KAAK,EAAE,KAAK,IACzC,IAAA,gCAAwB,EAAC,SAAS,CAAC,MAAM,CAAC,CACrC,CACT,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,8BAAC,gBAAQ;QACP,8BAAC,0BAAI,iBACO,MAAM,EAChB,GAAG,EAAE,SAAS,CAAC,OAAO,EACtB,GAAG,EAAE,wCAAwC,SAAS,CAAC,OAAO,MAAM,GACpE;QACF,8BAAC,2BAAK,iBAAW,OAAO,EAAC,KAAK,EAAE,KAAK,IAClC,IAAA,gCAAwB,EAAC,SAAS,CAAC,MAAM,CAAC,CACrC,CACC,CACZ,CAAC,CAAC,CAAC,CACF,qDAAgB,iBAAiB,IAAE,YAAY,CAAQ,CACxD,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js

@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@storybook/react");
-var PhoneAndFlag_1 = __importDefault(require("./PhoneAndFlag"));
-react_2.storiesOf('PhoneAndFlag', module)
-    .add('FR phone number', function () { return (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+33600000000", errorMessage: "Num\u00E9ro incorrect" })); })
-    .add('Flag BE', function () { return (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+3206000000", errorMessage: "Num\u00E9ro incorrect" })); })
-    .add('Flag GB', function () { return (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+447000000000", errorMessage: "Num\u00E9ro incorrect" })); })
-    .add('Incorrect phone number', function () { return (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+999999999999", errorMessage: "Num\u00E9ro incorrect" })); })
-    .add('Null phone', function () { return (react_1.default.createElement(PhoneAndFlag_1.default, { phone: null, errorMessage: "Num\u00E9ro incorrect" })); });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@storybook/react");
+const PhoneAndFlag_1 = __importDefault(require("./PhoneAndFlag"));
+(0, react_2.storiesOf)('PhoneAndFlag', module)
+    .add('FR phone number', () => (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+33600000000", errorMessage: "Num\u00E9ro incorrect" })))
+    .add('Flag BE', () => (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+3206000000", errorMessage: "Num\u00E9ro incorrect" })))
+    .add('Flag GB', () => (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+447000000000", errorMessage: "Num\u00E9ro incorrect" })))
+    .add('Incorrect phone number', () => (react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+999999999999", errorMessage: "Num\u00E9ro incorrect" })))
+    .add('Null phone', () => (react_1.default.createElement(PhoneAndFlag_1.default, { phone: null, errorMessage: "Num\u00E9ro incorrect" })));
 //# sourceMappingURL=PhoneAndFlag.stories.js.map

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneAndFlag.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.stories.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,0CAA6C;AAE7C,gEAA0C;AAE1C,iBAAS,CAAC,cAAc,EAAE,MAAM,CAAC;KAC9B,GAAG,CAAC,iBAAiB,EAAE,cAAM,OAAA,CAC5B,8BAAC,sBAAY,IAAC,KAAK,EAAC,cAAc,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACtE,EAF6B,CAE7B,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,cAAM,OAAA,CACpB,8BAAC,sBAAY,IAAC,KAAK,EAAC,aAAa,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACrE,EAFqB,CAErB,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,cAAM,OAAA,CACpB,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,EAFqB,CAErB,CAAC;KACD,GAAG,CAAC,wBAAwB,EAAE,cAAM,OAAA,CACnC,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,EAFoC,CAEpC,CAAC;KACD,GAAG,CAAC,YAAY,EAAE,cAAM,OAAA,CACvB,8BAAC,sBAAY,IAAC,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,uBAAkB,GAAG,CAC9D,EAFwB,CAExB,CAAC,CAAC"}
+{"version":3,"file":"PhoneAndFlag.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4CAA6C;AAE7C,kEAA0C;AAE1C,IAAA,iBAAS,EAAC,cAAc,EAAE,MAAM,CAAC;KAC9B,GAAG,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAC5B,8BAAC,sBAAY,IAAC,KAAK,EAAC,cAAc,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACtE,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,8BAAC,sBAAY,IAAC,KAAK,EAAC,aAAa,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACrE,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;KACD,GAAG,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,CACnC,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;KACD,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CACvB,8BAAC,sBAAY,IAAC,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,uBAAkB,GAAG,CAC9D,CAAC,CAAC"}

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js

@@ -1,20 +1,24 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Phone = exports.Flag = exports.Wrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var utils_1 = require("../../../utils");
-exports.Wrapper = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-exports.Flag = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 1em;\n  width: 1.5em;\n  margin-right: ", ";\n  box-shadow: 0 0 0 ", " ", ",\n    inset 0 0 0 ", " ", ";\n"], ["\n  height: 1em;\n  width: 1.5em;\n  margin-right: ", ";\n  box-shadow: 0 0 0 ", " ", ",\n    inset 0 0 0 ", " ", ";\n"])), utils_1.convertPxToRem(8), utils_1.convertPxToRem(1), utils_1.colors.dark.base, utils_1.convertPxToRem(1), utils_1.colors.dark.base);
-exports.Phone = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n"], ["\n  ", ";\n  color: ", ";\n"])), utils_1.ArchivoFont, function (_a) {
-    var color = _a.color;
-    return color;
-});
-var templateObject_1, templateObject_2, templateObject_3;
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../../utils");
+exports.Wrapper = styled_components_1.default.span `
+  display: flex;
+  align-items: center;
+`;
+exports.Flag = styled_components_1.default.img `
+  height: 1em;
+  width: 1.5em;
+  margin-right: ${(0, utils_1.convertPxToRem)(8)};
+  box-shadow: 0 0 0 ${(0, utils_1.convertPxToRem)(1)} ${utils_1.colors.dark.base},
+    inset 0 0 0 ${(0, utils_1.convertPxToRem)(1)} ${utils_1.colors.dark.base};
+`;
+exports.Phone = styled_components_1.default.span `
+  ${utils_1.ArchivoFont};
+  color: ${({ color }) => color};
+`;
 //# sourceMappingURL=PhoneAndFlag.styles.js.map

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneAndFlag.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,wCAAqE;AAExD,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,iHAAA,8CAGjC,KAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,2LAAA,qDAGZ,EAAiB,yBACb,EAAiB,GAAI,EAAgB,qBACzC,EAAiB,GAAI,EAAgB,KACtD,KAHiB,sBAAc,CAAC,CAAC,CAAC,EACb,sBAAc,CAAC,CAAC,CAAC,EAAI,cAAM,CAAC,IAAI,CAAC,IAAI,EACzC,sBAAc,CAAC,CAAC,CAAC,EAAI,cAAM,CAAC,IAAI,CAAC,IAAI,EACrD;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,IAAI,gGAAmB,MAC/C,EAAW,cACJ,EAAoB,KAC9B,KAFG,mBAAW,EACJ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EAC7B"}
+{"version":3,"file":"PhoneAndFlag.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAAqE;AAExD,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAA;;;CAGjC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;kBAGZ,IAAA,sBAAc,EAAC,CAAC,CAAC;sBACb,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,cAAM,CAAC,IAAI,CAAC,IAAI;kBACzC,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,cAAM,CAAC,IAAI,CAAC,IAAI;CACtD,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,IAAI,CAAmB;IAC/C,mBAAW;WACJ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;CAC9B,CAAC"}

package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js

@@ -3,28 +3,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_test_renderer_1 = __importDefault(require("react-test-renderer"));
-var PhoneAndFlag_1 = __importDefault(require("./PhoneAndFlag"));
-describe('PhoneAndFlag', function () {
-    it('should render component french phone without flag', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+33600000000", errorMessage: "Num\u00E9ro incorrect" }));
+const react_1 = __importDefault(require("react"));
+const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
+const PhoneAndFlag_1 = __importDefault(require("./PhoneAndFlag"));
+describe('PhoneAndFlag', () => {
+    it('should render component french phone without flag', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+33600000000", errorMessage: "Num\u00E9ro incorrect" }));
         expect(tree).toMatchSnapshot();
     });
-    it('should render component with BE flag', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+3206000000", errorMessage: "Num\u00E9ro incorrect" }));
+    it('should render component with BE flag', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+3206000000", errorMessage: "Num\u00E9ro incorrect" }));
         expect(tree).toMatchSnapshot();
     });
-    it('should render component with GB flag', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+447000000000", errorMessage: "Num\u00E9ro incorrect" }));
+    it('should render component with GB flag', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+447000000000", errorMessage: "Num\u00E9ro incorrect" }));
         expect(tree).toMatchSnapshot();
     });
-    it('should render component with incorrect phone number', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+999999999999", errorMessage: "Num\u00E9ro incorrect" }));
+    it('should render component with incorrect phone number', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: "+999999999999", errorMessage: "Num\u00E9ro incorrect" }));
         expect(tree).toMatchSnapshot();
     });
-    it('should render component with null phone', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: null, errorMessage: "Num\u00E9ro incorrect" }));
+    it('should render component with null phone', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(PhoneAndFlag_1.default, { phone: null, errorMessage: "Num\u00E9ro incorrect" }));
         expect(tree).toMatchSnapshot();
     });
 });

package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneAndFlags.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlags.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,4EAA2C;AAE3C,gEAA0C;AAE1C,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,mDAAmD,EAAE;QACtD,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,cAAc,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACtE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;QACzC,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,aAAa,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACrE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;QACzC,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE;QACxD,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,uBAAkB,GAAG,CAC9D,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PhoneAndFlags.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlags.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,kEAA0C;AAE1C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,cAAc,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACtE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,aAAa,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACrE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC7D,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,8BAAC,sBAAY,IAAC,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,uBAAkB,GAAG,CAC9D,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/phone/src/phoneInput/Phone.js

@@ -23,14 +23,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 require("react-phone-number-input/style.css");
-var react_1 = __importStar(require("react"));
-var react_phone_number_input_1 = __importDefault(require("react-phone-number-input"));
-var constant_1 = require("./constant");
-var Phone_styles_1 = require("./Phone.styles");
-var Phone = function (_a) {
-    var id = _a.id, disabled = _a.disabled, value = _a.value, handleBlur = _a.handleBlur, handleOnChange = _a.handleOnChange, handleFocus = _a.handleFocus, dataTest = _a.dataTest, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.phoneWithFlags, phoneWithFlags = _c === void 0 ? true : _c;
-    var _d = react_1.useState(undefined), phoneValue = _d[0], setPhoneValue = _d[1];
-    var handleInputChange = function (phone) {
+const react_1 = __importStar(require("react"));
+const react_phone_number_input_1 = __importDefault(require("react-phone-number-input"));
+const constant_1 = require("./constant");
+const Phone_styles_1 = require("./Phone.styles");
+const Phone = ({ id, disabled, value, handleBlur, handleOnChange, handleFocus, dataTest, required = false, phoneWithFlags = true }) => {
+    const [phoneValue, setPhoneValue] = (0, react_1.useState)(undefined);
+    const handleInputChange = (phone) => {
         if (phone !== phoneValue) {
             handleOnChange({
                 target: { value: phone, selectionStart: null }
@@ -39,7 +38,7 @@ var Phone = function (_a) {
         setPhoneValue(phone);
     };
     return (react_1.default.createElement(Phone_styles_1.PhoneWrapper, { "data-test": dataTest || 'phone-wrapper', onBlur: handleBlur, onFocus: handleFocus, phoneWithFlags: phoneWithFlags },
-        react_1.default.createElement(react_phone_number_input_1.default, { id: id, "data-test": "phone-input", defaultCountry: constant_1.FRENCH_COUNTRY, countries: constant_1.COUNTRIES, flagUrl: "https://cdn.proprioo.fr/assets/flags/{XX}.svg", labels: constant_1.LABELS, value: value || '', disabled: disabled, autoComplete: 'off', required: required, onFocus: handleFocus, onChange: handleInputChange, countrySelectProps: { arrowComponent: function () { return react_1.default.createElement(react_1.Fragment, null); } } })));
+        react_1.default.createElement(react_phone_number_input_1.default, { id: id, "data-test": "phone-input", defaultCountry: constant_1.FRENCH_COUNTRY, countries: constant_1.COUNTRIES, flagUrl: "https://cdn.proprioo.fr/assets/flags/{XX}.svg", labels: constant_1.LABELS, value: value || '', disabled: disabled, autoComplete: 'off', required: required, onFocus: handleFocus, onChange: handleInputChange, countrySelectProps: { arrowComponent: () => react_1.default.createElement(react_1.Fragment, null) } })));
 };
 exports.default = Phone;
 //# sourceMappingURL=Phone.js.map

package/lib/phone/src/phoneInput/Phone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA4C;AAE5C,6CAAsD;AACtD,sFAAkD;AAGlD,uCAA+D;AAC/D,+CAA8C;AAE9C,IAAM,KAAK,GAAmB,UAAC,EAU9B;QATC,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,sBAAqB,EAArB,cAAc,mBAAG,IAAI,KAAA;IAEf,IAAA,KAA8B,gBAAQ,CAAqB,SAAS,CAAC,EAApE,UAAU,QAAA,EAAE,aAAa,QAA2C,CAAC;IAE5E,IAAM,iBAAiB,GAAG,UAAC,KAAa;QACtC,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,cAAc,CAAC;gBACb,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE;aAC/C,CAAC,CAAC;SACJ;QAED,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,2BAAY,iBACA,QAAQ,IAAI,eAAe,EACtC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,cAAc;QAE9B,8BAAC,kCAAU,IACT,EAAE,EAAE,EAAE,eACI,aAAa,EACvB,cAAc,EAAE,yBAAc,EAC9B,SAAS,EAAE,oBAAS,EACpB,OAAO,EAAC,+CAA+C,EACvD,MAAM,EAAE,iBAAM,EACd,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,iBAAiB,EAC3B,kBAAkB,EAAE,EAAE,cAAc,EAAE,cAAM,OAAA,8BAAC,gBAAQ,OAAG,EAAZ,CAAY,EAAE,GAC1D,CACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA4C;AAE5C,+CAAsD;AACtD,wFAAkD;AAGlD,yCAA+D;AAC/D,iDAA8C;AAE9C,MAAM,KAAK,GAAmB,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,KAAK,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,IAAI,EACtB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAqB,SAAS,CAAC,CAAC;IAE5E,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,cAAc,CAAC;gBACb,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE;aAC/C,CAAC,CAAC;SACJ;QAED,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,2BAAY,iBACA,QAAQ,IAAI,eAAe,EACtC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,cAAc;QAE9B,8BAAC,kCAAU,IACT,EAAE,EAAE,EAAE,eACI,aAAa,EACvB,cAAc,EAAE,yBAAc,EAC9B,SAAS,EAAE,oBAAS,EACpB,OAAO,EAAC,+CAA+C,EACvD,MAAM,EAAE,iBAAM,EACd,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,iBAAiB,EAC3B,kBAAkB,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,8BAAC,gBAAQ,OAAG,EAAE,GAC1D,CACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/lib/phone/src/phoneInput/Phone.stories.js

@@ -1,31 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var storybook_state_1 = require("@sambego/storybook-state");
-var addon_actions_1 = require("@storybook/addon-actions");
-var react_2 = require("@storybook/react");
-var ui_1 = require("../../../ui/");
-var MockForm_1 = __importDefault(require("../../../ui/src/mockForm/MockForm"));
-var PhoneInput_1 = __importDefault(require("./PhoneInput"));
-var onChangeAction = addon_actions_1.action('onChange');
-var phoneState = new storybook_state_1.Store({
+const react_1 = __importDefault(require("react"));
+const storybook_state_1 = require("@sambego/storybook-state");
+const addon_actions_1 = require("@storybook/addon-actions");
+const react_2 = require("@storybook/react");
+const ui_1 = require("../../../ui/");
+const MockForm_1 = __importDefault(require("../../../ui/src/mockForm/MockForm"));
+const PhoneInput_1 = __importDefault(require("./PhoneInput"));
+const onChangeAction = (0, addon_actions_1.action)('onChange');
+const phoneState = new storybook_state_1.Store({
     value: ''
 });
-var defaultProps = {
+const defaultProps = {
     label: 'Phone',
     type: ui_1.InputType.TEL,
     disabled: false,
@@ -33,45 +22,45 @@ var defaultProps = {
     value: '',
     onChange: onChangeAction
 };
-react_2.storiesOf('Phone', module)
-    .add('Default', function () {
+(0, react_2.storiesOf)('Phone', module)
+    .add('Default', () => {
     phoneState.set({ value: '' });
     return (react_1.default.createElement(storybook_state_1.State, { store: phoneState },
-        react_1.default.createElement(PhoneInput_1.default, __assign({}, defaultProps, { value: phoneState.get('value'), onChange: function (value) {
-                phoneState.set({ value: value });
+        react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
+                phoneState.set({ value });
                 onChangeAction(value);
             } }))));
 })
-    .add('With flags', function () {
+    .add('With flags', () => {
     phoneState.set({ value: '' });
     return (react_1.default.createElement(storybook_state_1.State, { store: phoneState },
-        react_1.default.createElement(PhoneInput_1.default, __assign({}, defaultProps, { value: phoneState.get('value'), onChange: function (value) {
-                phoneState.set({ value: value });
+        react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
+                phoneState.set({ value });
                 onChangeAction(value);
             }, phoneWithFlags: true }))));
 })
-    .add('With value', function () {
+    .add('With value', () => {
     phoneState.set({ value: '+33686106094' });
     return (react_1.default.createElement(storybook_state_1.State, { store: phoneState },
-        react_1.default.createElement(PhoneInput_1.default, __assign({}, defaultProps, { value: phoneState.get('value'), onChange: function (value) {
-                phoneState.set({ value: value });
+        react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
+                phoneState.set({ value });
                 onChangeAction(value);
             }, phoneWithFlags: true }))));
 })
-    .add('Default with error', function () {
+    .add('Default with error', () => {
     phoneState.set({ value: '' });
     return (react_1.default.createElement(storybook_state_1.State, { store: phoneState },
-        react_1.default.createElement(PhoneInput_1.default, __assign({}, defaultProps, { value: phoneState.get('value'), onChange: function (value) {
-                phoneState.set({ value: value });
+        react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
+                phoneState.set({ value });
                 onChangeAction(value);
             }, error: true, phoneWithFlags: true }))));
 })
-    .add('Required', function () {
+    .add('Required', () => {
     phoneState.set({ value: '' });
     return (react_1.default.createElement(MockForm_1.default, null,
         react_1.default.createElement(storybook_state_1.State, { store: phoneState },
-            react_1.default.createElement(PhoneInput_1.default, __assign({}, defaultProps, { value: phoneState.get('value'), required: true, onChange: function (value) {
-                    phoneState.set({ value: value });
+            react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), required: true, onChange: value => {
+                    phoneState.set({ value });
                     onChangeAction(value);
                 }, phoneWithFlags: true })))));
 });

package/lib/phone/src/phoneInput/Phone.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Phone.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.stories.tsx"],"names":[],"mappings":"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"}

package/lib/phone/src/phoneInput/Phone.styles.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -24,13 +20,64 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneWrapper = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var Input_styles_1 = require("../../../ui/src/input/Input.styles");
-var utils_1 = require("../../../utils");
-exports.PhoneWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  padding-left: ", ";\n\n  :focus {\n    outline: 0;\n  }\n\n  input {\n    ", ";\n    ", ";\n    position: relative;\n    min-height: ", ";\n    padding-left: ", ";\n\n    :focus {\n      outline: 0;\n      border-color: transparent;\n    }\n  }\n\n  .PhoneInputCountrySelect {\n    option {\n      ", ";\n      font-size: ", ";\n      font-weight: lighter;\n    }\n  }\n\n  .PhoneInputCountryIcon {\n    background: ", ";\n    box-shadow: ", ";\n    border-radius: ", ";\n    overflow: hidden;\n    margin-left: ", ";\n  }\n\n  .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon {\n    opacity: 1;\n    color: ", ";\n  }\n\n  ", "\n"], ["\n  position: relative;\n  padding-left: ", ";\n\n  :focus {\n    outline: 0;\n  }\n\n  input {\n    ", ";\n    ", ";\n    position: relative;\n    min-height: ", ";\n    padding-left: ", ";\n\n    :focus {\n      outline: 0;\n      border-color: transparent;\n    }\n  }\n\n  .PhoneInputCountrySelect {\n    option {\n      ", ";\n      font-size: ", ";\n      font-weight: lighter;\n    }\n  }\n\n  .PhoneInputCountryIcon {\n    background: ", ";\n    box-shadow: ", ";\n    border-radius: ", ";\n    overflow: hidden;\n    margin-left: ", ";\n  }\n\n  .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon {\n    opacity: 1;\n    color: ", ";\n  }\n\n  ",
-    "\n"])), utils_1.convertPxToRem(22), Input_styles_1.BaseLayout, utils_1.ArchivoFont, utils_1.convertPxToRem(48), utils_1.convertPxToRem(8), utils_1.ArchivoFont, utils_1.fonts.base, utils_1.colors.grey.base10, utils_1.shadows.level1, utils_1.convertPxToRem(3), utils_1.convertPxToRem(6), utils_1.colors.dark.base, function (_a) {
-    var phoneWithFlags = _a.phoneWithFlags;
-    return !phoneWithFlags && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      padding-left: 0;\n\n      input {\n        padding-left: ", ";\n      }\n\n      .PhoneInputCountry,\n      .PhoneInputCountrySelect,\n      .PhoneInputCountryIcon {\n        display: none;\n      }\n    "], ["\n      padding-left: 0;\n\n      input {\n        padding-left: ", ";\n      }\n\n      .PhoneInputCountry,\n      .PhoneInputCountrySelect,\n      .PhoneInputCountryIcon {\n        display: none;\n      }\n    "])), utils_1.convertPxToRem(28));
-});
-var templateObject_1, templateObject_2;
+const styled_components_1 = __importStar(require("styled-components"));
+const Input_styles_1 = require("../../../ui/src/input/Input.styles");
+const utils_1 = require("../../../utils");
+exports.PhoneWrapper = styled_components_1.default.div `
+  position: relative;
+  padding-left: ${(0, utils_1.convertPxToRem)(22)};
+
+  :focus {
+    outline: 0;
+  }
+
+  input {
+    ${Input_styles_1.BaseLayout};
+    ${utils_1.ArchivoFont};
+    position: relative;
+    min-height: ${(0, utils_1.convertPxToRem)(48)};
+    padding-left: ${(0, utils_1.convertPxToRem)(8)};
+
+    :focus {
+      outline: 0;
+      border-color: transparent;
+    }
+  }
+
+  .PhoneInputCountrySelect {
+    option {
+      ${utils_1.ArchivoFont};
+      font-size: ${utils_1.fonts.base};
+      font-weight: lighter;
+    }
+  }
+
+  .PhoneInputCountryIcon {
+    background: ${utils_1.colors.grey.base10};
+    box-shadow: ${utils_1.shadows.level1};
+    border-radius: ${(0, utils_1.convertPxToRem)(3)};
+    overflow: hidden;
+    margin-left: ${(0, utils_1.convertPxToRem)(6)};
+  }
+
+  .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon {
+    opacity: 1;
+    color: ${utils_1.colors.dark.base};
+  }
+
+  ${({ phoneWithFlags }) => !phoneWithFlags &&
+    (0, styled_components_1.css) `
+      padding-left: 0;
+
+      input {
+        padding-left: ${(0, utils_1.convertPxToRem)(28)};
+      }
+
+      .PhoneInputCountry,
+      .PhoneInputCountrySelect,
+      .PhoneInputCountryIcon {
+        display: none;
+      }
+    `}
+`;
 //# sourceMappingURL=Phone.styles.js.map

package/lib/phone/src/phoneInput/Phone.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,mEAAgE;AAChE,wCAMwB;AAEX,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,6tBAA6B,2CAEjD,EAAkB,0DAO9B,EAAU,SACV,EAAW,8CAEC,EAAkB,uBAChB,EAAiB,0IAU7B,EAAW,sBACA,EAAU,4FAMX,EAAkB,qBAClB,EAAc,wBACX,EAAiB,6CAEnB,EAAiB,qGAKvB,EAAgB,cAGzB;IAcC,IACJ,KAvDiB,sBAAc,CAAC,EAAE,CAAC,EAO9B,yBAAU,EACV,mBAAW,EAEC,sBAAc,CAAC,EAAE,CAAC,EAChB,sBAAc,CAAC,CAAC,CAAC,EAU7B,mBAAW,EACA,aAAK,CAAC,IAAI,EAMX,cAAM,CAAC,IAAI,CAAC,MAAM,EAClB,eAAO,CAAC,MAAM,EACX,sBAAc,CAAC,CAAC,CAAC,EAEnB,sBAAc,CAAC,CAAC,CAAC,EAKvB,cAAM,CAAC,IAAI,CAAC,IAAI,EAGzB,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IACjB,OAAA,CAAC,cAAc,IACf,uBAAG,yRAAA,mEAIiB,EAAkB,iJAQrC,KARmB,sBAAc,CAAC,EAAE,CAAC,CAQrC;AAbD,CAaC,EACH"}
+{"version":3,"file":"Phone.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,qEAAgE;AAChE,0CAMwB;AAEX,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAA6B;;kBAEjD,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;MAO9B,yBAAU;MACV,mBAAW;;kBAEC,IAAA,sBAAc,EAAC,EAAE,CAAC;oBAChB,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;;;;;;QAU7B,mBAAW;mBACA,aAAK,CAAC,IAAI;;;;;;kBAMX,cAAM,CAAC,IAAI,CAAC,MAAM;kBAClB,eAAO,CAAC,MAAM;qBACX,IAAA,sBAAc,EAAC,CAAC,CAAC;;mBAEnB,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;aAKvB,cAAM,CAAC,IAAI,CAAC,IAAI;;;IAGzB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACvB,CAAC,cAAc;IACf,IAAA,uBAAG,EAAA;;;;wBAIiB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;;KAQrC;CACJ,CAAC"}