@thecb/components 10.6.7-beta.0 → 10.6.7-beta.1

package/dist/index.cjs.js

@@ -18419,42 +18419,26 @@ var CloseIcon = function CloseIcon(_ref) {
   var _ref$iconFill = _ref.iconFill,
     iconFill = _ref$iconFill === void 0 ? "#3B414D" : _ref$iconFill,
     _ref$iconWidth = _ref.iconWidth,
-    iconWidth = _ref$iconWidth === void 0 ? "24" : _ref$iconWidth,
+    iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
     _ref$iconHeight = _ref.iconHeight,
-    iconHeight = _ref$iconHeight === void 0 ? "24" : _ref$iconHeight,
+    iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
     rest = _objectWithoutProperties(_ref, _excluded$k);
   return /*#__PURE__*/React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: iconWidth,
-    height: iconHeight,
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, rest), /*#__PURE__*/React__default.createElement("title", null, "Close Icon"), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.3033 5.98982C17.108 5.79456 16.7915 5.79456 16.5962 5.98982L12 10.586L7.40381 5.98982C7.20854 5.79456 6.89196 5.79456 6.6967 5.98982L5.98959 6.69693C5.79433 6.89219 5.79433 7.20878 5.98959 7.40404L10.5858 12.0002L5.98959 16.5964C5.79433 16.7917 5.79433 17.1083 5.98959 17.3035L6.6967 18.0106C6.89196 18.2059 7.20854 18.2059 7.40381 18.0106L12 13.4144L16.5962 18.0106C16.7915 18.2059 17.108 18.2059 17.3033 18.0106L18.0104 17.3035C18.2057 17.1083 18.2057 16.7917 18.0104 16.5964L13.4142 12.0002L18.0104 7.40404C18.2057 7.20878 18.2057 6.89219 18.0104 6.69693L17.3033 5.98982Z",
-    fill: iconFill
-  }), /*#__PURE__*/React__default.createElement("mask", {
-    id: "mask0_3727_16765",
+    width: "24",
+    height: "25",
+    viewBox: "0 0 24 25",
+    fill: "none",
     style: {
-      maskType: "luminance"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "5",
-    y: "5",
-    width: "14",
-    height: "14"
-  }, /*#__PURE__*/React__default.createElement("path", {
+      width: iconWidth,
+      height: iconHeight
+    }
+  }, rest), /*#__PURE__*/React__default.createElement("title", null, "Close Icon"), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M17.3033 5.98982C17.108 5.79456 16.7915 5.79456 16.5962 5.98982L12 10.586L7.40381 5.98982C7.20854 5.79456 6.89196 5.79456 6.6967 5.98982L5.98959 6.69693C5.79433 6.89219 5.79433 7.20878 5.98959 7.40404L10.5858 12.0002L5.98959 16.5964C5.79433 16.7917 5.79433 17.1083 5.98959 17.3035L6.6967 18.0106C6.89196 18.2059 7.20854 18.2059 7.40381 18.0106L12 13.4144L16.5962 18.0106C16.7915 18.2059 17.108 18.2059 17.3033 18.0106L18.0104 17.3035C18.2057 17.1083 18.2057 16.7917 18.0104 16.5964L13.4142 12.0002L18.0104 7.40404C18.2057 7.20878 18.2057 6.89219 18.0104 6.69693L17.3033 5.98982Z",
-    fill: "none"
-  })), /*#__PURE__*/React__default.createElement("g", {
-    mask: "url(#mask0_3727_16765)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 0H24V24H0V0Z",
+    d: "M17.3033 6.48982C17.108 6.29456 16.7915 6.29456 16.5962 6.48982L12 11.086L7.40381 6.48982C7.20854 6.29456 6.89196 6.29456 6.6967 6.48982L5.98959 7.19693C5.79433 7.39219 5.79433 7.70878 5.98959 7.90404L10.5858 12.5002L5.98959 17.0964C5.79433 17.2917 5.79433 17.6083 5.98959 17.8035L6.6967 18.5106C6.89196 18.7059 7.20854 18.7059 7.40381 18.5106L12 13.9144L16.5962 18.5106C16.7915 18.7059 17.108 18.7059 17.3033 18.5106L18.0104 17.8035C18.2057 17.6083 18.2057 17.2917 18.0104 17.0964L13.4142 12.5002L18.0104 7.90404C18.2057 7.70878 18.2057 7.39219 18.0104 7.19693L17.3033 6.48982Z",
     fill: iconFill
-  })));
+  }));
 };
 
 var TrashIconV2 = function TrashIconV2(_ref) {
@@ -47065,9 +47049,9 @@ var CloseIconButton = function CloseIconButton(_ref) {
     _ref$hideModal = _ref.hideModal,
     hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
     _ref$iconWidth = _ref.iconWidth,
-    iconWidth = _ref$iconWidth === void 0 ? "24" : _ref$iconWidth,
+    iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
     _ref$iconHeight = _ref.iconHeight,
-    iconHeight = _ref$iconHeight === void 0 ? "24" : _ref$iconHeight,
+    iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
     _ref$ariaLabel = _ref.ariaLabel,
     ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
   return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
@@ -47267,7 +47251,9 @@ var Modal$2 = function Modal(_ref) {
     weight: FONT_WEIGHT_SEMIBOLD,
     fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
   }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React__default.createElement(CloseIconButton, {
-    hideModal: hideModal
+    hideModal: hideModal,
+    iconHeight: isMobile ? "20px" : "24px",
+    iconWidth: isMobile ? "20px" : "24px"
   }))), /*#__PURE__*/React__default.createElement(Box, {
     background: modalBodyBg || ATHENS_GREY,
     padding: "0"