@moda/om 17.1.0 → 17.2.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/CHANGELOG.md +7 -0
- package/dist/index.cjs.js +8 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +8 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/ColorSwatch/ColorSwatch.d.ts +2 -2
- package/package.json +1 -1
- package/src/components/ColorSwatch/ColorSwatch.tsx +8 -6
package/dist/index.esm.js
CHANGED
|
@@ -5964,7 +5964,7 @@ var SKU_COLORS = {
|
|
|
5964
5964
|
yellow: '#ffca44'
|
|
5965
5965
|
};
|
|
5966
5966
|
|
|
5967
|
-
var _excluded$s = ["className", "size", "color", "backgroundUrl", "focus", "hover", "selected", "soldOut", "onSale", "onClick", "onMouseEnter", "disabled"];
|
|
5967
|
+
var _excluded$s = ["className", "size", "color", "backgroundUrl", "focus", "hover", "selected", "soldOut", "onSale", "onClick", "onMouseEnter", "disabled", "title"];
|
|
5968
5968
|
var ColorSwatch = function ColorSwatch(_ref) {
|
|
5969
5969
|
var className = _ref.className,
|
|
5970
5970
|
size = _ref.size,
|
|
@@ -5978,14 +5978,15 @@ var ColorSwatch = function ColorSwatch(_ref) {
|
|
|
5978
5978
|
onClick = _ref.onClick,
|
|
5979
5979
|
onMouseEnter = _ref.onMouseEnter,
|
|
5980
5980
|
disabled = _ref.disabled,
|
|
5981
|
+
title = _ref.title,
|
|
5981
5982
|
rest = _objectWithoutProperties(_ref, _excluded$s);
|
|
5982
5983
|
|
|
5983
5984
|
var handleClick = useCallback(function (_event) {
|
|
5984
|
-
onClick && onClick(color);
|
|
5985
|
-
}, [color, onClick]);
|
|
5985
|
+
onClick && onClick(color, title);
|
|
5986
|
+
}, [color, title, onClick]);
|
|
5986
5987
|
var handleMouseEnter = useCallback(function (_event) {
|
|
5987
|
-
onMouseEnter && onMouseEnter(color);
|
|
5988
|
-
}, [color, onMouseEnter]);
|
|
5988
|
+
onMouseEnter && onMouseEnter(color, title);
|
|
5989
|
+
}, [color, title, onMouseEnter]);
|
|
5989
5990
|
var backgroundColor = SKU_COLORS[color];
|
|
5990
5991
|
|
|
5991
5992
|
var styles = _objectSpread2({
|
|
@@ -6007,7 +6008,8 @@ var ColorSwatch = function ColorSwatch(_ref) {
|
|
|
6007
6008
|
}, className),
|
|
6008
6009
|
onClick: handleClick,
|
|
6009
6010
|
onMouseEnter: handleMouseEnter,
|
|
6010
|
-
disabled: disabled
|
|
6011
|
+
disabled: disabled,
|
|
6012
|
+
title: title
|
|
6011
6013
|
}, rest), /*#__PURE__*/React__default.createElement("div", {
|
|
6012
6014
|
className: "ColorSwatch__chip",
|
|
6013
6015
|
style: styles
|