@xsolla/xui-status-dropdown 0.209.1 → 0.211.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 +5 -5
- 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/web/index.mjs
CHANGED
|
@@ -163,12 +163,18 @@ var StyledBox = styled(FilteredDiv)`
|
|
|
163
163
|
opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
|
|
164
164
|
pointer-events: ${(props) => props.disabled ? "none" : "auto"};
|
|
165
165
|
|
|
166
|
+
/* \`background\` is emitted before \`background-color\` so a caller passing
|
|
167
|
+
both still gets backgroundColor as the winner. Use the shorthand for a
|
|
168
|
+
layered fill (e.g. an overlay tint over a resting surface colour), which
|
|
169
|
+
a single background-color cannot express. */
|
|
166
170
|
&:hover {
|
|
171
|
+
${(props) => props.hoverStyle?.background && `background: ${props.hoverStyle.background};`}
|
|
167
172
|
${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
|
|
168
173
|
${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
|
|
169
174
|
}
|
|
170
175
|
|
|
171
176
|
&:active {
|
|
177
|
+
${(props) => props.pressStyle?.background && `background: ${props.pressStyle.background};`}
|
|
172
178
|
${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
|
|
173
179
|
}
|
|
174
180
|
`;
|