@thecb/components 7.13.3-beta.10 → 7.13.3-beta.12

package/dist/index.esm.js

@@ -38001,7 +38001,8 @@ var Card = function Card(_ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     fullHeight: true,
     childGap: "0",
-    bottomItem: numberOfChildren
+    bottomItem: numberOfChildren,
+    direction: "row"
   }, headerText && /*#__PURE__*/React.createElement(CardHeader, {
     headerText: headerText,
     headerColor: themeValues.headerColor,
@@ -40367,48 +40368,6 @@ var fallbackValues$D = {
   bodyBackgroundColor: bodyBackgroundColor
 };
 
-var ChevronIconWhite = function ChevronIconWhite(_ref) {
-  var themeValues = _ref.themeValues,
-      iconFill = _ref.iconFill;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    style: {
-      display: "inline-block",
-      verticalAlign: "text-bottom"
-    }
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("polygon", {
-    id: "icon-chevron-path-1",
-    points: "10.4099998 6 9 7.40999976 13.5799996 11.9999996 9 16.5899995 10.4099998 17.9999993 16.4099994 11.9999996"
-  })), /*#__PURE__*/React.createElement("g", {
-    id: "icon-chevron-Icon/Chevron-Down",
-    fill: "#ffffff",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("mask", {
-    id: "icon-chevron-mask-2"
-  }, /*#__PURE__*/React.createElement("use", {
-    fill: iconFill !== null && iconFill !== void 0 ? iconFill : themeValues.singleIconColor,
-    xlinkHref: "#icon-chevron-path-1"
-  })), /*#__PURE__*/React.createElement("use", {
-    fill: iconFill !== null && iconFill !== void 0 ? iconFill : themeValues.singleIconColor,
-    id: "icon-chevron-Fill-2",
-    xlinkHref: "#icon-chevron-path-1"
-  }), /*#__PURE__*/React.createElement("g", {
-    id: "Colors/Blue-Dark",
-    mask: "url(#icon-chevron-mask-2)",
-    fill: iconFill !== null && iconFill !== void 0 ? iconFill : themeValues.singleIconColor
-  }, /*#__PURE__*/React.createElement("rect", {
-    id: "icon-chevron-rect",
-    width: "24",
-    height: "24"
-  }))));
-};
-
-var ChevronIconWhite$1 = themeComponent(ChevronIconWhite, "Icons", fallbackValues$2, "secondary");
-
 var CollapsibleSection = function CollapsibleSection(_ref) {
   var _label$replaceAll;
 
@@ -40436,9 +40395,11 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
       _ref$index = _ref.index,
       index = _ref$index === void 0 ? 1 : _ref$index,
       _ref$iconColor = _ref.iconColor,
+      iconColor = _ref$iconColor === void 0 ? "" : _ref$iconColor,
       _ref$extraStyles = _ref.extraStyles,
       extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
-      CustomIcon = _ref.CustomIcon;
+      _ref$CustomIcon = _ref.CustomIcon,
+      CustomIcon = _ref$CustomIcon === void 0 ? null : _ref$CustomIcon;
 
   var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === 13) {
@@ -40517,7 +40478,11 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
   }, title), /*#__PURE__*/React.createElement(Motion, {
     variants: icon,
     extraStyles: "display: flex; align-items: center;"
-  }, CustomIcon ? /*#__PURE__*/React.createElement(CustomIcon, null) : /*#__PURE__*/React.createElement(ChevronIconWhite$1, null))))), /*#__PURE__*/React.createElement(AnimatePresence, {
+  }, !!CustomIcon ? /*#__PURE__*/React.createElement(CustomIcon, {
+    color: iconColor
+  }) : /*#__PURE__*/React.createElement(ChevronIcon$1, {
+    color: iconColor
+  }))))), /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
   }, isOpen && /*#__PURE__*/React.createElement(Motion, {
     padding: "0",