@xsolla/xui-b2b-sidebar 0.209.0 → 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-b2b-sidebar",
3
- "version": "0.209.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,11 +13,11 @@
13
13
  "test:coverage": "vitest run --coverage"
14
14
  },
15
15
  "dependencies": {
16
- "@xsolla/xui-core": "0.209.0",
17
- "@xsolla/xui-icons-base": "0.209.0",
18
- "@xsolla/xui-primitives-core": "0.209.0",
19
- "@xsolla/xui-tooltip": "0.209.0",
20
- "@xsolla/xui-typography": "0.209.0"
16
+ "@xsolla/xui-core": "0.210.0",
17
+ "@xsolla/xui-icons-base": "0.210.0",
18
+ "@xsolla/xui-primitives-core": "0.210.0",
19
+ "@xsolla/xui-tooltip": "0.210.0",
20
+ "@xsolla/xui-typography": "0.210.0"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": ">=16.8.0",
package/web/index.js CHANGED
@@ -1237,12 +1237,18 @@ var StyledBox = (0, import_styled_components4.default)(FilteredDiv)`
1237
1237
  opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
1238
1238
  pointer-events: ${(props) => props.disabled ? "none" : "auto"};
1239
1239
 
1240
+ /* \`background\` is emitted before \`background-color\` so a caller passing
1241
+ both still gets backgroundColor as the winner. Use the shorthand for a
1242
+ layered fill (e.g. an overlay tint over a resting surface colour), which
1243
+ a single background-color cannot express. */
1240
1244
  &:hover {
1245
+ ${(props) => props.hoverStyle?.background && `background: ${props.hoverStyle.background};`}
1241
1246
  ${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
1242
1247
  ${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
1243
1248
  }
1244
1249
 
1245
1250
  &:active {
1251
+ ${(props) => props.pressStyle?.background && `background: ${props.pressStyle.background};`}
1246
1252
  ${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
1247
1253
  }
1248
1254
  `;