@axos-web-dev/shared-components 0.0.100 → 0.0.101
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/Chevron/Chevron.interface.d.ts +1 -0
- package/dist/Chevron/index.js +3 -1
- package/dist/Hyperlink/Hyperlink.interface.d.ts +1 -0
- package/dist/Hyperlink/index.js +3 -1
- package/dist/IconBillboard/IconBillboard.js +4 -1
- package/dist/IconBillboard/IconBillboardSet.js +4 -1
- package/dist/ImageBillboard/ImageBillboard.js +10 -6
- package/dist/ImageBillboard/ImageBillboardSet.js +10 -1
- package/package.json +1 -1
package/dist/Chevron/index.js
CHANGED
|
@@ -100,7 +100,8 @@ const Chevron = ({
|
|
|
100
100
|
id,
|
|
101
101
|
className,
|
|
102
102
|
goBack = false,
|
|
103
|
-
marketingIntersitial
|
|
103
|
+
marketingIntersitial,
|
|
104
|
+
newTab = false
|
|
104
105
|
}) => {
|
|
105
106
|
variant = getVariant(variant);
|
|
106
107
|
const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
|
|
@@ -152,6 +153,7 @@ const Chevron = ({
|
|
|
152
153
|
href: findMoreAxosDomains(targetUrl),
|
|
153
154
|
className: `${chevron({ variant })} ${className ? className : ""}`,
|
|
154
155
|
onClick: marketingIntersitial ? openMarketingInterstitial : onClick,
|
|
156
|
+
target: newTab ? "_blank" : "_self",
|
|
155
157
|
children
|
|
156
158
|
}
|
|
157
159
|
),
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -99,7 +99,8 @@ const Hyperlink = ({
|
|
|
99
99
|
className,
|
|
100
100
|
ariaLabel,
|
|
101
101
|
variant = "default",
|
|
102
|
-
role
|
|
102
|
+
role,
|
|
103
|
+
newTab
|
|
103
104
|
}) => {
|
|
104
105
|
const hyperlink_variant = variant.toLowerCase();
|
|
105
106
|
const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
|
|
@@ -126,6 +127,7 @@ const Hyperlink = ({
|
|
|
126
127
|
),
|
|
127
128
|
onClick,
|
|
128
129
|
"aria-label": ariaLabel,
|
|
130
|
+
target: newTab ? "_blank" : "_self",
|
|
129
131
|
children
|
|
130
132
|
}
|
|
131
133
|
);
|
|
@@ -46,7 +46,8 @@ const IconBillboard = (props) => {
|
|
|
46
46
|
displayText,
|
|
47
47
|
targetUrl,
|
|
48
48
|
type,
|
|
49
|
-
marketingIntersitial
|
|
49
|
+
marketingIntersitial,
|
|
50
|
+
newTab
|
|
50
51
|
}) => type === "Button" ? /* @__PURE__ */ jsx(
|
|
51
52
|
Button,
|
|
52
53
|
{
|
|
@@ -55,6 +56,7 @@ const IconBillboard = (props) => {
|
|
|
55
56
|
size: "medium",
|
|
56
57
|
rounded: "medium",
|
|
57
58
|
marketingIntersitial,
|
|
59
|
+
newTab: true,
|
|
58
60
|
children: displayText
|
|
59
61
|
},
|
|
60
62
|
id
|
|
@@ -64,6 +66,7 @@ const IconBillboard = (props) => {
|
|
|
64
66
|
targetUrl,
|
|
65
67
|
variant: getVariant(variant2),
|
|
66
68
|
marketingIntersitial,
|
|
69
|
+
newTab,
|
|
67
70
|
children: displayText
|
|
68
71
|
},
|
|
69
72
|
id
|
|
@@ -53,7 +53,8 @@ const IconBillboardSet = ({
|
|
|
53
53
|
variant: variant2,
|
|
54
54
|
displayText,
|
|
55
55
|
targetUrl,
|
|
56
|
-
type
|
|
56
|
+
type,
|
|
57
|
+
newTab
|
|
57
58
|
}) => type === "Button" ? /* @__PURE__ */ jsx(
|
|
58
59
|
Button,
|
|
59
60
|
{
|
|
@@ -61,6 +62,7 @@ const IconBillboardSet = ({
|
|
|
61
62
|
color: getVariant(variant2),
|
|
62
63
|
size: "medium",
|
|
63
64
|
rounded: "medium",
|
|
65
|
+
newTab,
|
|
64
66
|
children: displayText
|
|
65
67
|
},
|
|
66
68
|
id2
|
|
@@ -69,6 +71,7 @@ const IconBillboardSet = ({
|
|
|
69
71
|
{
|
|
70
72
|
targetUrl,
|
|
71
73
|
variant: getVariant(variant2),
|
|
74
|
+
newTab,
|
|
72
75
|
children: displayText
|
|
73
76
|
},
|
|
74
77
|
id2
|
|
@@ -86,20 +86,23 @@ const ImageBillboardSet = ({
|
|
|
86
86
|
"div",
|
|
87
87
|
{
|
|
88
88
|
className: `${billboard_ctas} push_up_24 flex ${inline ? "flex_col" : "flex_row"} gap_24 middle center`,
|
|
89
|
-
children: callToActionRow.map(
|
|
90
|
-
|
|
89
|
+
children: callToActionRow.map((cta) => {
|
|
90
|
+
const {
|
|
91
91
|
id: id3,
|
|
92
92
|
variant: variant2,
|
|
93
93
|
displayText,
|
|
94
94
|
targetUrl,
|
|
95
|
-
type
|
|
96
|
-
|
|
95
|
+
type,
|
|
96
|
+
newTab
|
|
97
|
+
} = cta;
|
|
98
|
+
return type === "Button" ? /* @__PURE__ */ jsx(
|
|
97
99
|
Button,
|
|
98
100
|
{
|
|
99
101
|
targetUrl,
|
|
100
102
|
color: getVariant(variant2),
|
|
101
103
|
size: "medium",
|
|
102
104
|
rounded: "medium",
|
|
105
|
+
newTab: true,
|
|
103
106
|
children: displayText
|
|
104
107
|
},
|
|
105
108
|
id3
|
|
@@ -108,11 +111,12 @@ const ImageBillboardSet = ({
|
|
|
108
111
|
{
|
|
109
112
|
targetUrl,
|
|
110
113
|
variant: getVariant(variant2),
|
|
114
|
+
newTab,
|
|
111
115
|
children: displayText
|
|
112
116
|
},
|
|
113
117
|
id3
|
|
114
|
-
)
|
|
115
|
-
)
|
|
118
|
+
);
|
|
119
|
+
})
|
|
116
120
|
}
|
|
117
121
|
)
|
|
118
122
|
] })
|
|
@@ -121,13 +121,21 @@ const ImageBillboard = ({
|
|
|
121
121
|
`center`
|
|
122
122
|
),
|
|
123
123
|
children: callToActionRow.map(
|
|
124
|
-
({
|
|
124
|
+
({
|
|
125
|
+
id: id2,
|
|
126
|
+
variant: variant2,
|
|
127
|
+
displayText,
|
|
128
|
+
targetUrl,
|
|
129
|
+
type,
|
|
130
|
+
newTab
|
|
131
|
+
}) => type === "Button" ? /* @__PURE__ */ jsx(
|
|
125
132
|
Button,
|
|
126
133
|
{
|
|
127
134
|
targetUrl,
|
|
128
135
|
color: getVariant(variant2),
|
|
129
136
|
size: "medium",
|
|
130
137
|
rounded: "medium",
|
|
138
|
+
newTab,
|
|
131
139
|
children: displayText
|
|
132
140
|
},
|
|
133
141
|
id2
|
|
@@ -136,6 +144,7 @@ const ImageBillboard = ({
|
|
|
136
144
|
{
|
|
137
145
|
targetUrl,
|
|
138
146
|
variant: getVariant(variant2),
|
|
147
|
+
newTab,
|
|
139
148
|
children: displayText
|
|
140
149
|
},
|
|
141
150
|
id2
|