@xsolla/xui-b2c-other-card 0.209.1 → 0.210.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 +4 -4
- package/web/index.js +6 -0
- package/web/index.js.map +1 -1
- package/web/index.mjs +6 -0
- package/web/index.mjs.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-b2c-other-card",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.210.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.210.0",
|
|
17
|
+
"@xsolla/xui-icons": "0.210.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.210.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": ">=16.8.0"
|
package/web/index.js
CHANGED
|
@@ -3690,12 +3690,18 @@ var StyledBox = styled_components_esm_default(FilteredDiv)`
|
|
|
3690
3690
|
opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
|
|
3691
3691
|
pointer-events: ${(props) => props.disabled ? "none" : "auto"};
|
|
3692
3692
|
|
|
3693
|
+
/* \`background\` is emitted before \`background-color\` so a caller passing
|
|
3694
|
+
both still gets backgroundColor as the winner. Use the shorthand for a
|
|
3695
|
+
layered fill (e.g. an overlay tint over a resting surface colour), which
|
|
3696
|
+
a single background-color cannot express. */
|
|
3693
3697
|
&:hover {
|
|
3698
|
+
${(props) => props.hoverStyle?.background && `background: ${props.hoverStyle.background};`}
|
|
3694
3699
|
${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
|
|
3695
3700
|
${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
|
|
3696
3701
|
}
|
|
3697
3702
|
|
|
3698
3703
|
&:active {
|
|
3704
|
+
${(props) => props.pressStyle?.background && `background: ${props.pressStyle.background};`}
|
|
3699
3705
|
${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
|
|
3700
3706
|
}
|
|
3701
3707
|
`;
|