@xsolla/xui-button 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/native/index.js +3 -0
- package/native/index.js.map +1 -1
- package/native/index.mjs +3 -0
- package/native/index.mjs.map +1 -1
- package/package.json +4 -4
- package/web/index.js +6 -2
- package/web/index.js.map +1 -1
- package/web/index.mjs +6 -2
- package/web/index.mjs.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-button",
|
|
3
|
-
"version": "0.
|
|
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,9 +13,9 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-core": "0.
|
|
17
|
-
"@xsolla/xui-icons": "0.
|
|
18
|
-
"@xsolla/xui-primitives-core": "0.
|
|
16
|
+
"@xsolla/xui-core": "0.219.0",
|
|
17
|
+
"@xsolla/xui-icons": "0.219.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.219.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": ">=16.8.0",
|
package/web/index.js
CHANGED
|
@@ -90,6 +90,10 @@ var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
|
|
|
90
90
|
"fontWeight",
|
|
91
91
|
"fontFamily",
|
|
92
92
|
"textDecoration",
|
|
93
|
+
// `display` is a presentation attribute on SVG, so isPropValid lets it
|
|
94
|
+
// through — but Box consumes it purely as CSS. Without this it lands on the
|
|
95
|
+
// DOM node as a bogus `display="inline-flex"` attribute.
|
|
96
|
+
"display",
|
|
93
97
|
// Cross-platform layout prop that Text consumes as CSS, never as an
|
|
94
98
|
// attribute. Pinned explicitly because it is now spread into the styled
|
|
95
99
|
// component rather than destructured away before it can reach the DOM.
|
|
@@ -124,7 +128,7 @@ function createFilteredElement(defaultTag) {
|
|
|
124
128
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
125
129
|
var FilteredDiv = createFilteredElement("div");
|
|
126
130
|
var StyledBox = (0, import_styled_components.default)(FilteredDiv)`
|
|
127
|
-
display: flex;
|
|
131
|
+
display: ${(props) => props.display || "flex"};
|
|
128
132
|
box-sizing: border-box;
|
|
129
133
|
background-color: ${(props) => props.backgroundColor || "transparent"};
|
|
130
134
|
border-color: ${(props) => props.borderColor || "transparent"};
|
|
@@ -260,7 +264,7 @@ var Box = import_react2.default.forwardRef(
|
|
|
260
264
|
onLoad,
|
|
261
265
|
"data-testid": dataTestId || testID,
|
|
262
266
|
style: {
|
|
263
|
-
display: "block",
|
|
267
|
+
display: props.display || "block",
|
|
264
268
|
objectFit: "cover",
|
|
265
269
|
width: typeof props.width === "number" ? `${props.width}px` : props.width,
|
|
266
270
|
height: typeof props.height === "number" ? `${props.height}px` : props.height,
|