@thecb/components 7.1.3-beta.1 → 7.1.3-beta.3
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 +8 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -4
- package/dist/index.esm.js +8 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/link/ExternalLink.d.ts +1 -2
- package/src/components/atoms/link/ExternalLink.js +48 -46
- package/src/components/atoms/link/ExternalLink.styled.js +3 -3
- package/src/components/atoms/link/InternalLink.d.ts +1 -2
- package/src/components/atoms/link/InternalLink.js +48 -46
- package/src/components/atoms/link/InternalLink.styled.js +6 -3
package/dist/index.cjs.js
CHANGED
|
@@ -17607,7 +17607,7 @@ var _excluded$k = ["hoverColor", "activeColor", "extrastyles"];
|
|
|
17607
17607
|
|
|
17608
17608
|
/* eslint-disable no-unused-vars */
|
|
17609
17609
|
|
|
17610
|
-
var StyledExternalLink = styled__default(function (_ref, ref) {
|
|
17610
|
+
var StyledExternalLink = styled__default( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
17611
17611
|
var hoverColor = _ref.hoverColor,
|
|
17612
17612
|
activeColor = _ref.activeColor,
|
|
17613
17613
|
extrastyles = _ref.extrastyles,
|
|
@@ -17616,7 +17616,7 @@ var StyledExternalLink = styled__default(function (_ref, ref) {
|
|
|
17616
17616
|
return /*#__PURE__*/React__default.createElement("a", _extends({}, props, {
|
|
17617
17617
|
ref: ref
|
|
17618
17618
|
}));
|
|
17619
|
-
}).withConfig({
|
|
17619
|
+
})).withConfig({
|
|
17620
17620
|
displayName: "ExternalLinkstyled__StyledExternalLink",
|
|
17621
17621
|
componentId: "sc-m1q2m2-0"
|
|
17622
17622
|
})(["display:flex;font-size:", ";color:", ";font-weight:", ";font-family:", ";line-height:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";}", ""], function (_ref2) {
|
|
@@ -17646,7 +17646,7 @@ var StyledExternalLink = styled__default(function (_ref, ref) {
|
|
|
17646
17646
|
});
|
|
17647
17647
|
/* eslint-enable no-unused-vars */
|
|
17648
17648
|
|
|
17649
|
-
var ExternalLink = function
|
|
17649
|
+
var ExternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
17650
17650
|
var _ref$href = _ref.href,
|
|
17651
17651
|
href = _ref$href === void 0 ? "" : _ref$href,
|
|
17652
17652
|
_ref$newTab = _ref.newTab,
|
|
@@ -17685,7 +17685,7 @@ var ExternalLink = function ExternalLink(_ref, ref) {
|
|
|
17685
17685
|
"aria-label": ariaLabel,
|
|
17686
17686
|
ref: ref
|
|
17687
17687
|
}, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
|
|
17688
|
-
};
|
|
17688
|
+
});
|
|
17689
17689
|
|
|
17690
17690
|
var _excluded$l = ["hoverColor", "activeColor", "active", "color", "extrastyles"];
|
|
17691
17691
|
/*
|
|
@@ -17695,7 +17695,7 @@ var _excluded$l = ["hoverColor", "activeColor", "active", "color", "extrastyles"
|
|
|
17695
17695
|
|
|
17696
17696
|
/* eslint-disable no-unused-vars */
|
|
17697
17697
|
|
|
17698
|
-
var StyledInternalLink = styled__default(function (_ref, ref) {
|
|
17698
|
+
var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
17699
17699
|
var hoverColor = _ref.hoverColor,
|
|
17700
17700
|
activeColor = _ref.activeColor,
|
|
17701
17701
|
active = _ref.active,
|
|
@@ -17706,7 +17706,7 @@ var StyledInternalLink = styled__default(function (_ref, ref) {
|
|
|
17706
17706
|
return /*#__PURE__*/React__default.createElement(reactRouterDom.Link, _extends({}, props, {
|
|
17707
17707
|
ref: ref
|
|
17708
17708
|
}));
|
|
17709
|
-
}).withConfig({
|
|
17709
|
+
})).withConfig({
|
|
17710
17710
|
displayName: "InternalLinkstyled__StyledInternalLink",
|
|
17711
17711
|
componentId: "sc-cuqxud-0"
|
|
17712
17712
|
})(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";}", ""], function (_ref2) {
|
|
@@ -17741,7 +17741,7 @@ var StyledInternalLink = styled__default(function (_ref, ref) {
|
|
|
17741
17741
|
});
|
|
17742
17742
|
/* eslint-enable no-unused-vars */
|
|
17743
17743
|
|
|
17744
|
-
var InternalLink = function
|
|
17744
|
+
var InternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
17745
17745
|
var _ref$to = _ref.to,
|
|
17746
17746
|
to = _ref$to === void 0 ? "" : _ref$to,
|
|
17747
17747
|
color = _ref.color,
|
|
@@ -17776,7 +17776,7 @@ var InternalLink = function InternalLink(_ref, ref) {
|
|
|
17776
17776
|
"data-qa": dataQa,
|
|
17777
17777
|
ref: ref
|
|
17778
17778
|
}, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
|
|
17779
|
-
};
|
|
17779
|
+
});
|
|
17780
17780
|
|
|
17781
17781
|
var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
17782
17782
|
var _ref$breadcrumbsList = _ref.breadcrumbsList,
|