react-gldn-kit 0.1.81 → 0.1.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -123,6 +123,7 @@ var PhoneBox = function (props) {
123
123
  }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.relative }, { children: [(0, jsx_runtime_1.jsx)("input", { className: (0, classnames_1.default)(styles.input, (_a = {},
124
124
  _a[styles.colorfulBorder] = phone.value,
125
125
  _a[styles.errorBorder] = phone.errorText,
126
- _a)), pattern: "[0-9]", type: "text", value: phone.value, onChange: setPhoneValue, placeholder: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask }), (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask)(phone.value)) })))] })), !!phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.errorText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) })))] })));
126
+ _a[styles.highlightX] = !phone.value,
127
+ _a)), pattern: "[0-9]", type: "text", value: phone.value, onChange: setPhoneValue, placeholder: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask }), (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask) && phone.value && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask)(phone.value)) })))] })), !!phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.errorText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) })))] })));
127
128
  };
128
129
  exports.default = PhoneBox;
package/dist/main.css CHANGED
@@ -1802,6 +1802,11 @@
1802
1802
  transition: 0.3s;
1803
1803
  }
1804
1804
 
1805
+ .KIT__PhoneBox-module__input___cViDI:focus {
1806
+ position: relative;
1807
+ z-index: var(--layout-lvl-1);
1808
+ }
1809
+
1805
1810
  .KIT__PhoneBox-module__input___cViDI.KIT__PhoneBox-module__colorfulBorder___gnfjW {
1806
1811
  border-color: var(--input-filled-border-color);
1807
1812
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-gldn-kit",
3
- "version": "0.1.81",
3
+ "version": "0.1.82",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "keywords": [],