@xsolla/xui-multi-select 0.201.4 → 0.202.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 +11 -3
- package/native/index.js.map +1 -1
- package/native/index.mjs +11 -3
- package/native/index.mjs.map +1 -1
- package/package.json +6 -6
- package/web/index.js +17 -6
- package/web/index.js.map +1 -1
- package/web/index.mjs +17 -6
- package/web/index.mjs.map +1 -1
package/web/index.mjs
CHANGED
|
@@ -48,6 +48,7 @@ var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
|
|
|
48
48
|
"strokeWidth",
|
|
49
49
|
// CSS properties that pass isPropValid but are used as component props
|
|
50
50
|
"overflow",
|
|
51
|
+
"opacity",
|
|
51
52
|
"cursor",
|
|
52
53
|
"fontSize",
|
|
53
54
|
"fontWeight",
|
|
@@ -157,11 +158,14 @@ var StyledBox = styled(FilteredDiv)`
|
|
|
157
158
|
flex-shrink: ${(props) => props.flexShrink ?? 1};
|
|
158
159
|
gap: ${(props) => typeof props.gap === "number" ? `${props.gap}px` : props.gap || 0};
|
|
159
160
|
align-self: ${(props) => props.alignSelf || "auto"};
|
|
161
|
+
/* Only emit overflow-x/y when explicitly set. Defaulting them to
|
|
162
|
+
visible after overflow would override the shorthand and break
|
|
163
|
+
clipping (e.g. OtherCard bottom-right promo image). */
|
|
160
164
|
overflow: ${(props) => props.overflow || "visible"};
|
|
161
|
-
|
|
162
|
-
|
|
165
|
+
${(props) => props.overflowX != null ? `overflow-x: ${props.overflowX};` : ""}
|
|
166
|
+
${(props) => props.overflowY != null ? `overflow-y: ${props.overflowY};` : ""}
|
|
163
167
|
z-index: ${(props) => props.zIndex};
|
|
164
|
-
opacity: ${(props) => props.disabled ? 0.5 : 1};
|
|
168
|
+
opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
|
|
165
169
|
pointer-events: ${(props) => props.disabled ? "none" : "auto"};
|
|
166
170
|
|
|
167
171
|
&:hover {
|
|
@@ -212,6 +216,7 @@ var Box = React2.forwardRef(
|
|
|
212
216
|
alt: alt || "",
|
|
213
217
|
onError,
|
|
214
218
|
onLoad,
|
|
219
|
+
"data-testid": dataTestId || testID,
|
|
215
220
|
style: {
|
|
216
221
|
display: "block",
|
|
217
222
|
objectFit: "cover",
|
|
@@ -511,6 +516,7 @@ var ADDITIONAL_BLOCKED_PROPS2 = /* @__PURE__ */ new Set([
|
|
|
511
516
|
"strokeWidth",
|
|
512
517
|
// CSS properties that pass isPropValid but are used as component props
|
|
513
518
|
"overflow",
|
|
519
|
+
"opacity",
|
|
514
520
|
"cursor",
|
|
515
521
|
"fontSize",
|
|
516
522
|
"fontWeight",
|
|
@@ -605,6 +611,7 @@ var ADDITIONAL_BLOCKED_PROPS3 = /* @__PURE__ */ new Set([
|
|
|
605
611
|
"strokeWidth",
|
|
606
612
|
// CSS properties that pass isPropValid but are used as component props
|
|
607
613
|
"overflow",
|
|
614
|
+
"opacity",
|
|
608
615
|
"cursor",
|
|
609
616
|
"fontSize",
|
|
610
617
|
"fontWeight",
|
|
@@ -711,11 +718,14 @@ var StyledBox2 = styled5(FilteredDiv4)`
|
|
|
711
718
|
flex-shrink: ${(props) => props.flexShrink ?? 1};
|
|
712
719
|
gap: ${(props) => typeof props.gap === "number" ? `${props.gap}px` : props.gap || 0};
|
|
713
720
|
align-self: ${(props) => props.alignSelf || "auto"};
|
|
721
|
+
/* Only emit overflow-x/y when explicitly set. Defaulting them to
|
|
722
|
+
visible after overflow would override the shorthand and break
|
|
723
|
+
clipping (e.g. OtherCard bottom-right promo image). */
|
|
714
724
|
overflow: ${(props) => props.overflow || "visible"};
|
|
715
|
-
|
|
716
|
-
|
|
725
|
+
${(props) => props.overflowX != null ? `overflow-x: ${props.overflowX};` : ""}
|
|
726
|
+
${(props) => props.overflowY != null ? `overflow-y: ${props.overflowY};` : ""}
|
|
717
727
|
z-index: ${(props) => props.zIndex};
|
|
718
|
-
opacity: ${(props) => props.disabled ? 0.5 : 1};
|
|
728
|
+
opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
|
|
719
729
|
pointer-events: ${(props) => props.disabled ? "none" : "auto"};
|
|
720
730
|
|
|
721
731
|
&:hover {
|
|
@@ -766,6 +776,7 @@ var Box2 = React22.forwardRef(
|
|
|
766
776
|
alt: alt || "",
|
|
767
777
|
onError,
|
|
768
778
|
onLoad,
|
|
779
|
+
"data-testid": dataTestId || testID,
|
|
769
780
|
style: {
|
|
770
781
|
display: "block",
|
|
771
782
|
objectFit: "cover",
|