@xsolla/xui-status-dropdown 0.202.4 → 0.204.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 +25 -14
- package/native/index.js.map +1 -1
- package/native/index.mjs +24 -13
- package/native/index.mjs.map +1 -1
- package/package.json +5 -5
- package/web/index.js +25 -14
- package/web/index.js.map +1 -1
- package/web/index.mjs +24 -13
- package/web/index.mjs.map +1 -1
package/web/index.mjs
CHANGED
|
@@ -1086,6 +1086,17 @@ import { jsx as jsx718 } from "react/jsx-runtime";
|
|
|
1086
1086
|
import { jsx as jsx719 } from "react/jsx-runtime";
|
|
1087
1087
|
import { jsx as jsx720 } from "react/jsx-runtime";
|
|
1088
1088
|
import { jsx as jsx721 } from "react/jsx-runtime";
|
|
1089
|
+
import { jsx as jsx722 } from "react/jsx-runtime";
|
|
1090
|
+
import { jsx as jsx723 } from "react/jsx-runtime";
|
|
1091
|
+
import { jsx as jsx724 } from "react/jsx-runtime";
|
|
1092
|
+
import { jsx as jsx725 } from "react/jsx-runtime";
|
|
1093
|
+
import { jsx as jsx726 } from "react/jsx-runtime";
|
|
1094
|
+
import { jsx as jsx727 } from "react/jsx-runtime";
|
|
1095
|
+
import { jsx as jsx728 } from "react/jsx-runtime";
|
|
1096
|
+
import { jsx as jsx729 } from "react/jsx-runtime";
|
|
1097
|
+
import { jsx as jsx730 } from "react/jsx-runtime";
|
|
1098
|
+
import { jsx as jsx731 } from "react/jsx-runtime";
|
|
1099
|
+
import { jsx as jsx732 } from "react/jsx-runtime";
|
|
1089
1100
|
var StyledIcon2 = styled4.div`
|
|
1090
1101
|
display: inline-flex;
|
|
1091
1102
|
align-items: center;
|
|
@@ -1103,8 +1114,8 @@ var BaseIcon = ({
|
|
|
1103
1114
|
variant = "line",
|
|
1104
1115
|
size = 24,
|
|
1105
1116
|
color = "currentColor",
|
|
1106
|
-
solidContent:
|
|
1107
|
-
lineContent:
|
|
1117
|
+
solidContent: solidContent732,
|
|
1118
|
+
lineContent: lineContent732,
|
|
1108
1119
|
className,
|
|
1109
1120
|
style,
|
|
1110
1121
|
"data-testid": testId,
|
|
@@ -1112,7 +1123,7 @@ var BaseIcon = ({
|
|
|
1112
1123
|
"aria-label": ariaLabel,
|
|
1113
1124
|
"aria-hidden": ariaHidden
|
|
1114
1125
|
}) => {
|
|
1115
|
-
const svgContent = variant === "line" ?
|
|
1126
|
+
const svgContent = variant === "line" ? lineContent732 : solidContent732;
|
|
1116
1127
|
const sizeValue = typeof size === "number" ? `${size}px` : size;
|
|
1117
1128
|
return /* @__PURE__ */ jsx4(
|
|
1118
1129
|
StyledIcon2,
|
|
@@ -1134,7 +1145,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
|
|
|
1134
1145
|
var ChevronDown = (props) => /* @__PURE__ */ jsx127(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
|
|
1135
1146
|
|
|
1136
1147
|
// src/StatusDropdown.tsx
|
|
1137
|
-
import { jsx as
|
|
1148
|
+
import { jsx as jsx733, jsxs } from "react/jsx-runtime";
|
|
1138
1149
|
var gapMap = {
|
|
1139
1150
|
xl: 4,
|
|
1140
1151
|
lg: 4,
|
|
@@ -1261,7 +1272,7 @@ var StatusDropdown = forwardRef(
|
|
|
1261
1272
|
outlineOffset: isFocusVisible ? 2 : void 0
|
|
1262
1273
|
} : void 0,
|
|
1263
1274
|
children: [
|
|
1264
|
-
isWeb && /* @__PURE__ */
|
|
1275
|
+
isWeb && /* @__PURE__ */ jsx733(
|
|
1265
1276
|
Box,
|
|
1266
1277
|
{
|
|
1267
1278
|
"aria-hidden": true,
|
|
@@ -1274,7 +1285,7 @@ var StatusDropdown = forwardRef(
|
|
|
1274
1285
|
hoverStyle: { backgroundColor: theme.colors.overlay.mono }
|
|
1275
1286
|
}
|
|
1276
1287
|
),
|
|
1277
|
-
dot && /* @__PURE__ */
|
|
1288
|
+
dot && /* @__PURE__ */ jsx733(
|
|
1278
1289
|
Box,
|
|
1279
1290
|
{
|
|
1280
1291
|
width: sizeStyles.iconSize,
|
|
@@ -1282,7 +1293,7 @@ var StatusDropdown = forwardRef(
|
|
|
1282
1293
|
alignItems: "center",
|
|
1283
1294
|
justifyContent: "center",
|
|
1284
1295
|
flexShrink: 0,
|
|
1285
|
-
children: /* @__PURE__ */
|
|
1296
|
+
children: /* @__PURE__ */ jsx733(
|
|
1286
1297
|
Box,
|
|
1287
1298
|
{
|
|
1288
1299
|
testID: testID ? `${testID}-dot` : "status-dropdown-dot",
|
|
@@ -1294,14 +1305,14 @@ var StatusDropdown = forwardRef(
|
|
|
1294
1305
|
)
|
|
1295
1306
|
}
|
|
1296
1307
|
),
|
|
1297
|
-
/* @__PURE__ */
|
|
1308
|
+
/* @__PURE__ */ jsx733(
|
|
1298
1309
|
Box,
|
|
1299
1310
|
{
|
|
1300
1311
|
paddingHorizontal: gap,
|
|
1301
1312
|
flexShrink: 1,
|
|
1302
1313
|
minWidth: 0,
|
|
1303
1314
|
...isWeb ? { overflow: "hidden" } : {},
|
|
1304
|
-
children: /* @__PURE__ */
|
|
1315
|
+
children: /* @__PURE__ */ jsx733(
|
|
1305
1316
|
Text,
|
|
1306
1317
|
{
|
|
1307
1318
|
color: contentColor,
|
|
@@ -1324,7 +1335,7 @@ var StatusDropdown = forwardRef(
|
|
|
1324
1335
|
)
|
|
1325
1336
|
}
|
|
1326
1337
|
),
|
|
1327
|
-
/* @__PURE__ */
|
|
1338
|
+
/* @__PURE__ */ jsx733(
|
|
1328
1339
|
Box,
|
|
1329
1340
|
{
|
|
1330
1341
|
width: sizeStyles.iconSize,
|
|
@@ -1332,7 +1343,7 @@ var StatusDropdown = forwardRef(
|
|
|
1332
1343
|
alignItems: "center",
|
|
1333
1344
|
justifyContent: "center",
|
|
1334
1345
|
flexShrink: 0,
|
|
1335
|
-
children: /* @__PURE__ */
|
|
1346
|
+
children: /* @__PURE__ */ jsx733(
|
|
1336
1347
|
Icon,
|
|
1337
1348
|
{
|
|
1338
1349
|
size: sizeStyles.iconSize,
|
|
@@ -1341,7 +1352,7 @@ var StatusDropdown = forwardRef(
|
|
|
1341
1352
|
transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
|
|
1342
1353
|
...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
|
|
1343
1354
|
},
|
|
1344
|
-
children: /* @__PURE__ */
|
|
1355
|
+
children: /* @__PURE__ */ jsx733(ChevronDown, {})
|
|
1345
1356
|
}
|
|
1346
1357
|
)
|
|
1347
1358
|
}
|
|
@@ -1349,7 +1360,7 @@ var StatusDropdown = forwardRef(
|
|
|
1349
1360
|
]
|
|
1350
1361
|
}
|
|
1351
1362
|
);
|
|
1352
|
-
return /* @__PURE__ */
|
|
1363
|
+
return /* @__PURE__ */ jsx733(
|
|
1353
1364
|
ContextMenu,
|
|
1354
1365
|
{
|
|
1355
1366
|
trigger,
|