@xsolla/xui-input-phone 0.218.1 → 0.220.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-input-phone",
-  "version": "0.218.1",
+  "version": "0.220.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,8 +13,8 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.218.1",
-    "@xsolla/xui-primitives-core": "0.218.1",
+    "@xsolla/xui-core": "0.220.0",
+    "@xsolla/xui-primitives-core": "0.220.0",
     "libphonenumber-js": "^1.10.56"
   },
   "peerDependencies": {

package/web/index.js

@@ -92,6 +92,10 @@ var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
   "fontWeight",
   "fontFamily",
   "textDecoration",
+  // `display` is a presentation attribute on SVG, so isPropValid lets it
+  // through — but Box consumes it purely as CSS. Without this it lands on the
+  // DOM node as a bogus `display="inline-flex"` attribute.
+  "display",
   // Cross-platform layout prop that Text consumes as CSS, never as an
   // attribute. Pinned explicitly because it is now spread into the styled
   // component rather than destructured away before it can reach the DOM.
@@ -126,7 +130,7 @@ function createFilteredElement(defaultTag) {
 var import_jsx_runtime = require("react/jsx-runtime");
 var FilteredDiv = createFilteredElement("div");
 var StyledBox = (0, import_styled_components.default)(FilteredDiv)`
-  display: flex;
+  display: ${(props) => props.display || "flex"};
   box-sizing: border-box;
   background-color: ${(props) => props.backgroundColor || "transparent"};
   border-color: ${(props) => props.borderColor || "transparent"};
@@ -262,7 +266,7 @@ var Box = import_react2.default.forwardRef(
           onLoad,
           "data-testid": dataTestId || testID,
           style: {
-            display: "block",
+            display: props.display || "block",
             objectFit: "cover",
             width: typeof props.width === "number" ? `${props.width}px` : props.width,
             height: typeof props.height === "number" ? `${props.height}px` : props.height,