@moda/om 17.1.0 → 17.3.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.3.0](https://github.com/ModaOperandi/om/compare/v17.2.1...v17.3.0) (2022-08-23)
+
+
+### Features
+
+* **colorswatch:** add new colors ([#2854](https://github.com/ModaOperandi/om/issues/2854)) ([a087080](https://github.com/ModaOperandi/om/commit/a0870807d284aab16815673720dca147a895fa09))
+
+## [17.2.1](https://github.com/ModaOperandi/om/compare/v17.2.0...v17.2.1) (2022-08-22)
+
+
+### Bug Fixes
+
+* **colorswatch:** show black dot only on white bg ([046877d](https://github.com/ModaOperandi/om/commit/046877d0e7d33de624b23848f6c8436cb9637853))
+
+# [17.2.0](https://github.com/ModaOperandi/om/compare/v17.1.0...v17.2.0) (2022-08-22)
+
+
+### Features
+
+* **colorswatch:** add title to the callbacks ([a259d7a](https://github.com/ModaOperandi/om/commit/a259d7a76785dccc30fb6489702e3ab1d5ee0055))
+
 # [17.1.0](https://github.com/ModaOperandi/om/compare/v17.0.0...v17.1.0) (2022-08-17)
 
 

package/dist/index.cjs.js

@@ -5956,6 +5956,7 @@ var SKU_COLORS = {
   'rose gold': '#b76e79',
   'royal blue': '#0049ff',
   animal: undefined,
+  berry: '#8f1e47',
   black: '#000',
   blue: '#3755a4',
   bronze: '#cd7f2e',
@@ -5986,13 +5987,17 @@ var SKU_COLORS = {
   silver: '#c0c0c0',
   stripe: undefined,
   tan: '#baa094',
+  taupe: '#483c32',
   turquoise: '#1e83a8',
+  universal: undefined,
   white: '#fff',
   yellow: '#ffca44'
 };
 
-var _excluded$s = ["className", "size", "color", "backgroundUrl", "focus", "hover", "selected", "soldOut", "onSale", "onClick", "onMouseEnter", "disabled"];
+var _excluded$s = ["className", "size", "color", "backgroundUrl", "focus", "hover", "selected", "soldOut", "onSale", "onClick", "onMouseEnter", "disabled", "title"];
 var ColorSwatch = function ColorSwatch(_ref) {
+  var _SKU_COLORS;
+
   var className = _ref.className,
       size = _ref.size,
       color = _ref.color,
@@ -6005,18 +6010,20 @@ var ColorSwatch = function ColorSwatch(_ref) {
       onClick = _ref.onClick,
       onMouseEnter = _ref.onMouseEnter,
       disabled = _ref.disabled,
+      title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded$s);
 
   var handleClick = React.useCallback(function (_event) {
-    onClick && onClick(color);
-  }, [color, onClick]);
+    onClick && onClick(color, title);
+  }, [color, title, onClick]);
   var handleMouseEnter = React.useCallback(function (_event) {
-    onMouseEnter && onMouseEnter(color);
-  }, [color, onMouseEnter]);
-  var backgroundColor = SKU_COLORS[color];
+    onMouseEnter && onMouseEnter(color, title);
+  }, [color, title, onMouseEnter]);
+  var backgroundColor = (_SKU_COLORS = SKU_COLORS[color]) !== null && _SKU_COLORS !== void 0 ? _SKU_COLORS : color;
+  var isWhite = !backgroundUrl && (!backgroundColor.startsWith('#') || backgroundColor.toLowerCase() === '#fff' || backgroundColor.toLowerCase() === '#ffffff');
 
   var styles = _objectSpread2({
-    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : color
+    backgroundColor: backgroundColor
   }, backgroundUrl ? {
     backgroundImage: "url(".concat(backgroundUrl, ")"),
     backgroundSize: 'cover'
@@ -6024,7 +6031,7 @@ var ColorSwatch = function ColorSwatch(_ref) {
 
   return /*#__PURE__*/React__default["default"].createElement(Clickable, _extends$1({
     className: classNames("ColorSwatch", {
-      'ColorSwatch--light': !backgroundColor || backgroundColor === '#fff',
+      'ColorSwatch--light': isWhite,
       'ColorSwatch--small': size === 'small',
       'ColorSwatch--hover': hover,
       'ColorSwatch--focus': focus,
@@ -6034,7 +6041,8 @@ var ColorSwatch = function ColorSwatch(_ref) {
     }, className),
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
-    disabled: disabled
+    disabled: disabled,
+    title: title
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ColorSwatch__chip",
     style: styles