@axos-web-dev/shared-components 0.0.185 → 0.0.187
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/HeroBanner/HeroBanner.js +34 -22
- package/dist/HeroBanner/SelectionBanner.css.d.ts +12 -4
- package/dist/assets/HeroBanner/SelectionBanner.css +12 -0
- package/dist/assets/TextBlock/TextBlock.css +6 -0
- package/dist/assets/themes/axos.css +1 -0
- package/dist/assets/themes/premier.css +1 -0
- package/dist/themes/axos.css.d.ts +5 -0
- package/dist/themes/axos.css.js +1 -1
- package/dist/utils/allowedAxosDomains.js +2 -1
- package/package.json +1 -1
|
@@ -149,20 +149,26 @@ const HeroBanner = ({
|
|
|
149
149
|
rounded: "medium",
|
|
150
150
|
square: true,
|
|
151
151
|
children: [
|
|
152
|
-
|
|
153
|
-
"
|
|
152
|
+
typeof icon !== "undefined" ? /* @__PURE__ */ jsx(
|
|
153
|
+
"div",
|
|
154
154
|
{
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
155
|
+
className: clsx(selection_section_icon),
|
|
156
|
+
children: /* @__PURE__ */ jsx(
|
|
157
|
+
"span",
|
|
158
|
+
{
|
|
159
|
+
style: {
|
|
160
|
+
mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
|
|
161
|
+
WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
|
|
162
|
+
},
|
|
163
|
+
className: clsx(
|
|
164
|
+
selection_section_icon_img({
|
|
165
|
+
variant: getVariant(variant)
|
|
166
|
+
})
|
|
167
|
+
)
|
|
168
|
+
}
|
|
163
169
|
)
|
|
164
170
|
}
|
|
165
|
-
)
|
|
171
|
+
) : null,
|
|
166
172
|
displayText
|
|
167
173
|
]
|
|
168
174
|
},
|
|
@@ -176,20 +182,26 @@ const HeroBanner = ({
|
|
|
176
182
|
size: "large",
|
|
177
183
|
square: true,
|
|
178
184
|
children: [
|
|
179
|
-
|
|
180
|
-
"
|
|
185
|
+
typeof icon !== "undefined" ? /* @__PURE__ */ jsx(
|
|
186
|
+
"div",
|
|
181
187
|
{
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
className: clsx(selection_section_icon),
|
|
189
|
+
children: /* @__PURE__ */ jsx(
|
|
190
|
+
"span",
|
|
191
|
+
{
|
|
192
|
+
style: {
|
|
193
|
+
mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
|
|
194
|
+
WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
|
|
195
|
+
},
|
|
196
|
+
className: clsx(
|
|
197
|
+
selection_section_icon_img({
|
|
198
|
+
variant: getVariant(variant)
|
|
199
|
+
})
|
|
200
|
+
)
|
|
201
|
+
}
|
|
190
202
|
)
|
|
191
203
|
}
|
|
192
|
-
)
|
|
204
|
+
) : null,
|
|
193
205
|
displayText
|
|
194
206
|
]
|
|
195
207
|
},
|
|
@@ -23,9 +23,17 @@ export declare const selection_section_content: string;
|
|
|
23
23
|
export declare const selection_section_icon: string;
|
|
24
24
|
export declare const selection_section_icon_img: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
25
25
|
variant: {
|
|
26
|
-
primary: {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
primary: {
|
|
27
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
+
};
|
|
29
|
+
secondary: {
|
|
30
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
+
};
|
|
32
|
+
tertiary: {
|
|
33
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
|
+
};
|
|
35
|
+
quaternary: {
|
|
36
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
+
};
|
|
30
38
|
};
|
|
31
39
|
}>;
|
|
@@ -54,6 +54,18 @@
|
|
|
54
54
|
max-height: 64px;
|
|
55
55
|
display: block;
|
|
56
56
|
}
|
|
57
|
+
._7etqoqa {
|
|
58
|
+
background-color: var(--_1073cm812);
|
|
59
|
+
}
|
|
60
|
+
._7etqoqb {
|
|
61
|
+
background-color: var(--_1073cm812);
|
|
62
|
+
}
|
|
63
|
+
._7etqoqc {
|
|
64
|
+
background-color: var(--_1073cm812);
|
|
65
|
+
}
|
|
66
|
+
._7etqoqd {
|
|
67
|
+
background-color: var(--_1073cm812);
|
|
68
|
+
}
|
|
57
69
|
@media screen and (max-width:768px) {
|
|
58
70
|
._7etqoq0 {
|
|
59
71
|
font-size: 28px;
|
|
@@ -15,6 +15,12 @@
|
|
|
15
15
|
main > div:nth-last-child(2) > ._16g7rvn0 {
|
|
16
16
|
margin-bottom: 3.5rem;
|
|
17
17
|
}
|
|
18
|
+
._16g7rvn0 li + li {
|
|
19
|
+
margin-top: 1em;
|
|
20
|
+
}
|
|
21
|
+
._16g7rvn0 li {
|
|
22
|
+
padding-left: 15px;
|
|
23
|
+
}
|
|
18
24
|
@media screen and (max-width: 1023px) {
|
|
19
25
|
main > div:nth-last-child(2) > ._16g7rvn0 {
|
|
20
26
|
margin-bottom: 42px;
|
|
@@ -58,4 +58,9 @@ export declare const axosTheme: string, vars: {
|
|
|
58
58
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
59
|
};
|
|
60
60
|
};
|
|
61
|
+
selecction: {
|
|
62
|
+
icon: {
|
|
63
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
61
66
|
};
|
package/dist/themes/axos.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
var axosTheme = "_1073cm80";
|
|
3
|
-
var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } } };
|
|
3
|
+
var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
|
|
4
4
|
export {
|
|
5
5
|
axosTheme,
|
|
6
6
|
vars
|
|
@@ -34,7 +34,8 @@ const moreDomains = {
|
|
|
34
34
|
"{AXMWDJ}": process.env.AXOS_MY_WORK_DAY_JOBS ?? "https://axos.wd5.myworkdayjobs.com/Axos",
|
|
35
35
|
"{AXMHA}": process.env.AXOS_MY_HOME_ADVANTAGE ?? "https://axos.myhomeadvantage.com",
|
|
36
36
|
"{AXTPL}": process.env.AXOS_THIRD_PARTY_LENDING ?? "https://thirdpartylending.axosbank.com",
|
|
37
|
-
"{AXBHUBSVIDYARD}": process.env.AXBHUBSVIDYARD_URL || "https://www.axosbank.hubs.vidyard.com"
|
|
37
|
+
"{AXBHUBSVIDYARD}": process.env.AXBHUBSVIDYARD_URL || "https://www.axosbank.hubs.vidyard.com",
|
|
38
|
+
"{AUTOAX}": process.env.AUTO_AXOSBANK_URL || "https://auto.axosbank.com/"
|
|
38
39
|
};
|
|
39
40
|
const isAllowedUrl = (url) => {
|
|
40
41
|
const uri = new URL(url, location.href);
|