@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/web/index.mjs CHANGED
@@ -1197,12 +1197,18 @@ var StyledBox = styled4(FilteredDiv)`
1197
1197
  opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
1198
1198
  pointer-events: ${(props) => props.disabled ? "none" : "auto"};
1199
1199
 
1200
+ /* \`background\` is emitted before \`background-color\` so a caller passing
1201
+ both still gets backgroundColor as the winner. Use the shorthand for a
1202
+ layered fill (e.g. an overlay tint over a resting surface colour), which
1203
+ a single background-color cannot express. */
1200
1204
  &:hover {
1205
+ ${(props) => props.hoverStyle?.background && `background: ${props.hoverStyle.background};`}
1201
1206
  ${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
1202
1207
  ${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
1203
1208
  }
1204
1209
 
1205
1210
  &:active {
1211
+ ${(props) => props.pressStyle?.background && `background: ${props.pressStyle.background};`}
1206
1212
  ${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
1207
1213
  }
1208
1214
  `;