@thecb/components 8.4.0 → 8.4.1-beta.0
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 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/icons/ArrowRightIcon.js +2 -2
- package/src/components/atoms/icons/ExternalLinkIcon.js +1 -1
- package/src/components/atoms/icons/PlusCircleIcon.js +2 -2
- package/src/components/molecules/link-card/LinkCard.js +3 -1
package/dist/index.esm.js
CHANGED
|
@@ -14855,7 +14855,7 @@ var ExternalLinkIcon = function ExternalLinkIcon(_ref) {
|
|
|
14855
14855
|
}), /*#__PURE__*/React.createElement("mask", {
|
|
14856
14856
|
id: "mask0_902_435-".concat(text),
|
|
14857
14857
|
style: {
|
|
14858
|
-
|
|
14858
|
+
maskType: "alpha"
|
|
14859
14859
|
},
|
|
14860
14860
|
maskUnits: "userSpaceOnUse",
|
|
14861
14861
|
x: "1",
|
|
@@ -17778,15 +17778,15 @@ var ArrowRightCircleIconSmall = function ArrowRightCircleIconSmall(_ref) {
|
|
|
17778
17778
|
var ArrowRightIcon = function ArrowRightIcon(_ref) {
|
|
17779
17779
|
var _ref$color = _ref.color,
|
|
17780
17780
|
color = _ref$color === void 0 ? ROYAL_BLUE_VIVID : _ref$color,
|
|
17781
|
-
_ref$
|
|
17782
|
-
|
|
17781
|
+
_ref$labelledBy = _ref.labelledBy,
|
|
17782
|
+
labelledBy = _ref$labelledBy === void 0 ? "" : _ref$labelledBy;
|
|
17783
17783
|
return /*#__PURE__*/React.createElement("svg", {
|
|
17784
17784
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17785
17785
|
width: "20",
|
|
17786
17786
|
height: "20",
|
|
17787
17787
|
viewBox: "0 0 20 20",
|
|
17788
17788
|
fill: "none",
|
|
17789
|
-
"aria-
|
|
17789
|
+
"aria-labelledby": labelledBy
|
|
17790
17790
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17791
17791
|
fillRule: "evenodd",
|
|
17792
17792
|
clipRule: "evenodd",
|
|
@@ -18209,15 +18209,15 @@ var ChargebackReversalIconMedium = function ChargebackReversalIconMedium(_ref) {
|
|
|
18209
18209
|
var PlusCircleIcon = function PlusCircleIcon(_ref) {
|
|
18210
18210
|
var _ref$color = _ref.color,
|
|
18211
18211
|
color = _ref$color === void 0 ? ROYAL_BLUE_VIVID : _ref$color,
|
|
18212
|
-
_ref$
|
|
18213
|
-
|
|
18212
|
+
_ref$labelledBy = _ref.labelledBy,
|
|
18213
|
+
labelledBy = _ref$labelledBy === void 0 ? "" : _ref$labelledBy;
|
|
18214
18214
|
return /*#__PURE__*/React.createElement("svg", {
|
|
18215
18215
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18216
18216
|
width: "20",
|
|
18217
18217
|
height: "20",
|
|
18218
18218
|
viewBox: "0 0 20 20",
|
|
18219
18219
|
fill: "none",
|
|
18220
|
-
"aria-labelledby":
|
|
18220
|
+
"aria-labelledby": labelledBy
|
|
18221
18221
|
}, /*#__PURE__*/React.createElement("path", {
|
|
18222
18222
|
fillRule: "evenodd",
|
|
18223
18223
|
clipRule: "evenodd",
|
|
@@ -42992,10 +42992,12 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42992
42992
|
var _useContext = useContext(ThemeContext),
|
|
42993
42993
|
isMobile = _useContext.isMobile;
|
|
42994
42994
|
|
|
42995
|
+
var locatorSlug = title.toLowerCase.gsub(/\s/, "-");
|
|
42996
|
+
console.log("locatorSlug", locatorSlug);
|
|
42995
42997
|
return /*#__PURE__*/React.createElement(Container, {
|
|
42996
42998
|
border: "1px solid ".concat(themeValues.background, ";"),
|
|
42997
42999
|
borderRadius: "8px",
|
|
42998
|
-
dataQa: "link-card-".concat(
|
|
43000
|
+
dataQa: "link-card-".concat(locatorSlug),
|
|
42999
43001
|
width: "100%",
|
|
43000
43002
|
maxWidth: isMobile ? "100%" : "288px",
|
|
43001
43003
|
minWidth: isMobile ? "240px" : "288px",
|