@faststore/components 2.2.33 → 2.2.37

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.
@@ -17,6 +17,10 @@ export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
17
17
  * The label used at the link.
18
18
  */
19
19
  linkText: string;
20
+ /**
21
+ * Specify if the link opens in a new tab.
22
+ */
23
+ linkTargetBlank?: boolean;
20
24
  /**
21
25
  * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
22
26
  */
@@ -4,13 +4,13 @@ const tslib_1 = require("tslib");
4
4
  const react_1 = tslib_1.__importStar(require("react"));
5
5
  const __1 = require("../..");
6
6
  const BannerText_1 = require("./BannerText");
7
- const BannerTextContent = (0, react_1.forwardRef)(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, ...otherProps }, ref) {
7
+ const BannerTextContent = (0, react_1.forwardRef)(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, linkTargetBlank, ...otherProps }, ref) {
8
8
  const { variant, colorVariant } = (0, BannerText_1.useBannerText)();
9
9
  return (react_1.default.createElement("header", { ref: ref, "data-fs-banner-text-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
10
10
  react_1.default.createElement("div", { "data-fs-banner-text-heading": true, "data-fs-banner-text-color-variant": colorVariant },
11
11
  react_1.default.createElement("h2", null, title),
12
12
  variant === 'secondary' && caption && react_1.default.createElement("p", null, caption)),
13
- react_1.default.createElement(__1.LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText }, linkText)));
13
+ react_1.default.createElement(__1.LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText, target: linkTargetBlank ? '_blank' : undefined }, linkText)));
14
14
  });
15
15
  exports.default = BannerTextContent;
16
16
  //# sourceMappingURL=BannerTextContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AACzC,6BAAkC;AAElC,6CAA4C;AAyB5C,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,0BAAa,GAAE,CAAA;IACjD,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,iHAEqC,YAAY;YAE/C,0CAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,yCAAI,OAAO,CAAK,CACnD;QACN,8BAAC,cAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,iBAAiB,CAAA"}
1
+ {"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AACzC,6BAAkC;AAElC,6CAA4C;AA6B5C,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,0BAAa,GAAE,CAAA;IACjD,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,iHAEqC,YAAY;YAE/C,0CAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,yCAAI,OAAO,CAAK,CACnD;QACN,8BAAC,cAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,EACpB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAE7C,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,iBAAiB,CAAA"}
@@ -25,6 +25,10 @@ export interface HeroHeaderProps extends HTMLAttributes<HTMLDivElement> {
25
25
  * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
26
26
  */
27
27
  testId?: string;
28
+ /**
29
+ * Specify if the link opens in a new tab.
30
+ */
31
+ linkTargetBlank?: boolean;
28
32
  }
29
33
  declare const HeroHeader: React.ForwardRefExoticComponent<HeroHeaderProps & React.RefAttributes<HTMLDivElement>>;
30
34
  export default HeroHeader;
@@ -4,14 +4,14 @@ const tslib_1 = require("tslib");
4
4
  const react_1 = tslib_1.__importStar(require("react"));
5
5
  const __1 = require("../..");
6
6
  const Hero_1 = require("./Hero");
7
- const HeroHeader = (0, react_1.forwardRef)(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
7
+ const HeroHeader = (0, react_1.forwardRef)(function HeroHeader({ icon, link, title, linkText, linkTargetBlank, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
8
8
  const { variant, colorVariant } = (0, Hero_1.useHero)();
9
9
  return (react_1.default.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
10
10
  react_1.default.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
11
11
  react_1.default.createElement("div", { "data-fs-hero-info": true },
12
12
  react_1.default.createElement("h1", { "data-fs-hero-title": true }, title),
13
13
  react_1.default.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
14
- !!link && (react_1.default.createElement(__1.LinkButton, { href: link, inverse: colorVariant === 'main', icon: react_1.default.createElement(__1.Icon, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
14
+ !!link && (react_1.default.createElement(__1.LinkButton, { href: link, inverse: colorVariant === 'main', icon: react_1.default.createElement(__1.Icon, { name: "ArrowRight" }), iconPosition: "right", target: linkTargetBlank ? '_blank' : undefined }, linkText))),
15
15
  !!icon && variant === 'secondary' && (react_1.default.createElement("span", { "data-fs-hero-icon": true }, icon)))));
16
16
  });
17
17
  exports.default = HeroHeader;
@@ -1 +1 @@
1
- {"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AACzC,6BAAwC;AAExC,iCAAgC;AA6BhC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,cAAO,GAAE,CAAA;IAC3C,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,wFAA0C,MAAM;YAC9C;gBACE,oEAAwB,KAAK,CAAM;gBACnC,sEAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,cAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,8BAAC,QAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,qEAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AACzC,6BAAwC;AAExC,iCAAgC;AAiChC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,cAAO,GAAE,CAAA;IAC3C,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,wFAA0C,MAAM;YAC9C;gBACE,oEAAwB,KAAK,CAAM;gBACnC,sEAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,cAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,8BAAC,QAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,EACpB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAE7C,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,qEAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,UAAU,CAAA"}
@@ -17,6 +17,10 @@ export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
17
17
  * The label used at the link.
18
18
  */
19
19
  linkText: string;
20
+ /**
21
+ * Specify if the link opens in a new tab.
22
+ */
23
+ linkTargetBlank?: boolean;
20
24
  /**
21
25
  * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
22
26
  */
@@ -1,13 +1,13 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { LinkButton } from '../..';
3
3
  import { useBannerText } from './BannerText';
4
- const BannerTextContent = forwardRef(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, ...otherProps }, ref) {
4
+ const BannerTextContent = forwardRef(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, linkTargetBlank, ...otherProps }, ref) {
5
5
  const { variant, colorVariant } = useBannerText();
6
6
  return (React.createElement("header", { ref: ref, "data-fs-banner-text-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
7
7
  React.createElement("div", { "data-fs-banner-text-heading": true, "data-fs-banner-text-color-variant": colorVariant },
8
8
  React.createElement("h2", null, title),
9
9
  variant === 'secondary' && caption && React.createElement("p", null, caption)),
10
- React.createElement(LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText }, linkText)));
10
+ React.createElement(LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText, target: linkTargetBlank ? '_blank' : undefined }, linkText)));
11
11
  });
