@shoplflow/base 0.35.1 → 0.36.1
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 +7 -7
- package/dist/index.js +7 -7
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -3172,11 +3172,11 @@ var StyledList = styled6__default.default.li`
|
|
|
3172
3172
|
padding: 6px 8px;
|
|
3173
3173
|
gap: 4px;
|
|
3174
3174
|
border-radius: 8px;
|
|
3175
|
-
background:
|
|
3175
|
+
background: transparent;
|
|
3176
3176
|
cursor: pointer;
|
|
3177
3177
|
${({ disabled }) => disabled && getDisabledStyle(disabled)}
|
|
3178
3178
|
&:hover {
|
|
3179
|
-
background: ${exports.colorTokens.
|
|
3179
|
+
background: ${exports.colorTokens.neutral400_5};
|
|
3180
3180
|
}
|
|
3181
3181
|
`;
|
|
3182
3182
|
var StyledText2Rows = styled6__default.default.div`
|
|
@@ -3193,7 +3193,7 @@ var List = (_a) => {
|
|
|
3193
3193
|
}
|
|
3194
3194
|
return /* @__PURE__ */ jsxRuntime.jsxs(StyledList, __spreadProps(__spreadValues({ "data-shoplflow": "List" }, rest), { children: [
|
|
3195
3195
|
LeftSourceClone && LeftSourceClone,
|
|
3196
|
-
/* @__PURE__ */ jsxRuntime.jsx(exports.Stack.Horizontal, {
|
|
3196
|
+
/* @__PURE__ */ jsxRuntime.jsx(exports.Stack.Horizontal, { minHeight: "36px", width: "100%", spacing: "spacing08", align: "center", children }),
|
|
3197
3197
|
rightSource && rightSource
|
|
3198
3198
|
] }));
|
|
3199
3199
|
};
|
|
@@ -4208,7 +4208,7 @@ var StyledTooltipContent = styled6__default.default.div`
|
|
|
4208
4208
|
`;
|
|
4209
4209
|
var TooltipContent = (_a) => {
|
|
4210
4210
|
var _b = _a, { content } = _b, args = __objRest(_b, ["content"]);
|
|
4211
|
-
return /* @__PURE__ */ jsxRuntime.jsx(StyledTooltipContent, __spreadProps(__spreadValues({}, args), { children: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "caption_400", color: "neutral0", wordBreak: "break-all", children: content }) }));
|
|
4211
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyledTooltipContent, __spreadProps(__spreadValues({}, args), { children: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "caption_400", color: "neutral0", wordBreak: "break-all", whiteSpace: "pre-line", children: content }) }));
|
|
4212
4212
|
};
|
|
4213
4213
|
var Tooltip = (_a) => {
|
|
4214
4214
|
var _b = _a, {
|
|
@@ -6759,7 +6759,7 @@ var SliderThumbs = ({
|
|
|
6759
6759
|
selectedColor,
|
|
6760
6760
|
onMouseDown
|
|
6761
6761
|
}) => {
|
|
6762
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: positions.map((position, index) => /* @__PURE__ */ jsxRuntime.jsx(ThumbButton, { style: { left: `${position}%` }, onMouseDown: onMouseDown(index), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6762
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: positions.map((position, index) => /* @__PURE__ */ jsxRuntime.jsx(ThumbButton, { style: { left: `${position}%` }, onMouseDown: onMouseDown(index), type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6763
6763
|
exports.Tooltip,
|
|
6764
6764
|
{
|
|
6765
6765
|
trigger: /* @__PURE__ */ jsxRuntime.jsx(ThumbCircle, { isDisabled, selectedColor }),
|
|
@@ -6782,11 +6782,11 @@ var useSlider = ({ bounds, step, defaultRange, handleRange, isDisabled = false }
|
|
|
6782
6782
|
} else if (index === 1) {
|
|
6783
6783
|
newRange[1] = Math.max(newValue, newRange[0]);
|
|
6784
6784
|
}
|
|
6785
|
+
handleRange == null ? void 0 : handleRange({ min: newRange[0], max: newRange[1] });
|
|
6785
6786
|
return newRange;
|
|
6786
6787
|
});
|
|
6787
|
-
handleRange == null ? void 0 : handleRange({ min: range[0], max: range[1] });
|
|
6788
6788
|
},
|
|
6789
|
-
[
|
|
6789
|
+
[handleRange]
|
|
6790
6790
|
);
|
|
6791
6791
|
const handleMouseDown = React3.useCallback(
|
|
6792
6792
|
(index) => (e) => {
|
package/dist/index.js
CHANGED
|
@@ -3145,11 +3145,11 @@ var StyledList = styled6.li`
|
|
|
3145
3145
|
padding: 6px 8px;
|
|
3146
3146
|
gap: 4px;
|
|
3147
3147
|
border-radius: 8px;
|
|
3148
|
-
background:
|
|
3148
|
+
background: transparent;
|
|
3149
3149
|
cursor: pointer;
|
|
3150
3150
|
${({ disabled }) => disabled && getDisabledStyle(disabled)}
|
|
3151
3151
|
&:hover {
|
|
3152
|
-
background: ${colorTokens.
|
|
3152
|
+
background: ${colorTokens.neutral400_5};
|
|
3153
3153
|
}
|
|
3154
3154
|
`;
|
|
3155
3155
|
var StyledText2Rows = styled6.div`
|
|
@@ -3166,7 +3166,7 @@ var List = (_a) => {
|
|
|
3166
3166
|
}
|
|
3167
3167
|
return /* @__PURE__ */ jsxs(StyledList, __spreadProps(__spreadValues({ "data-shoplflow": "List" }, rest), { children: [
|
|
3168
3168
|
LeftSourceClone && LeftSourceClone,
|
|
3169
|
-
/* @__PURE__ */ jsx(Stack_default.Horizontal, {
|
|
3169
|
+
/* @__PURE__ */ jsx(Stack_default.Horizontal, { minHeight: "36px", width: "100%", spacing: "spacing08", align: "center", children }),
|
|
3170
3170
|
rightSource && rightSource
|
|
3171
3171
|
] }));
|
|
3172
3172
|
};
|
|
@@ -4181,7 +4181,7 @@ var StyledTooltipContent = styled6.div`
|
|
|
4181
4181
|
`;
|
|
4182
4182
|
var TooltipContent = (_a) => {
|
|
4183
4183
|
var _b = _a, { content } = _b, args = __objRest(_b, ["content"]);
|
|
4184
|
-
return /* @__PURE__ */ jsx(StyledTooltipContent, __spreadProps(__spreadValues({}, args), { children: /* @__PURE__ */ jsx(Text_default, { typography: "caption_400", color: "neutral0", wordBreak: "break-all", children: content }) }));
|
|
4184
|
+
return /* @__PURE__ */ jsx(StyledTooltipContent, __spreadProps(__spreadValues({}, args), { children: /* @__PURE__ */ jsx(Text_default, { typography: "caption_400", color: "neutral0", wordBreak: "break-all", whiteSpace: "pre-line", children: content }) }));
|
|
4185
4185
|
};
|
|
4186
4186
|
var Tooltip = (_a) => {
|
|
4187
4187
|
var _b = _a, {
|
|
@@ -6732,7 +6732,7 @@ var SliderThumbs = ({
|
|
|
6732
6732
|
selectedColor,
|
|
6733
6733
|
onMouseDown
|
|
6734
6734
|
}) => {
|
|
6735
|
-
return /* @__PURE__ */ jsx(Fragment, { children: positions.map((position, index) => /* @__PURE__ */ jsx(ThumbButton, { style: { left: `${position}%` }, onMouseDown: onMouseDown(index), children: /* @__PURE__ */ jsx(
|
|
6735
|
+
return /* @__PURE__ */ jsx(Fragment, { children: positions.map((position, index) => /* @__PURE__ */ jsx(ThumbButton, { style: { left: `${position}%` }, onMouseDown: onMouseDown(index), type: "button", children: /* @__PURE__ */ jsx(
|
|
6736
6736
|
Tooltip_default,
|
|
6737
6737
|
{
|
|
6738
6738
|
trigger: /* @__PURE__ */ jsx(ThumbCircle, { isDisabled, selectedColor }),
|
|
@@ -6755,11 +6755,11 @@ var useSlider = ({ bounds, step, defaultRange, handleRange, isDisabled = false }
|
|
|
6755
6755
|
} else if (index === 1) {
|
|
6756
6756
|
newRange[1] = Math.max(newValue, newRange[0]);
|
|
6757
6757
|
}
|
|
6758
|
+
handleRange == null ? void 0 : handleRange({ min: newRange[0], max: newRange[1] });
|
|
6758
6759
|
return newRange;
|
|
6759
6760
|
});
|
|
6760
|
-
handleRange == null ? void 0 : handleRange({ min: range[0], max: range[1] });
|
|
6761
6761
|
},
|
|
6762
|
-
[
|
|
6762
|
+
[handleRange]
|
|
6763
6763
|
);
|
|
6764
6764
|
const handleMouseDown = useCallback(
|
|
6765
6765
|
(index) => (e) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.36.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -91,8 +91,8 @@
|
|
|
91
91
|
"react-dom": "^18.2.0",
|
|
92
92
|
"simplebar-react": "^3.2.6",
|
|
93
93
|
"@shoplflow/hada-assets": "^0.1.3",
|
|
94
|
-
"@shoplflow/
|
|
95
|
-
"@shoplflow/
|
|
94
|
+
"@shoplflow/utils": "^0.6.5",
|
|
95
|
+
"@shoplflow/shopl-assets": "^0.12.3"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|
|
98
98
|
"type-check": "tsc --noEmit",
|