@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.esm.js
CHANGED
|
@@ -18772,30 +18772,24 @@ var fallbackValues$7 = {
|
|
|
18772
18772
|
var StyledBadgeContainer = styled(Box).withConfig({
|
|
18773
18773
|
displayName: "Badge__StyledBadgeContainer",
|
|
18774
18774
|
componentId: "sc-1g438j-0"
|
|
18775
|
-
})(["display:inline-flex;padding:2px 8px;align-items:center;align-self:flex-start;gap:4px;border-radius:4px;
|
|
18776
|
-
var themeValues = _ref.themeValues;
|
|
18777
|
-
return themeValues.background;
|
|
18778
|
-
});
|
|
18775
|
+
})(["display:inline-flex;padding:2px 8px;align-items:center;align-self:flex-start;gap:4px;border-radius:4px;"]);
|
|
18779
18776
|
var StyledBadge = styled(Text$1).withConfig({
|
|
18780
18777
|
displayName: "Badge__StyledBadge",
|
|
18781
18778
|
componentId: "sc-1g438j-1"
|
|
18782
|
-
})(["font-family:\"Public Sans\",sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.2px
|
|
18783
|
-
var themeValues = _ref2.themeValues;
|
|
18784
|
-
return themeValues.color;
|
|
18785
|
-
});
|
|
18779
|
+
})(["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;}"]);
|
|
18786
18780
|
|
|
18787
|
-
var Badge = function Badge(
|
|
18788
|
-
var label =
|
|
18789
|
-
Icon =
|
|
18790
|
-
themeValues =
|
|
18791
|
-
|
|
18792
|
-
iconOnLeft =
|
|
18781
|
+
var Badge = function Badge(_ref) {
|
|
18782
|
+
var label = _ref.label,
|
|
18783
|
+
Icon = _ref.Icon,
|
|
18784
|
+
themeValues = _ref.themeValues,
|
|
18785
|
+
_ref$iconOnLeft = _ref.iconOnLeft,
|
|
18786
|
+
iconOnLeft = _ref$iconOnLeft === void 0 ? true : _ref$iconOnLeft;
|
|
18793
18787
|
return /*#__PURE__*/React.createElement(StyledBadgeContainer, {
|
|
18794
|
-
|
|
18788
|
+
background: themeValues.background
|
|
18795
18789
|
}, iconOnLeft && Icon && /*#__PURE__*/React.createElement(Icon, {
|
|
18796
18790
|
fill: themeValues.color
|
|
18797
18791
|
}), /*#__PURE__*/React.createElement(StyledBadge, {
|
|
18798
|
-
|
|
18792
|
+
color: themeValues.color
|
|
18799
18793
|
}, label), !iconOnLeft && Icon && /*#__PURE__*/React.createElement(Icon, {
|
|
18800
18794
|
fill: themeValues.color
|
|
18801
18795
|
}));
|