@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 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: ${exports.colorTokens.neutral0};
3175
+ background: transparent;
3176
3176
  cursor: pointer;
3177
3177
  ${({ disabled }) => disabled && getDisabledStyle(disabled)}
3178
3178
  &:hover {
3179
- background: ${exports.colorTokens.neutral100};
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, { height: "36px", width: "100%", spacing: "spacing08", align: "center", children }),
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
- [range, handleRange]
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: ${colorTokens.neutral0};
3148
+ background: transparent;
3149
3149
  cursor: pointer;
3150
3150
  ${({ disabled }) => disabled && getDisabledStyle(disabled)}
3151
3151
  &:hover {
3152
- background: ${colorTokens.neutral100};
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, { height: "36px", width: "100%", spacing: "spacing08", align: "center", children }),
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
- [range, handleRange]
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.35.1",
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/shopl-assets": "^0.12.3",
95
- "@shoplflow/utils": "^0.6.5"
94
+ "@shoplflow/utils": "^0.6.5",
95
+ "@shoplflow/shopl-assets": "^0.12.3"
96
96
  },
97
97
  "scripts": {
98
98
  "type-check": "tsc --noEmit",