@xsolla/xui-multi-select 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/native/index.js +6 -0
- package/native/index.js.map +1 -1
- package/native/index.mjs +6 -0
- package/native/index.mjs.map +1 -1
- package/package.json +6 -6
- package/web/index.js +12 -0
- package/web/index.js.map +1 -1
- package/web/index.mjs +12 -0
- package/web/index.mjs.map +1 -1
package/native/index.js
CHANGED
|
@@ -721,12 +721,18 @@ var StyledBox = (0, import_styled_components2.default)(FilteredDiv2)`
|
|
|
721
721
|
opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
|
|
722
722
|
pointer-events: ${(props) => props.disabled ? "none" : "auto"};
|
|
723
723
|
|
|
724
|
+
/* \`background\` is emitted before \`background-color\` so a caller passing
|
|
725
|
+
both still gets backgroundColor as the winner. Use the shorthand for a
|
|
726
|
+
layered fill (e.g. an overlay tint over a resting surface colour), which
|
|
727
|
+
a single background-color cannot express. */
|
|
724
728
|
&:hover {
|
|
729
|
+
${(props) => props.hoverStyle?.background && `background: ${props.hoverStyle.background};`}
|
|
725
730
|
${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
|
|
726
731
|
${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
|
|
727
732
|
}
|
|
728
733
|
|
|
729
734
|
&:active {
|
|
735
|
+
${(props) => props.pressStyle?.background && `background: ${props.pressStyle.background};`}
|
|
730
736
|
${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
|
|
731
737
|
}
|
|
732
738
|
`;
|