@thecb/components 8.2.0-beta.6 → 8.2.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +10 -16
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -16
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/badge/Badge.js +2 -4
- package/src/components/atoms/badge/index.d.ts +2 -2
- /package/src/components/atoms/icons/{ExternalLinkicon.js → ExternalLinkIcon.js} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -18780,30 +18780,24 @@ var fallbackValues$7 = {
|
|
|
18780
18780
|
var StyledBadgeContainer = styled__default(Box).withConfig({
|
|
18781
18781
|
displayName: "Badge__StyledBadgeContainer",
|
|
18782
18782
|
componentId: "sc-1g438j-0"
|
|
18783
|
-
})(["display:inline-flex;padding:2px 8px;align-items:center;align-self:flex-start;gap:4px;border-radius:4px;
|
|
18784
|
-
var themeValues = _ref.themeValues;
|
|
18785
|
-
return themeValues.background;
|
|
18786
|
-
});
|
|
18783
|
+
})(["display:inline-flex;padding:2px 8px;align-items:center;align-self:flex-start;gap:4px;border-radius:4px;"]);
|
|
18787
18784
|
var StyledBadge = styled__default(Text$1).withConfig({
|
|
18788
18785
|
displayName: "Badge__StyledBadge",
|
|
18789
18786
|
componentId: "sc-1g438j-1"
|
|
18790
|
-
})(["font-family:\"Public Sans\",sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.2px
|
|
18791
|
-
var themeValues = _ref2.themeValues;
|
|
18792
|
-
return themeValues.color;
|
|
18793
|
-
});
|
|
18787
|
+
})(["font-family:\"Public Sans\",sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.2px;@media screen and (min-width:1049px){font-size:12px;line-height:150%;letter-spacing:0.24px;}"]);
|
|
18794
18788
|
|
|
18795
|
-
var Badge = function Badge(
|
|
18796
|
-
var label =
|
|
18797
|
-
Icon =
|
|
18798
|
-
themeValues =
|
|
18799
|
-
|
|
18800
|
-
iconOnLeft =
|
|
18789
|
+
var Badge = function Badge(_ref) {
|
|
18790
|
+
var label = _ref.label,
|
|
18791
|
+
Icon = _ref.Icon,
|
|
18792
|
+
themeValues = _ref.themeValues,
|
|
18793
|
+
_ref$iconOnLeft = _ref.iconOnLeft,
|
|
18794
|
+
iconOnLeft = _ref$iconOnLeft === void 0 ? true : _ref$iconOnLeft;
|
|
18801
18795
|
return /*#__PURE__*/React__default.createElement(StyledBadgeContainer, {
|
|
18802
|
-
|
|
18796
|
+
background: themeValues.background
|
|
18803
18797
|
}, iconOnLeft && Icon && /*#__PURE__*/React__default.createElement(Icon, {
|
|
18804
18798
|
fill: themeValues.color
|
|
18805
18799
|
}), /*#__PURE__*/React__default.createElement(StyledBadge, {
|
|
18806
|
-
|
|
18800
|
+
color: themeValues.color
|
|
18807
18801
|
}, label), !iconOnLeft && Icon && /*#__PURE__*/React__default.createElement(Icon, {
|
|
18808
18802
|
fill: themeValues.color
|
|
18809
18803
|
}));
|