@xsolla/xui-b2b-sidebar 0.218.1 → 0.219.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-b2b-sidebar",
3
- "version": "0.218.1",
3
+ "version": "0.219.0",
4
4
  "main": "./web/index.js",
5
5
  "module": "./web/index.mjs",
6
6
  "types": "./web/index.d.ts",
@@ -13,11 +13,11 @@
13
13
  "test:coverage": "vitest run --coverage"
14
14
  },
15
15
  "dependencies": {
16
- "@xsolla/xui-core": "0.218.1",
17
- "@xsolla/xui-icons-base": "0.218.1",
18
- "@xsolla/xui-primitives-core": "0.218.1",
19
- "@xsolla/xui-tooltip": "0.218.1",
20
- "@xsolla/xui-typography": "0.218.1"
16
+ "@xsolla/xui-core": "0.219.0",
17
+ "@xsolla/xui-icons-base": "0.219.0",
18
+ "@xsolla/xui-primitives-core": "0.219.0",
19
+ "@xsolla/xui-tooltip": "0.219.0",
20
+ "@xsolla/xui-typography": "0.219.0"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": ">=16.8.0",
package/web/index.js CHANGED
@@ -1123,6 +1123,10 @@ var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
1123
1123
  "fontWeight",
1124
1124
  "fontFamily",
1125
1125
  "textDecoration",
1126
+ // `display` is a presentation attribute on SVG, so isPropValid lets it
1127
+ // through — but Box consumes it purely as CSS. Without this it lands on the
1128
+ // DOM node as a bogus `display="inline-flex"` attribute.
1129
+ "display",
1126
1130
  // Cross-platform layout prop that Text consumes as CSS, never as an
1127
1131
  // attribute. Pinned explicitly because it is now spread into the styled
1128
1132
  // component rather than destructured away before it can reach the DOM.
@@ -1157,7 +1161,7 @@ function createFilteredElement(defaultTag) {
1157
1161
  var import_jsx_runtime6 = require("react/jsx-runtime");
1158
1162
  var FilteredDiv = createFilteredElement("div");
1159
1163
  var StyledBox = (0, import_styled_components4.default)(FilteredDiv)`
1160
- display: flex;
1164
+ display: ${(props) => props.display || "flex"};
1161
1165
  box-sizing: border-box;
1162
1166
  background-color: ${(props) => props.backgroundColor || "transparent"};
1163
1167
  border-color: ${(props) => props.borderColor || "transparent"};
@@ -1293,7 +1297,7 @@ var Box = import_react4.default.forwardRef(
1293
1297
  onLoad,
1294
1298
  "data-testid": dataTestId || testID,
1295
1299
  style: {
1296
- display: "block",
1300
+ display: props.display || "block",
1297
1301
  objectFit: "cover",
1298
1302
  width: typeof props.width === "number" ? `${props.width}px` : props.width,
1299
1303
  height: typeof props.height === "number" ? `${props.height}px` : props.height,