@thecb/components 8.2.0-beta.3 → 8.2.0-beta.4

package/dist/index.esm.js

@@ -18772,7 +18772,7 @@ var fallbackValues$7 = {
 var StyledBadgeContainer = styled(Box).withConfig({
   displayName: "Badge__StyledBadgeContainer",
   componentId: "sc-1g438j-0"
-})(["display:inline-flex;padding:2px 8px;align-items:center;gap:4px;border-radius:4px;background-color:", ";"], function (_ref) {
+})(["display:inline-flex;padding:2px 8px;align-items:center;align-self:flex-start;gap:4px;border-radius:4px;background-color:", ";"], function (_ref) {
   var themeValues = _ref.themeValues;
   return themeValues.background;
 });
@@ -18787,14 +18787,18 @@ var StyledBadge = styled(Text$1).withConfig({
 var Badge = function Badge(_ref3) {
   var label = _ref3.label,
       Icon = _ref3.Icon,
-      themeValues = _ref3.themeValues;
+      themeValues = _ref3.themeValues,
+      _ref3$iconOnLeft = _ref3.iconOnLeft,
+      iconOnLeft = _ref3$iconOnLeft === void 0 ? true : _ref3$iconOnLeft;
   return /*#__PURE__*/React.createElement(StyledBadgeContainer, {
     themeValues: themeValues
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
+  }, iconOnLeft && Icon && /*#__PURE__*/React.createElement(Icon, {
     fill: themeValues.color
   }), /*#__PURE__*/React.createElement(StyledBadge, {
     themeValues: themeValues
-  }, label));
+  }, label), !iconOnLeft && Icon && /*#__PURE__*/React.createElement(Icon, {
+    fill: themeValues.color
+  }));
 };
 
 var Badge$1 = themeComponent(Badge, "Badge", fallbackValues$7, "success");