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

package/dist/index.cjs.js

@@ -18780,14 +18780,14 @@ var fallbackValues$7 = {
 var StyledBadgeContainer = styled__default(Box).withConfig({
   displayName: "Badge__StyledBadgeContainer",
   componentId: "sc-1g438j-0"
-})(["display: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;
 });
 var StyledBadge = styled__default(Text$1).withConfig({
   displayName: "Badge__StyledBadge",
   componentId: "sc-1g438j-1"
-})(["font-family:\"Public Sans\";font-size:10px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.2px;color:", ";@media screen and (min-width:1049px){font-size:12px;line-height:150%;letter-spacing:0.24px;}"], function (_ref2) {
+})(["font-family:\"Public Sans\",sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.2px;color:", ";@media screen and (min-width:1049px){font-size:12px;line-height:150%;letter-spacing:0.24px;}"], function (_ref2) {
   var themeValues = _ref2.themeValues;
   return themeValues.color;
 });
@@ -18795,14 +18795,18 @@ var StyledBadge = styled__default(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__default.createElement(StyledBadgeContainer, {
     themeValues: themeValues
-  }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
+  }, iconOnLeft && Icon && /*#__PURE__*/React__default.createElement(Icon, {
     fill: themeValues.color
   }), /*#__PURE__*/React__default.createElement(StyledBadge, {
     themeValues: themeValues
-  }, label));
+  }, label), !iconOnLeft && Icon && /*#__PURE__*/React__default.createElement(Icon, {
+    fill: themeValues.color
+  }));
 };
 
 var Badge$1 = themeComponent(Badge, "Badge", fallbackValues$7, "success");