@axos-web-dev/shared-components 1.0.77-patch.49 → 1.0.77-patch.50
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/Article/Article.css.d.ts +8 -36
- package/dist/ArticlesSet/ArticlesSet.css.d.ts +10 -70
- package/dist/ArticlesSet/ArticlesSet.js +1 -1
- package/dist/Avatar/Avatar.module.js +7 -7
- package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
- package/dist/AwardsItem/AwardsItem.css.js +1 -2
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/Button/Button.css.d.ts +3 -3
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +2 -30
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +2 -30
- package/dist/Calculators/Calculator.js +1 -1
- package/dist/Calculators/calculator.css.d.ts +2 -8
- package/dist/CallToActionBar/index.js +1 -1
- package/dist/Carousel/Carousel.css.d.ts +8 -19
- package/dist/Chatbot/ChatWindow.css.js +1 -0
- package/dist/Chatbot/Chatbot.css.js +0 -1
- package/dist/Chevron/Chevron.css.d.ts +2 -2
- package/dist/CollectInformationAlert/index.js +1 -1
- package/dist/Comparison/Comparison.js +2 -2
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +153 -0
- package/dist/ExecutiveBio/ExecutiveBio.css.js +50 -0
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +11 -4
- package/dist/ExecutiveBio/ExecutiveBio.js +258 -5
- package/dist/ExecutiveBio/Overlay.d.ts +8 -0
- package/dist/ExecutiveBio/Overlay.js +589 -0
- package/dist/ExecutiveBio/index.js +26 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
- package/dist/Forms/DealerServices.js +0 -1
- package/dist/Forms/Forms.css.d.ts +2 -30
- package/dist/Forms/SuccesForm.js +1 -1
- package/dist/HeroBanner/HeroBanner.css.d.ts +5 -17
- package/dist/HeroBanner/HeroBanner.js +2 -13
- package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -19
- package/dist/HeroBanner/SelectionBanner.css.js +6 -6
- package/dist/Hyperlink/Hyperlink.css.d.ts +4 -4
- package/dist/Hyperlink/Hyperlink.css.js +4 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
- package/dist/IconBillboard/sections/CallToActionSection.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
- package/dist/Input/Input.js +3 -1
- package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
- package/dist/Modal/Modal.css.d.ts +1 -0
- package/dist/Modal/Modal.css.js +5 -3
- package/dist/Modal/Modal.js +3 -3
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +7 -2
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
- package/dist/NavigationMenu/AxosAdvisor/index.js +39 -21
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +7 -2
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +2 -2
- package/dist/NavigationMenu/AxosAdvisorServices/index.js +14 -8
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +41 -41
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +15 -8
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
- package/dist/NavigationMenu/NavDataJson.d.ts +2 -0
- package/dist/NavigationMenu/NavDataJson.js +315 -0
- package/dist/NavigationMenu/Navbar.d.ts +5 -0
- package/dist/NavigationMenu/Navbar.js +201 -0
- package/dist/NavigationMenu/SignInNavButton.d.ts +1 -0
- package/dist/NavigationMenu/SignInNavButton.js +369 -0
- package/dist/PageNavItem/PageNavItem.css.d.ts +4 -22
- package/dist/Pagination/Pagination.js +6 -6
- package/dist/StepItem/StepItem.css.d.ts +8 -36
- package/dist/StepItemSet/StepItemSet.css.d.ts +5 -32
- package/dist/StepItemSet/StepItemSet.css.js +5 -3
- package/dist/StepItemSet/StepItemSet.d.ts +2 -0
- package/dist/StepItemSet/StepItemSet.js +18 -13
- package/dist/StepItemSet/index.js +3 -2
- package/dist/Table/Table.css.d.ts +7 -7
- package/dist/Table/Table.css.js +5 -5
- package/dist/Table/Table.js +1 -1
- package/dist/assets/Accordion/Accordion.css +4 -4
- package/dist/assets/Article/Article.css +47 -59
- package/dist/assets/ArticlesSet/ArticlesSet.css +26 -56
- package/dist/assets/Auth/SignIn.css +12 -12
- package/dist/assets/Avatar/Avatar.css.css +10 -10
- package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
- package/dist/assets/AwardsItem/AwardsItem.css +3 -4
- package/dist/assets/Blockquote/Blockquote.css.css +68 -68
- package/dist/assets/Button/Button.css +28 -28
- package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +8 -8
- package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +12 -21
- package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +20 -12
- package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +22 -34
- package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +14 -14
- package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +9 -9
- package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +10 -10
- package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +18 -10
- package/dist/assets/Calculators/calculator.css +9 -15
- package/dist/assets/CallToActionBar/CallToActionBar.css +6 -4
- package/dist/assets/Carousel/Carousel.css +27 -41
- package/dist/assets/Chevron/Chevron.css +11 -10
- package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +4 -3
- package/dist/assets/Comparison/Comparison.css +5 -4
- package/dist/assets/ContentBanner/ContentBanner.css +8 -8
- package/dist/assets/DownloadTile/DownloadTile.css +6 -6
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +343 -27
- package/dist/assets/FaqAccordion/FaqAccordion.css +5 -5
- package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
- package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +3 -8
- package/dist/assets/Forms/Forms.css +45 -63
- package/dist/assets/Forms/QuickPricer/UserInformation.css +1 -1
- package/dist/assets/HeroBanner/HeroBanner.css +81 -76
- package/dist/assets/HeroBanner/LargeBanner.css +15 -15
- package/dist/assets/HeroBanner/SelectionBanner.css +15 -29
- package/dist/assets/Hyperlink/Hyperlink.css +4 -4
- package/dist/assets/IconBillboard/IconBillboard.css +32 -48
- package/dist/assets/ImageBillboard/ImageBillboard.css +31 -65
- package/dist/assets/Input/Input.css +6 -6
- package/dist/assets/Inputs/Input.css +4 -4
- package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
- package/dist/assets/Interstitial/Interstitial-variants.css +3 -3
- package/dist/assets/LandingPageHeader/LandingPageHeader.css +1 -1
- package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
- package/dist/assets/Modal/Modal.css +17 -28
- package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +1 -1
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +25 -2
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +138 -126
- package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +5 -4
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +25 -2
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +142 -130
- package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +22 -4
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +32 -31
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +21 -9
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +120 -148
- package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +35 -1
- package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +133 -107
- package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +84 -83
- package/dist/assets/PageNavItem/PageNavItem.css +16 -33
- package/dist/assets/Pagination/Pagination.css +1 -1
- package/dist/assets/SetContainer/SetContainer.css +5 -5
- package/dist/assets/StepItem/StepItem.css +26 -42
- package/dist/assets/StepItemSet/StepItemSet.css +27 -35
- package/dist/assets/Tab/Tab.css +12 -12
- package/dist/assets/Table/Table.css +91 -98
- package/dist/assets/TextBlock/TextBlock.css +1 -1
- package/dist/assets/TopicalNavItem/TopicalNavItem.css +1 -1
- package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
- package/dist/assets/VideoTile/VideoTile.css +1 -1
- package/dist/assets/globals.css +10 -10
- package/dist/assets/icons/ArrowIcon/ArrowIcon.css +3 -3
- package/dist/assets/icons/DownloadIcon/DownloadIcon.css +1 -1
- package/dist/assets/icons/FollowIcon/FollowIcon.css +1 -1
- package/dist/assets/themes/axos.css +32 -32
- package/dist/assets/themes/premier.css +31 -31
- package/dist/assets/themes/victorie.css +23 -23
- package/dist/icons/CheckCircle.js +1 -1
- package/dist/icons/CheckCircleLight.js +1 -1
- package/dist/icons/CheckIcon/index.js +1 -1
- package/dist/icons/Logos/AXB.d.ts +8 -0
- package/dist/icons/Logos/AXB.js +74 -0
- package/dist/icons/QuoteIconGrey.js +2 -2
- package/dist/main.js +28 -2
- package/dist/themes/axos.css.d.ts +12 -12
- package/dist/themes/axos.css.js +1 -1
- package/package.json +135 -135
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import { ExecutiveBio } from "./ExecutiveBio.js";
|
|
2
|
-
import { bio_section_text, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon, url_row } from "./ExecutiveBio.css.js";
|
|
2
|
+
import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio.css.js";
|
|
3
3
|
import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
|
|
4
4
|
export {
|
|
5
5
|
ExecutiveBio,
|
|
6
6
|
ExecutiveBioSet,
|
|
7
7
|
bio_section_text,
|
|
8
|
+
bulletsHeadline,
|
|
9
|
+
bulletsWrapper,
|
|
10
|
+
ceoContainer,
|
|
11
|
+
ceoContent,
|
|
12
|
+
ceoHeader,
|
|
13
|
+
ceoImgWrapper,
|
|
14
|
+
ceoMedia,
|
|
15
|
+
ceoPersonalInfo,
|
|
16
|
+
ceoSection,
|
|
17
|
+
ceoWrapper,
|
|
18
|
+
ceo_body,
|
|
19
|
+
ceo_contacts,
|
|
20
|
+
ceo_name,
|
|
21
|
+
ceo_quote,
|
|
22
|
+
ceo_title,
|
|
8
23
|
components,
|
|
9
24
|
contact_col,
|
|
10
25
|
contact_entry,
|
|
@@ -13,17 +28,27 @@ export {
|
|
|
13
28
|
description,
|
|
14
29
|
details,
|
|
15
30
|
executive_bio,
|
|
31
|
+
flexColumn,
|
|
16
32
|
header_theme,
|
|
17
33
|
headline_setting,
|
|
18
34
|
headshot,
|
|
35
|
+
highlights,
|
|
36
|
+
hover,
|
|
37
|
+
imgAlignment,
|
|
19
38
|
img_area,
|
|
20
39
|
item_bio,
|
|
21
40
|
job_title,
|
|
22
41
|
media,
|
|
42
|
+
order_3,
|
|
43
|
+
overlay,
|
|
23
44
|
padding,
|
|
24
45
|
person,
|
|
25
46
|
section_theme,
|
|
26
47
|
shift,
|
|
48
|
+
social,
|
|
49
|
+
stroke_color,
|
|
50
|
+
svg_color,
|
|
27
51
|
svg_icon,
|
|
52
|
+
tooltip,
|
|
28
53
|
url_row
|
|
29
54
|
};
|
|
@@ -540,7 +540,7 @@ const AxosFooterSiteMap = ({
|
|
|
540
540
|
"path",
|
|
541
541
|
{
|
|
542
542
|
d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
|
|
543
|
-
fill: "#
|
|
543
|
+
fill: "#14263D"
|
|
544
544
|
}
|
|
545
545
|
)
|
|
546
546
|
}
|
|
@@ -712,7 +712,7 @@ const AxosFooterSiteMap = ({
|
|
|
712
712
|
"path",
|
|
713
713
|
{
|
|
714
714
|
d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
|
|
715
|
-
fill: "#
|
|
715
|
+
fill: "#14263D"
|
|
716
716
|
}
|
|
717
717
|
)
|
|
718
718
|
}
|
|
@@ -884,7 +884,7 @@ const AxosFooterSiteMap = ({
|
|
|
884
884
|
"path",
|
|
885
885
|
{
|
|
886
886
|
d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
|
|
887
|
-
fill: "#
|
|
887
|
+
fill: "#14263D"
|
|
888
888
|
}
|
|
889
889
|
)
|
|
890
890
|
}
|
|
@@ -53,7 +53,6 @@ const DealerServices = ({
|
|
|
53
53
|
first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
|
|
54
54
|
last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
|
|
55
55
|
email: z.string().email({ message: "Email is required." }),
|
|
56
|
-
// .refine(async (val: string) => await validateEmail(val)),
|
|
57
56
|
phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
|
|
58
57
|
const removeDashes = val.replace(/-/gi, "");
|
|
59
58
|
if (removeDashes.length !== 10) {
|
|
@@ -40,38 +40,10 @@ export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
40
40
|
export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
41
41
|
variant: {
|
|
42
42
|
primary: {
|
|
43
|
-
|
|
44
|
-
[x: string]: {
|
|
45
|
-
WebkitBackgroundClip: string;
|
|
46
|
-
backgroundImage: `var(--${string})`;
|
|
47
|
-
WebkitTextFillColor: string;
|
|
48
|
-
textShadow: string;
|
|
49
|
-
color?: undefined;
|
|
50
|
-
} | {
|
|
51
|
-
color: `var(--${string})`;
|
|
52
|
-
WebkitBackgroundClip?: undefined;
|
|
53
|
-
backgroundImage?: undefined;
|
|
54
|
-
WebkitTextFillColor?: undefined;
|
|
55
|
-
textShadow?: undefined;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
43
|
+
color: `var(--${string})`;
|
|
58
44
|
};
|
|
59
45
|
secondary: {
|
|
60
|
-
|
|
61
|
-
[x: string]: {
|
|
62
|
-
WebkitBackgroundClip: "text";
|
|
63
|
-
backgroundImage: `var(--${string})`;
|
|
64
|
-
WebkitTextFillColor: "transparent";
|
|
65
|
-
textShadow: "0px 0px #00000000";
|
|
66
|
-
color?: undefined;
|
|
67
|
-
} | {
|
|
68
|
-
color: `var(--${string})`;
|
|
69
|
-
WebkitBackgroundClip?: undefined;
|
|
70
|
-
backgroundImage?: undefined;
|
|
71
|
-
WebkitTextFillColor?: undefined;
|
|
72
|
-
textShadow?: undefined;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
46
|
+
color: `var(--${string})`;
|
|
75
47
|
};
|
|
76
48
|
tertiary: {
|
|
77
49
|
color: `var(--${string})`;
|
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -60,8 +60,8 @@ import "../Carousel/index.js";
|
|
|
60
60
|
/* empty css */
|
|
61
61
|
import "../Chatbot/store/chat.js";
|
|
62
62
|
import "../Chatbot/authenticate.js";
|
|
63
|
-
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
64
63
|
import "react-use";
|
|
64
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
65
65
|
/* empty css */
|
|
66
66
|
import "../Chatbot/store/messages.js";
|
|
67
67
|
/* empty css */
|
|
@@ -3,7 +3,7 @@ export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
3
3
|
variant: {
|
|
4
4
|
primary: {
|
|
5
5
|
background: `var(--${string})`;
|
|
6
|
-
borderBottom: "1px solid #
|
|
6
|
+
borderBottom: "1px solid #B9C1CE";
|
|
7
7
|
color: `var(--${string})`;
|
|
8
8
|
};
|
|
9
9
|
secondary: {
|
|
@@ -30,16 +30,10 @@ export declare const img_contents: string;
|
|
|
30
30
|
export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
31
31
|
variant: {
|
|
32
32
|
primary: {
|
|
33
|
-
|
|
34
|
-
backgroundClip: "text";
|
|
35
|
-
WebkitTextFillColor: "transparent";
|
|
36
|
-
textShadow: "0px 0px #00000000";
|
|
33
|
+
color: `var(--${string})`;
|
|
37
34
|
};
|
|
38
35
|
secondary: {
|
|
39
|
-
|
|
40
|
-
backgroundClip: "text";
|
|
41
|
-
WebkitTextFillColor: "transparent";
|
|
42
|
-
textShadow: "0px 0px #00000000";
|
|
36
|
+
color: `var(--${string})`;
|
|
43
37
|
};
|
|
44
38
|
tertiary: {
|
|
45
39
|
color: `var(--${string})`;
|
|
@@ -52,16 +46,10 @@ export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
52
46
|
export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
53
47
|
variant: {
|
|
54
48
|
primary: {
|
|
55
|
-
|
|
56
|
-
backgroundClip: "text";
|
|
57
|
-
WebkitTextFillColor: "transparent";
|
|
58
|
-
textShadow: "0px 0px #00000000";
|
|
49
|
+
color: `var(--${string})`;
|
|
59
50
|
};
|
|
60
51
|
secondary: {
|
|
61
|
-
|
|
62
|
-
backgroundClip: "text";
|
|
63
|
-
WebkitTextFillColor: "transparent";
|
|
64
|
-
textShadow: "0px 0px #00000000";
|
|
52
|
+
color: `var(--${string})`;
|
|
65
53
|
};
|
|
66
54
|
tertiary: {
|
|
67
55
|
color: `var(--${string})`;
|
|
@@ -13,8 +13,8 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
import { getVariant } from "../utils/getVariant.js";
|
|
16
|
-
import clsx from "clsx";
|
|
17
16
|
import Image from "next/image.js";
|
|
17
|
+
import clsx from "clsx";
|
|
18
18
|
import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
|
|
19
19
|
import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
|
|
20
20
|
import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
|
|
@@ -186,18 +186,7 @@ const HeroBanner = ({
|
|
|
186
186
|
/* @__PURE__ */ jsx("div", { className: selection_section_bg }),
|
|
187
187
|
/* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
|
|
188
188
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
189
|
-
/* @__PURE__ */ jsx(
|
|
190
|
-
"h3",
|
|
191
|
-
{
|
|
192
|
-
className: clsx(
|
|
193
|
-
"header_2",
|
|
194
|
-
selection_headline_text({
|
|
195
|
-
variant: getVariant(variant)
|
|
196
|
-
})
|
|
197
|
-
),
|
|
198
|
-
children: selection?.headline
|
|
199
|
-
}
|
|
200
|
-
),
|
|
189
|
+
/* @__PURE__ */ jsx("h3", { className: clsx("header_2", selection_headline_text), children: selection?.headline }),
|
|
201
190
|
/* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
|
|
202
191
|
] }),
|
|
203
192
|
selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
|
|
@@ -1,22 +1,4 @@
|
|
|
1
|
-
export declare const selection_headline_text:
|
|
2
|
-
variant: {
|
|
3
|
-
primary: {
|
|
4
|
-
color: `var(--${string})`;
|
|
5
|
-
};
|
|
6
|
-
secondary: {
|
|
7
|
-
background: `var(--${string})`;
|
|
8
|
-
backgroundClip: "text";
|
|
9
|
-
WebkitTextFillColor: "transparent";
|
|
10
|
-
textShadow: "0px 0px #00000000";
|
|
11
|
-
};
|
|
12
|
-
tertiary: {
|
|
13
|
-
color: `var(--${string})`;
|
|
14
|
-
};
|
|
15
|
-
quaternary: {
|
|
16
|
-
color: `var(--${string})`;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
}>;
|
|
1
|
+
export declare const selection_headline_text: string;
|
|
20
2
|
export declare const selection_section: string;
|
|
21
3
|
export declare const selection_section_bg: string;
|
|
22
4
|
export declare const selection_section_content: string;
|
|
@@ -4,12 +4,12 @@ import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victo
|
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
7
|
-
var selection_headline_text =
|
|
8
|
-
var selection_section = "
|
|
9
|
-
var selection_section_bg = "
|
|
10
|
-
var selection_section_content = "
|
|
11
|
-
var selection_section_icon = "
|
|
12
|
-
var selection_section_icon_img = createRuntimeFn({ defaultClassName: "
|
|
7
|
+
var selection_headline_text = "_7etqoq0";
|
|
8
|
+
var selection_section = "_7etqoq1";
|
|
9
|
+
var selection_section_bg = "_7etqoq2";
|
|
10
|
+
var selection_section_content = "_7etqoq3";
|
|
11
|
+
var selection_section_icon = "_7etqoq4";
|
|
12
|
+
var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq5", variantClassNames: { variant: { primary: "_7etqoq6", secondary: "_7etqoq7", tertiary: "_7etqoq8", quaternary: "_7etqoq9" } }, defaultVariants: {}, compoundVariants: [] });
|
|
13
13
|
export {
|
|
14
14
|
selection_headline_text,
|
|
15
15
|
selection_section,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
color:
|
|
4
|
+
color: `var(--${string})`;
|
|
5
5
|
selectors: {
|
|
6
6
|
"&:hover": {
|
|
7
7
|
textDecoration: "underline";
|
|
8
|
-
textDecorationColor:
|
|
8
|
+
textDecorationColor: `var(--${string})`;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
secondary: {
|
|
13
|
-
color:
|
|
13
|
+
color: `var(--${string})`;
|
|
14
14
|
selectors: {
|
|
15
15
|
"&:hover": {
|
|
16
16
|
textDecoration: "underline";
|
|
17
|
-
textDecorationColor:
|
|
17
|
+
textDecorationColor: `var(--${string})`;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import '../assets/Hyperlink/Hyperlink.css';/* empty css
|
|
1
|
+
import '../assets/Hyperlink/Hyperlink.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
2
5
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
6
|
var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
|
|
4
7
|
export {
|
|
@@ -4,7 +4,7 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
|
|
|
4
4
|
variant: {
|
|
5
5
|
primary: {
|
|
6
6
|
background: `var(--${string})`;
|
|
7
|
-
border: "1px solid #
|
|
7
|
+
border: "1px solid #E9EBEF";
|
|
8
8
|
color: `var(--${string})`;
|
|
9
9
|
};
|
|
10
10
|
secondary: {
|
|
@@ -34,38 +34,10 @@ export declare const headerIconBillboard: string;
|
|
|
34
34
|
export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
35
35
|
variant: {
|
|
36
36
|
primary: {
|
|
37
|
-
|
|
38
|
-
[x: string]: {
|
|
39
|
-
WebkitBackgroundClip: "text";
|
|
40
|
-
backgroundImage: `var(--${string})`;
|
|
41
|
-
WebkitTextFillColor: "transparent";
|
|
42
|
-
textShadow: "0px 0px #00000000";
|
|
43
|
-
color?: undefined;
|
|
44
|
-
} | {
|
|
45
|
-
color: `var(--${string})`;
|
|
46
|
-
WebkitBackgroundClip?: undefined;
|
|
47
|
-
backgroundImage?: undefined;
|
|
48
|
-
WebkitTextFillColor?: undefined;
|
|
49
|
-
textShadow?: undefined;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
37
|
+
color: `var(--${string})`;
|
|
52
38
|
};
|
|
53
39
|
secondary: {
|
|
54
|
-
|
|
55
|
-
[x: string]: {
|
|
56
|
-
WebkitBackgroundClip: "text";
|
|
57
|
-
backgroundImage: `var(--${string})`;
|
|
58
|
-
WebkitTextFillColor: "transparent";
|
|
59
|
-
textShadow: "0px 0px #00000000";
|
|
60
|
-
color?: undefined;
|
|
61
|
-
} | {
|
|
62
|
-
color: `var(--${string})`;
|
|
63
|
-
WebkitBackgroundClip?: undefined;
|
|
64
|
-
backgroundImage?: undefined;
|
|
65
|
-
WebkitTextFillColor?: undefined;
|
|
66
|
-
textShadow?: undefined;
|
|
67
|
-
};
|
|
68
|
-
};
|
|
40
|
+
color: `var(--${string})`;
|
|
69
41
|
};
|
|
70
42
|
tertiary: {
|
|
71
43
|
color: `var(--${string})`;
|
|
@@ -82,16 +54,10 @@ export declare const section_text: string;
|
|
|
82
54
|
export declare const header_section: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
83
55
|
variant: {
|
|
84
56
|
primary: {
|
|
85
|
-
|
|
86
|
-
backgroundClip: "text";
|
|
87
|
-
WebkitTextFillColor: "transparent";
|
|
88
|
-
textShadow: "0px 0px #00000000";
|
|
57
|
+
color: `var(--${string})`;
|
|
89
58
|
};
|
|
90
59
|
secondary: {
|
|
91
|
-
|
|
92
|
-
backgroundClip: "text";
|
|
93
|
-
WebkitTextFillColor: "transparent";
|
|
94
|
-
textShadow: "0px 0px #00000000";
|
|
60
|
+
color: `var(--${string})`;
|
|
95
61
|
};
|
|
96
62
|
tertiary: {
|
|
97
63
|
color: `var(--${string})`;
|
|
@@ -106,7 +72,7 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
106
72
|
variant: {
|
|
107
73
|
primary: {
|
|
108
74
|
background: `var(--${string})`;
|
|
109
|
-
border: "1px solid #
|
|
75
|
+
border: "1px solid #E9EBEF";
|
|
110
76
|
};
|
|
111
77
|
secondary: {
|
|
112
78
|
background: `var(--${string})`;
|
|
@@ -4,9 +4,9 @@ import { Button } from "../../Button/Button.js";
|
|
|
4
4
|
import "../../Button/Button.css.js";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import "react-use";
|
|
7
|
-
import { buttons } from "../IconBillboard.css.js";
|
|
8
7
|
import { Chevron } from "../../Chevron/index.js";
|
|
9
8
|
import { getVariant } from "../../utils/getVariant.js";
|
|
9
|
+
import { buttons } from "../IconBillboard.css.js";
|
|
10
10
|
const useFullClick = (callToActionRow) => {
|
|
11
11
|
return useMemo(() => {
|
|
12
12
|
let chevronCount = 0;
|
|
@@ -3,7 +3,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
3
3
|
primary: {
|
|
4
4
|
background: `var(--${string})`;
|
|
5
5
|
color: `var(--${string})`;
|
|
6
|
-
border: "1px solid #
|
|
6
|
+
border: "1px solid #B9C1CE";
|
|
7
7
|
};
|
|
8
8
|
secondary: {
|
|
9
9
|
background: `var(--${string})`;
|
|
@@ -58,38 +58,10 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
|
|
|
58
58
|
export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
59
59
|
variant: {
|
|
60
60
|
primary: {
|
|
61
|
-
|
|
62
|
-
[x: string]: {
|
|
63
|
-
WebkitBackgroundClip: "text";
|
|
64
|
-
backgroundImage: `var(--${string})`;
|
|
65
|
-
WebkitTextFillColor: "transparent";
|
|
66
|
-
textShadow: "0px 0px #00000000";
|
|
67
|
-
color?: undefined;
|
|
68
|
-
} | {
|
|
69
|
-
color: `var(--${string})`;
|
|
70
|
-
WebkitBackgroundClip?: undefined;
|
|
71
|
-
backgroundImage?: undefined;
|
|
72
|
-
WebkitTextFillColor?: undefined;
|
|
73
|
-
textShadow?: undefined;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
61
|
+
color: `var(--${string})`;
|
|
76
62
|
};
|
|
77
63
|
secondary: {
|
|
78
|
-
|
|
79
|
-
[x: string]: {
|
|
80
|
-
WebkitBackgroundClip: "text";
|
|
81
|
-
backgroundImage: `var(--${string})`;
|
|
82
|
-
WebkitTextFillColor: "transparent";
|
|
83
|
-
textShadow: "0px 0px #00000000";
|
|
84
|
-
color?: undefined;
|
|
85
|
-
} | {
|
|
86
|
-
color: `var(--${string})`;
|
|
87
|
-
WebkitBackgroundClip?: undefined;
|
|
88
|
-
backgroundImage?: undefined;
|
|
89
|
-
WebkitTextFillColor?: undefined;
|
|
90
|
-
textShadow?: undefined;
|
|
91
|
-
};
|
|
92
|
-
};
|
|
64
|
+
color: `var(--${string})`;
|
|
93
65
|
};
|
|
94
66
|
tertiary: {
|
|
95
67
|
color: `var(--${string})`;
|
|
@@ -102,38 +74,10 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
102
74
|
export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
103
75
|
variant: {
|
|
104
76
|
primary: {
|
|
105
|
-
|
|
106
|
-
[x: string]: {
|
|
107
|
-
WebkitBackgroundClip: "text";
|
|
108
|
-
backgroundImage: `var(--${string})`;
|
|
109
|
-
WebkitTextFillColor: "transparent";
|
|
110
|
-
textShadow: "0px 0px #00000000";
|
|
111
|
-
color?: undefined;
|
|
112
|
-
} | {
|
|
113
|
-
color: `var(--${string})`;
|
|
114
|
-
WebkitBackgroundClip?: undefined;
|
|
115
|
-
backgroundImage?: undefined;
|
|
116
|
-
WebkitTextFillColor?: undefined;
|
|
117
|
-
textShadow?: undefined;
|
|
118
|
-
};
|
|
119
|
-
};
|
|
77
|
+
color: `var(--${string})`;
|
|
120
78
|
};
|
|
121
79
|
secondary: {
|
|
122
|
-
|
|
123
|
-
[x: string]: {
|
|
124
|
-
WebkitBackgroundClip: "text";
|
|
125
|
-
backgroundImage: `var(--${string})`;
|
|
126
|
-
WebkitTextFillColor: "transparent";
|
|
127
|
-
textShadow: "0px 0px #00000000";
|
|
128
|
-
color?: undefined;
|
|
129
|
-
} | {
|
|
130
|
-
color: `var(--${string})`;
|
|
131
|
-
WebkitBackgroundClip?: undefined;
|
|
132
|
-
backgroundImage?: undefined;
|
|
133
|
-
WebkitTextFillColor?: undefined;
|
|
134
|
-
textShadow?: undefined;
|
|
135
|
-
};
|
|
136
|
-
};
|
|
80
|
+
color: `var(--${string})`;
|
|
137
81
|
};
|
|
138
82
|
tertiary: {
|
|
139
83
|
color: `var(--${string})`;
|
package/dist/Input/Input.js
CHANGED
|
@@ -16,6 +16,7 @@ const Input = forwardRef((props, ref) => {
|
|
|
16
16
|
variant,
|
|
17
17
|
type = "text",
|
|
18
18
|
placeholder,
|
|
19
|
+
defaultValue,
|
|
19
20
|
...rest
|
|
20
21
|
} = props;
|
|
21
22
|
return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
|
|
@@ -37,7 +38,8 @@ const Input = forwardRef((props, ref) => {
|
|
|
37
38
|
className: clsx(props.className, input({ size: sizes })),
|
|
38
39
|
type,
|
|
39
40
|
placeholder,
|
|
40
|
-
disabled: disabled ?? false
|
|
41
|
+
disabled: disabled ?? false,
|
|
42
|
+
defaultValue
|
|
41
43
|
}
|
|
42
44
|
),
|
|
43
45
|
iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
export declare const loader: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
borderTop: "12px solid #
|
|
4
|
+
borderTop: "12px solid #1E629A";
|
|
5
5
|
};
|
|
6
6
|
secondary: {
|
|
7
|
-
borderTop: "12px solid #
|
|
7
|
+
borderTop: "12px solid #1E629A";
|
|
8
8
|
};
|
|
9
9
|
tertiary: {
|
|
10
|
-
borderTop: "12px solid #
|
|
10
|
+
borderTop: "12px solid #98DDFF";
|
|
11
11
|
};
|
|
12
12
|
quaternary: {
|
|
13
|
-
borderTop: "12px solid #
|
|
13
|
+
borderTop: "12px solid #98DDFF";
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
}>;
|
|
@@ -7,6 +7,7 @@ export declare const modal_header: string;
|
|
|
7
7
|
export declare const modal_title: string;
|
|
8
8
|
export declare const modal_subtitle: string;
|
|
9
9
|
export declare const modal_body: string;
|
|
10
|
+
export declare const modal_body_p: string;
|
|
10
11
|
export declare const modal_footer: string;
|
|
11
12
|
export declare const site_link: string;
|
|
12
13
|
export declare const speedbump_background: string;
|
package/dist/Modal/Modal.css.js
CHANGED
|
@@ -11,13 +11,15 @@ var modal_header = "_427id35";
|
|
|
11
11
|
var modal_title = "_427id36";
|
|
12
12
|
var modal_subtitle = "_427id37";
|
|
13
13
|
var modal_body = "_427id38";
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
14
|
+
var modal_body_p = "_427id39";
|
|
15
|
+
var modal_footer = "_427id3a";
|
|
16
|
+
var site_link = "_427id3b";
|
|
17
|
+
var speedbump_background = "_427id3c";
|
|
17
18
|
export {
|
|
18
19
|
hr,
|
|
19
20
|
modal,
|
|
20
21
|
modal_body,
|
|
22
|
+
modal_body_p,
|
|
21
23
|
modal_content,
|
|
22
24
|
modal_dialog,
|
|
23
25
|
modal_footer,
|
package/dist/Modal/Modal.js
CHANGED
|
@@ -127,7 +127,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
127
127
|
/* empty css */
|
|
128
128
|
/* empty css */
|
|
129
129
|
/* empty css */
|
|
130
|
-
import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
|
|
130
|
+
import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, modal_body_p, site_link, modal_footer } from "./Modal.css.js";
|
|
131
131
|
const Modal = ({
|
|
132
132
|
headline,
|
|
133
133
|
bodyCopy,
|
|
@@ -148,7 +148,7 @@ const Modal = ({
|
|
|
148
148
|
{
|
|
149
149
|
className: `${modal_body} text-center flex flex_col center middle mx_auto`,
|
|
150
150
|
children: [
|
|
151
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
151
|
+
/* @__PURE__ */ jsx("p", { className: `${modal_body_p} p_16 mb_16`, children: "You will now be redirected to:" }),
|
|
152
152
|
/* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
|
|
153
153
|
]
|
|
154
154
|
}
|
|
@@ -157,7 +157,7 @@ const Modal = ({
|
|
|
157
157
|
/* @__PURE__ */ jsxs(
|
|
158
158
|
"div",
|
|
159
159
|
{
|
|
160
|
-
className: `${modal_footer} flex center middle push_up_24`,
|
|
160
|
+
className: `${modal_footer} flex center middle push_up_24 gap_24`,
|
|
161
161
|
style: { marginInline: "auto", width: "max-content" },
|
|
162
162
|
children: [
|
|
163
163
|
/* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
|
+
/* empty css */
|
|
4
5
|
/* empty css */
|
|
5
6
|
var Sign_in_btn = "dg9gpl0";
|
|
6
7
|
var expand = "dg9gpl1";
|
|
8
|
+
var signin_subheader = "dg9gpl2";
|
|
9
|
+
var main_nav_link = "dg9gpl3";
|
|
7
10
|
export {
|
|
8
11
|
Sign_in_btn,
|
|
9
|
-
expand
|
|
12
|
+
expand,
|
|
13
|
+
main_nav_link,
|
|
14
|
+
signin_subheader
|
|
10
15
|
};
|