@faststore/components 2.2.36 → 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.
- package/dist/cjs/organisms/BannerText/BannerTextContent.d.ts +4 -0
- package/dist/cjs/organisms/BannerText/BannerTextContent.js +2 -2
- package/dist/cjs/organisms/BannerText/BannerTextContent.js.map +1 -1
- package/dist/cjs/organisms/Hero/HeroHeader.d.ts +4 -0
- package/dist/cjs/organisms/Hero/HeroHeader.js +2 -2
- package/dist/cjs/organisms/Hero/HeroHeader.js.map +1 -1
- package/dist/esm/organisms/BannerText/BannerTextContent.d.ts +4 -0
- package/dist/esm/organisms/BannerText/BannerTextContent.js +2 -2
- package/dist/esm/organisms/BannerText/BannerTextContent.js.map +1 -1
- package/dist/esm/organisms/Hero/HeroHeader.d.ts +4 -0
- package/dist/esm/organisms/Hero/HeroHeader.js +2 -2
- package/dist/esm/organisms/Hero/HeroHeader.js.map +1 -1
- package/package.json +2 -2
- package/src/organisms/BannerText/BannerTextContent.tsx +6 -0
- package/src/organisms/Hero/HeroHeader.tsx +6 -0
|
@@ -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;
|
|
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;
|
|
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;
|
|
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;
|
|
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.
|
|
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",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"node": "16.18.0",
|
|
44
44
|
"yarn": "1.19.1"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
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>
|