@thecb/components 5.6.4 → 5.6.6

package/dist/index.esm.js

@@ -6393,17 +6393,17 @@ var ClusterWrapper = styled(function (_ref) {
   var overflow = _ref2.overflow;
   return overflow ? "visible" : "hidden";
 }, function (_ref3) {
-  var justifySelf = _ref3.justifySelf;
-  return justifySelf;
+  var $justifySelf = _ref3.$justifySelf;
+  return $justifySelf;
 }, function (_ref4) {
-  var alignSelf = _ref4.alignSelf;
-  return alignSelf;
+  var $alignSelf = _ref4.$alignSelf;
+  return $alignSelf;
 }, function (_ref5) {
-  var flexGrow = _ref5.flexGrow;
-  return flexGrow;
+  var $flexGrow = _ref5.$flexGrow;
+  return $flexGrow;
 }, function (_ref6) {
-  var extraStyles = _ref6.extraStyles;
-  return extraStyles;
+  var $extraStyles = _ref6.$extraStyles;
+  return $extraStyles;
 });
 var ClusterInnerWrapper = styled.div.withConfig({
   displayName: "Clusterstyled__ClusterInnerWrapper",
@@ -6460,10 +6460,10 @@ var Cluster = function Cluster(_ref) {
   return /*#__PURE__*/React.createElement(ClusterWrapper, _extends({
     overflow: overflow
   }, rest, {
-    justifySelf: justifySelf,
-    alignSelf: alignSelf,
-    flexGrow: flexGrow,
-    extraStyles: extraStyles
+    $justifySelf: justifySelf,
+    $alignSelf: alignSelf,
+    $flexGrow: flexGrow,
+    $extraStyles: extraStyles
   }), /*#__PURE__*/React.createElement(ClusterInnerWrapper, {
     justify: justify,
     align: align,
@@ -21055,8 +21055,8 @@ var InputField = styled.input.withConfig({
       themeValues = _ref.themeValues;
   return field.dirty && field.hasErrors || field.hasErrors && showErrors ? ERROR_COLOR : themeValues.borderColor;
 }, function (_ref2) {
-  var customHeight = _ref2.customHeight;
-  return customHeight ? customHeight : "48px";
+  var $customHeight = _ref2.$customHeight;
+  return $customHeight ? $customHeight : "48px";
 }, FONT_WEIGHT_REGULAR, function (_ref3) {
   var themeValues = _ref3.themeValues;
   return themeValues.inputBackgroundColor && themeValues.inputBackgroundColor;
@@ -21071,8 +21071,8 @@ var InputField = styled.input.withConfig({
   var disabled = _ref6.disabled;
   return disabled && css(["color:#6e727e;background-color:#f7f7f7;"]);
 }, function (_ref7) {
-  var extraStyles = _ref7.extraStyles;
-  return css(["", ""], extraStyles);
+  var $extraStyles = _ref7.$extraStyles;
+  return css(["", ""], $extraStyles);
 }); // eslint-disable-next-line no-unused-vars
 
 var FormattedInputField = styled(function (_ref8) {
@@ -21090,8 +21090,8 @@ var FormattedInputField = styled(function (_ref8) {
       themeValues = _ref9.themeValues;
   return field.dirty && field.hasErrors || field.hasErrors && showErrors ? ERROR_COLOR : themeValues.borderColor;
 }, function (_ref10) {
-  var customHeight = _ref10.customHeight;
-  return customHeight ? customHeight : "48px";
+  var $customHeight = _ref10.$customHeight;
+  return $customHeight ? $customHeight : "48px";
 }, FONT_WEIGHT_REGULAR, function (_ref11) {
   var themeValues = _ref11.themeValues;
   return themeValues.inputBackgroundColor && themeValues.inputBackgroundColor;
@@ -21201,8 +21201,8 @@ var FormInput = function FormInput(_ref15) {
     showErrors: showErrors,
     "data-qa": labelTextWhenNoError,
     themeValues: themeValues,
-    customHeight: customHeight,
-    extraStyles: extraStyles
+    $customHeight: customHeight,
+    $extraStyles: extraStyles
   }, props)) : /*#__PURE__*/React.createElement(InputField, _extends({
     "aria-labelledby": labelTextWhenNoError.replace(/\s+/g, "-"),
     onChange: function onChange(e) {
@@ -21217,8 +21217,8 @@ var FormInput = function FormInput(_ref15) {
     "data-qa": labelTextWhenNoError,
     themeValues: themeValues,
     background: background,
-    customHeight: customHeight,
-    extraStyles: extraStyles
+    $customHeight: customHeight,
+    $extraStyles: extraStyles
   }, props))), /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
     justify: "space-between"
@@ -41096,9 +41096,11 @@ var Tabs = function Tabs(_ref) {
     className: "tab-list"
   }, tabsDisplayMode == HORIZONTAL ? showHorozontal(tabsConfig, activeTab) : showVertical(tabsConfig, activeTab)), /*#__PURE__*/React.createElement(Box, {
     className: "tab-content"
-  }, /*#__PURE__*/React.createElement(Box, null, tabsConfig.tabs.map(function (tab) {
+  }, /*#__PURE__*/React.createElement(Box, null, tabsConfig.tabs.map(function (tab, idx) {
     if (tab.label !== activeTab) return undefined;
-    return tab.content;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: idx
+    }, tab.content);
   }))));
 };