@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.
Files changed (9) hide show
  1. package/native/index.js +11 -3
  2. package/native/index.js.map +1 -1
  3. package/native/index.mjs +11 -3
  4. package/native/index.mjs.map +1 -1
  5. package/package.json +6 -6
  6. package/web/index.js +17 -6
  7. package/web/index.js.map +1 -1
  8. package/web/index.mjs +17 -6
  9. package/web/index.mjs.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-multi-select",
3
- "version": "0.201.4",
3
+ "version": "0.202.0",
4
4
  "main": "./web/index.js",
5
5
  "module": "./web/index.mjs",
6
6
  "types": "./web/index.d.ts",
@@ -10,11 +10,11 @@
10
10
  "build:native": "PLATFORM=native tsup"
11
11
  },
12
12
  "dependencies": {
13
- "@xsolla/xui-checkbox": "0.201.4",
14
- "@xsolla/xui-core": "0.201.4",
15
- "@xsolla/xui-dropdown": "0.201.4",
16
- "@xsolla/xui-icons-base": "0.201.4",
17
- "@xsolla/xui-primitives-core": "0.201.4"
13
+ "@xsolla/xui-checkbox": "0.202.0",
14
+ "@xsolla/xui-core": "0.202.0",
15
+ "@xsolla/xui-dropdown": "0.202.0",
16
+ "@xsolla/xui-icons-base": "0.202.0",
17
+ "@xsolla/xui-primitives-core": "0.202.0"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "react": ">=16.8.0",
package/web/index.js CHANGED
@@ -79,6 +79,7 @@ var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
79
79
  "strokeWidth",
80
80
  // CSS properties that pass isPropValid but are used as component props
81
81
  "overflow",
82
+ "opacity",
82
83
  "cursor",
83
84
  "fontSize",
84
85
  "fontWeight",
@@ -188,11 +189,14 @@ var StyledBox = (0, import_styled_components.default)(FilteredDiv)`
188
189
  flex-shrink: ${(props) => props.flexShrink ?? 1};
189
190
  gap: ${(props) => typeof props.gap === "number" ? `${props.gap}px` : props.gap || 0};
190
191
  align-self: ${(props) => props.alignSelf || "auto"};
192
+ /* Only emit overflow-x/y when explicitly set. Defaulting them to
193
+ visible after overflow would override the shorthand and break
194
+ clipping (e.g. OtherCard bottom-right promo image). */
191
195
  overflow: ${(props) => props.overflow || "visible"};
192
- overflow-x: ${(props) => props.overflowX || "visible"};
193
- overflow-y: ${(props) => props.overflowY || "visible"};
196
+ ${(props) => props.overflowX != null ? `overflow-x: ${props.overflowX};` : ""}
197
+ ${(props) => props.overflowY != null ? `overflow-y: ${props.overflowY};` : ""}
194
198
  z-index: ${(props) => props.zIndex};
195
- opacity: ${(props) => props.disabled ? 0.5 : 1};
199
+ opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
196
200
  pointer-events: ${(props) => props.disabled ? "none" : "auto"};
197
201
 
198
202
  &:hover {
@@ -243,6 +247,7 @@ var Box = import_react2.default.forwardRef(
243
247
  alt: alt || "",
244
248
  onError,
245
249
  onLoad,
250
+ "data-testid": dataTestId || testID,
246
251
  style: {
247
252
  display: "block",
248
253
  objectFit: "cover",
@@ -527,6 +532,7 @@ var ADDITIONAL_BLOCKED_PROPS2 = /* @__PURE__ */ new Set([
527
532
  "strokeWidth",
528
533
  // CSS properties that pass isPropValid but are used as component props
529
534
  "overflow",
535
+ "opacity",
530
536
  "cursor",
531
537
  "fontSize",
532
538
  "fontWeight",
@@ -621,6 +627,7 @@ var ADDITIONAL_BLOCKED_PROPS3 = /* @__PURE__ */ new Set([
621
627
  "strokeWidth",
622
628
  // CSS properties that pass isPropValid but are used as component props
623
629
  "overflow",
630
+ "opacity",
624
631
  "cursor",
625
632
  "fontSize",
626
633
  "fontWeight",
@@ -727,11 +734,14 @@ var StyledBox2 = (0, import_styled_components5.default)(FilteredDiv4)`
727
734
  flex-shrink: ${(props) => props.flexShrink ?? 1};
728
735
  gap: ${(props) => typeof props.gap === "number" ? `${props.gap}px` : props.gap || 0};
729
736
  align-self: ${(props) => props.alignSelf || "auto"};
737
+ /* Only emit overflow-x/y when explicitly set. Defaulting them to
738
+ visible after overflow would override the shorthand and break
739
+ clipping (e.g. OtherCard bottom-right promo image). */
730
740
  overflow: ${(props) => props.overflow || "visible"};
731
- overflow-x: ${(props) => props.overflowX || "visible"};
732
- overflow-y: ${(props) => props.overflowY || "visible"};
741
+ ${(props) => props.overflowX != null ? `overflow-x: ${props.overflowX};` : ""}
742
+ ${(props) => props.overflowY != null ? `overflow-y: ${props.overflowY};` : ""}
733
743
  z-index: ${(props) => props.zIndex};
734
- opacity: ${(props) => props.disabled ? 0.5 : 1};
744
+ opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
735
745
  pointer-events: ${(props) => props.disabled ? "none" : "auto"};
736
746
 
737
747
  &:hover {
@@ -782,6 +792,7 @@ var Box2 = import_react6.default.forwardRef(
782
792
  alt: alt || "",
783
793
  onError,
784
794
  onLoad,
795
+ "data-testid": dataTestId || testID,
785
796
  style: {
786
797
  display: "block",
787
798
  objectFit: "cover",