@shoplflow/base 0.42.22 → 0.42.23
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/dist/index.cjs +4 -2
- package/dist/index.js +4 -2
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1297,7 +1297,7 @@ var StyledSwitch = styled6__default.default.input`
|
|
|
1297
1297
|
position: relative;
|
|
1298
1298
|
display: flex;
|
|
1299
1299
|
align-items: center;
|
|
1300
|
-
background: ${exports.colorTokens.neutral350};
|
|
1300
|
+
background: ${({ sizeVar }) => sizeVar === "M" ? exports.colorTokens.neutral350 : exports.colorTokens.neutral400};
|
|
1301
1301
|
padding: 2px;
|
|
1302
1302
|
margin: 0;
|
|
1303
1303
|
|
|
@@ -4795,6 +4795,8 @@ var PaginationSizeSelector = ({ data, pageSize, setPageSize }) => {
|
|
|
4795
4795
|
handleToggleSelect(value);
|
|
4796
4796
|
setPageSize(value);
|
|
4797
4797
|
};
|
|
4798
|
+
const currentItem = selectedItem || data.find((item) => item.value === pageSize);
|
|
4799
|
+
const displayLabel = currentItem ? currentItem.label : String(pageSize);
|
|
4798
4800
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4799
4801
|
exports.Dropdown,
|
|
4800
4802
|
{
|
|
@@ -4805,7 +4807,7 @@ var PaginationSizeSelector = ({ data, pageSize, setPageSize }) => {
|
|
|
4805
4807
|
{
|
|
4806
4808
|
placeholder: String(pageSize),
|
|
4807
4809
|
sizeVar: "S",
|
|
4808
|
-
value:
|
|
4810
|
+
value: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", color: "neutral400", children: displayLabel })
|
|
4809
4811
|
}
|
|
4810
4812
|
),
|
|
4811
4813
|
popper: /* @__PURE__ */ jsxRuntime.jsx(exports.Dropdown.Content, { type: "FILL", children: data.map((item) => {
|
package/dist/index.js
CHANGED
|
@@ -1270,7 +1270,7 @@ var StyledSwitch = styled6.input`
|
|
|
1270
1270
|
position: relative;
|
|
1271
1271
|
display: flex;
|
|
1272
1272
|
align-items: center;
|
|
1273
|
-
background: ${colorTokens.neutral350};
|
|
1273
|
+
background: ${({ sizeVar }) => sizeVar === "M" ? colorTokens.neutral350 : colorTokens.neutral400};
|
|
1274
1274
|
padding: 2px;
|
|
1275
1275
|
margin: 0;
|
|
1276
1276
|
|
|
@@ -4768,6 +4768,8 @@ var PaginationSizeSelector = ({ data, pageSize, setPageSize }) => {
|
|
|
4768
4768
|
handleToggleSelect(value);
|
|
4769
4769
|
setPageSize(value);
|
|
4770
4770
|
};
|
|
4771
|
+
const currentItem = selectedItem || data.find((item) => item.value === pageSize);
|
|
4772
|
+
const displayLabel = currentItem ? currentItem.label : String(pageSize);
|
|
4771
4773
|
return /* @__PURE__ */ jsx(
|
|
4772
4774
|
Dropdown_default,
|
|
4773
4775
|
{
|
|
@@ -4778,7 +4780,7 @@ var PaginationSizeSelector = ({ data, pageSize, setPageSize }) => {
|
|
|
4778
4780
|
{
|
|
4779
4781
|
placeholder: String(pageSize),
|
|
4780
4782
|
sizeVar: "S",
|
|
4781
|
-
value:
|
|
4783
|
+
value: /* @__PURE__ */ jsx(Text_default, { typography: "body1_400", color: "neutral400", children: displayLabel })
|
|
4782
4784
|
}
|
|
4783
4785
|
),
|
|
4784
4786
|
popper: /* @__PURE__ */ jsx(Dropdown_default.Content, { type: "FILL", children: data.map((item) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.42.
|
|
3
|
+
"version": "0.42.23",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"react-dom": "^18.2.0",
|
|
92
92
|
"simplebar-react": "^3.2.6",
|
|
93
93
|
"@shoplflow/hada-assets": "^0.1.8",
|
|
94
|
-
"@shoplflow/shopl-assets": "^0.12.
|
|
94
|
+
"@shoplflow/shopl-assets": "^0.12.26",
|
|
95
95
|
"@shoplflow/utils": "^0.7.0"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|