@xsolla/xui-input-phone 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 +3 -3
- 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-input-phone",
|
|
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,8 +13,8 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-core": "0.
|
|
17
|
-
"@xsolla/xui-primitives-core": "0.
|
|
16
|
+
"@xsolla/xui-core": "0.210.0",
|
|
17
|
+
"@xsolla/xui-primitives-core": "0.210.0",
|
|
18
18
|
"libphonenumber-js": "^1.10.56"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
package/web/index.js
CHANGED
|
@@ -206,12 +206,18 @@ var StyledBox = (0, import_styled_components.default)(FilteredDiv)`
|
|
|
206
206
|
opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
|
|
207
207
|
pointer-events: ${(props) => props.disabled ? "none" : "auto"};
|
|
208
208
|
|
|
209
|
+
/* \`background\` is emitted before \`background-color\` so a caller passing
|
|
210
|
+
both still gets backgroundColor as the winner. Use the shorthand for a
|
|
211
|
+
layered fill (e.g. an overlay tint over a resting surface colour), which
|
|
212
|
+
a single background-color cannot express. */
|
|
209
213
|
&:hover {
|
|
214
|
+
${(props) => props.hoverStyle?.background && `background: ${props.hoverStyle.background};`}
|
|
210
215
|
${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
|
|
211
216
|
${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
|
|
212
217
|
}
|
|
213
218
|
|
|
214
219
|
&:active {
|
|
220
|
+
${(props) => props.pressStyle?.background && `background: ${props.pressStyle.background};`}
|
|
215
221
|
${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
|
|
216
222
|
}
|
|
217
223
|
`;
|