12
12
  export default BannerTextContent;
13
13
  //# sourceMappingURL=BannerTextContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAyB5C,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACjD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,uGAEqC,YAAY;YAE/C,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
1
+ {"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA6B5C,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACjD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,uGAEqC,YAAY;YAE/C,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,EACpB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAE7C,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
@@ -25,6 +25,10 @@ export interface HeroHeaderProps extends HTMLAttributes<HTMLDivElement> {
25
25
  * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
26
26
  */
27
27
  testId?: string;
28
+ /**
29
+ * Specify if the link opens in a new tab.
30
+ */
31
+ linkTargetBlank?: boolean;
28
32
  }
29
33
  declare const HeroHeader: React.ForwardRefExoticComponent<HeroHeaderProps & React.RefAttributes<HTMLDivElement>>;
30
34
  export default HeroHeader;
@@ -1,14 +1,14 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { Icon, LinkButton } from '../..';
3
3
  import { useHero } from './Hero';
4
- const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
4
+ const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, linkTargetBlank, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
5
5
  const { variant, colorVariant } = useHero();
6
6
  return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
7
7
  React.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
8
8
  React.createElement("div", { "data-fs-hero-info": true },
9
9
  React.createElement("h1", { "data-fs-hero-title": true }, title),
10
10
  React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
11
- !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(Icon, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
11
+ !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(Icon, { name: "ArrowRight" }), iconPosition: "right", target: linkTargetBlank ? '_blank' : undefined }, linkText))),
12
12
  !!icon && variant === 'secondary' && (React.createElement("span", { "data-fs-hero-icon": true }, icon)))));
13
13
  });
14
14
  export default HeroHeader;
@@ -1 +1 @@
1
- {"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,8EAA0C,MAAM;YAC9C;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAiChC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,8EAA0C,MAAM;YAC9C;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,EACpB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAE7C,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/components",
3
- "version": "2.2.33",
3
+ "version": "2.2.37",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "typings": "dist/esm/index.d.ts",
@@ -34,7 +34,7 @@
34
34
  "react-dom": "^18.2.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@faststore/eslint-config": "^2.2.33",
37
+ "@faststore/eslint-config": "^2.2.36",
38
38
  "@faststore/shared": "^2.2.33",
39
39
  "eslint": "7.32.0",
40
40
  "typescript": "^4.8.4"
@@ -43,5 +43,5 @@
43
43
  "node": "16.18.0",
44
44
  "yarn": "1.19.1"
45
45
  },
46
- "gitHead": "3ef3bacdc55e2a9719398e5920a564b231a86bc5"
46
+ "gitHead": "f82966c103d0c3ed9e7a89944878ad9eb6a919c1"
47
47
  }
@@ -21,6 +21,10 @@ export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
21
21
  * The label used at the link.
22
22
  */
23
23
  linkText: string
24
+ /**
25
+ * Specify if the link opens in a new tab.
26
+ */
27
+ linkTargetBlank?: boolean
24
28
  /**
25
29
  * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
26
30
  */
@@ -35,6 +39,7 @@ const BannerTextContent = forwardRef<HTMLDivElement, BannerTextContentProps>(
35
39
  caption,
36
40
  link,
37
41
  linkText,
42
+ linkTargetBlank,
38
43
  ...otherProps
39
44
  },
40
45
  ref
@@ -61,6 +66,7 @@ const BannerTextContent = forwardRef<HTMLDivElement, BannerTextContentProps>(
61
66
  variant={variant}
62
67
  inverse={colorVariant === 'main'}
63
68
  aria-label={linkText}
69
+ target={linkTargetBlank ? '_blank' : undefined}
64
70
  >
65
71
  {linkText}
66
72
  </LinkButton>
@@ -29,6 +29,10 @@ export interface HeroHeaderProps extends HTMLAttributes<HTMLDivElement> {
29
29
  * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
30
30
  */
31
31
  testId?: string
32
+ /**
33
+ * Specify if the link opens in a new tab.
34
+ */
35
+ linkTargetBlank?: boolean
32
36
  }
33
37
 
34
38
  const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
@@ -38,6 +42,7 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
38
42
  link,
39
43
  title,
40
44
  linkText,
45
+ linkTargetBlank,
41
46
  subtitle,
42
47
  children,
43
48
  testId = 'fs-hero-heading',
@@ -63,6 +68,7 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
63
68
  inverse={colorVariant === 'main'}
64
69
  icon={<Icon name="ArrowRight" />}
65
70
  iconPosition="right"
71
+ target={linkTargetBlank ? '_blank' : undefined}
66
72
  >
67
73
  {linkText}
68
74
  </LinkButton>