@xsolla/xui-b2c-image-thumbnail 0.218.0 → 0.219.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-b2c-image-thumbnail",
-  "version": "0.218.0",
+  "version": "0.219.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.0",
-    "@xsolla/xui-primitives-core": "0.218.0"
+    "@xsolla/xui-core": "0.219.0",
+    "@xsolla/xui-primitives-core": "0.219.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"

package/web/index.js

@@ -3573,6 +3573,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.
@@ -3607,7 +3611,7 @@ function createFilteredElement(defaultTag) {
 var import_jsx_runtime = require("react/jsx-runtime");
 var FilteredDiv = createFilteredElement("div");
 var StyledBox = styled_components_esm_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"};
@@ -3743,7 +3747,7 @@ var Box = import_react3.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,