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

package/dist/index.cjs.js

@@ -18781,30 +18781,32 @@ 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) {
-  var variant = _ref.variant;
-  return fallbackValues$7.background[variant];
+  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:1024px){font-size:12px;line-height:150%;letter-spacing:0.24px;}"], function (_ref2) {
-  var variant = _ref2.variant;
-  return fallbackValues$7.color[variant];
+})(["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) {
+  var themeValues = _ref2.themeValues;
+  return themeValues.color;
 });
 
 var Badge = function Badge(_ref3) {
   var label = _ref3.label,
       Icon = _ref3.Icon,
-      variant = _ref3.variant;
+      themeValues = _ref3.themeValues;
   return /*#__PURE__*/React__default.createElement(StyledBadgeContainer, {
-    variant: variant
+    themeValues: themeValues
   }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
-    fill: fallbackValues$7.color[variant]
+    fill: themeValues.color
   }), /*#__PURE__*/React__default.createElement(StyledBadge, {
-    variant: variant
+    themeValues: themeValues
   }, label));
 };
 
+var Badge$1 = themeComponent(Badge, "Badge", fallbackValues$7, "success");
+
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -50124,7 +50126,7 @@ exports.ArrowLeftCircleIconSmall = ArrowLeftCircleIconSmall;
 exports.ArrowRightCircleIconSmall = ArrowRightCircleIconSmall;
 exports.ArrowUpCircleIconSmall = ArrowUpCircleIconSmall;
 exports.AutopayOnIcon = AutopayOnIcon;
-exports.Badge = Badge;
+exports.Badge = Badge$1;
 exports.BankIcon = BankIcon;
 exports.BankIconLarge = BankIconLarge;
 exports.Banner = Banner$1;