@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.cjs.js
CHANGED
|
@@ -14863,7 +14863,7 @@ var ExternalLinkIcon = function ExternalLinkIcon(_ref) {
|
|
|
14863
14863
|
}), /*#__PURE__*/React__default.createElement("mask", {
|
|
14864
14864
|
id: "mask0_902_435-".concat(text),
|
|
14865
14865
|
style: {
|
|
14866
|
-
|
|
14866
|
+
maskType: "alpha"
|
|
14867
14867
|
},
|
|
14868
14868
|
maskUnits: "userSpaceOnUse",
|
|
14869
14869
|
x: "1",
|
|
@@ -17786,15 +17786,15 @@ var ArrowRightCircleIconSmall = function ArrowRightCircleIconSmall(_ref) {
|
|
|
17786
17786
|
var ArrowRightIcon = function ArrowRightIcon(_ref) {
|
|
17787
17787
|
var _ref$color = _ref.color,
|
|
17788
17788
|
color = _ref$color === void 0 ? ROYAL_BLUE_VIVID : _ref$color,
|
|
17789
|
-
_ref$
|
|
17790
|
-
|
|
17789
|
+
_ref$labelledBy = _ref.labelledBy,
|
|
17790
|
+
labelledBy = _ref$labelledBy === void 0 ? "" : _ref$labelledBy;
|
|
17791
17791
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
17792
17792
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17793
17793
|
width: "20",
|
|
17794
17794
|
height: "20",
|
|
17795
17795
|
viewBox: "0 0 20 20",
|
|
17796
17796
|
fill: "none",
|
|
17797
|
-
"aria-
|
|
17797
|
+
"aria-labelledby": labelledBy
|
|
17798
17798
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
17799
17799
|
fillRule: "evenodd",
|
|
17800
17800
|
clipRule: "evenodd",
|
|
@@ -18217,15 +18217,15 @@ var ChargebackReversalIconMedium = function ChargebackReversalIconMedium(_ref) {
|
|
|
18217
18217
|
var PlusCircleIcon = function PlusCircleIcon(_ref) {
|
|
18218
18218
|
var _ref$color = _ref.color,
|
|
18219
18219
|
color = _ref$color === void 0 ? ROYAL_BLUE_VIVID : _ref$color,
|
|
18220
|
-
_ref$
|
|
18221
|
-
|
|
18220
|
+
_ref$labelledBy = _ref.labelledBy,
|
|
18221
|
+
labelledBy = _ref$labelledBy === void 0 ? "" : _ref$labelledBy;
|
|
18222
18222
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
18223
18223
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18224
18224
|
width: "20",
|
|
18225
18225
|
height: "20",
|
|
18226
18226
|
viewBox: "0 0 20 20",
|
|
18227
18227
|
fill: "none",
|
|
18228
|
-
"aria-labelledby":
|
|
18228
|
+
"aria-labelledby": labelledBy
|
|
18229
18229
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
18230
18230
|
fillRule: "evenodd",
|
|
18231
18231
|
clipRule: "evenodd",
|
|
@@ -43000,10 +43000,12 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
43000
43000
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
43001
43001
|
isMobile = _useContext.isMobile;
|
|
43002
43002
|
|
|
43003
|
+
var locatorSlug = title.toLowerCase.gsub(/\s/, "-");
|
|
43004
|
+
console.log("locatorSlug", locatorSlug);
|
|
43003
43005
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
43004
43006
|
border: "1px solid ".concat(themeValues.background, ";"),
|
|
43005
43007
|
borderRadius: "8px",
|
|
43006
|
-
dataQa: "link-card-".concat(
|
|
43008
|
+
dataQa: "link-card-".concat(locatorSlug),
|
|
43007
43009
|
width: "100%",
|
|
43008
43010
|
maxWidth: isMobile ? "100%" : "288px",
|
|
43009
43011
|
minWidth: isMobile ? "240px" : "288px",
|