@axos-web-dev/shared-components 1.0.90 → 1.0.91-brand-refresh.1
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 +7 -35
- package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
- package/dist/AwardsItem/AwardsItem.css.js +1 -2
- package/dist/Carousel/Carousel.css.d.ts +8 -19
- package/dist/Comparison/Comparison.js +2 -2
- package/dist/HeroBanner/HeroBanner.css.d.ts +4 -16
- package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +38 -41
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +8 -7
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
- package/dist/PageNavItem/PageNavItem.css.d.ts +4 -10
- package/dist/assets/Article/Article.css +22 -34
- package/dist/assets/ArticlesSet/ArticlesSet.css +4 -4
- package/dist/assets/Auth/SignIn.css +3 -3
- package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
- package/dist/assets/AwardsItem/AwardsItem.css +3 -4
- package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +4 -4
- package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +4 -4
- package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +4 -4
- package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +8 -8
- package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +6 -6
- package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +4 -4
- package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +4 -4
- package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +4 -4
- package/dist/assets/Calculators/calculator.css +4 -4
- package/dist/assets/CallToActionBar/CallToActionBar.css +1 -1
- package/dist/assets/Carousel/Carousel.css +24 -38
- package/dist/assets/Chevron/Chevron.css +2 -2
- package/dist/assets/Comparison/Comparison.css +2 -2
- package/dist/assets/ContentBanner/ContentBanner.css +3 -3
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +12 -12
- package/dist/assets/Forms/Forms.css +18 -18
- package/dist/assets/HeroBanner/HeroBanner.css +78 -73
- package/dist/assets/HeroBanner/LargeBanner.css +4 -4
- package/dist/assets/HeroBanner/SelectionBanner.css +1 -1
- package/dist/assets/IconBillboard/IconBillboard.css +18 -41
- package/dist/assets/ImageBillboard/ImageBillboard.css +13 -46
- package/dist/assets/Input/Input.css +2 -2
- package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +1 -1
- package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +1 -1
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +1 -0
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +100 -138
- package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +34 -1
- package/dist/assets/PageNavItem/PageNavItem.css +11 -18
- package/dist/assets/SetContainer/SetContainer.css +4 -4
- package/dist/assets/StepItem/StepItem.css +6 -6
- package/dist/assets/StepItemSet/StepItemSet.css +4 -4
- package/dist/assets/Tab/Tab.css +2 -2
- package/dist/assets/Table/Table.css +7 -7
- package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
- package/dist/assets/globals.css +3 -3
- package/dist/assets/icons/ArrowIcon/ArrowIcon.css +1 -1
- package/dist/assets/themes/axos.css +20 -20
- package/dist/assets/themes/premier.css +3 -3
- package/dist/assets/themes/victorie.css +3 -3
- package/dist/icons/CheckCircle.js +1 -1
- package/dist/icons/CheckCircleLight.js +1 -1
- package/dist/icons/CheckIcon/index.js +1 -1
- package/dist/themes/axos.css.d.ts +2 -2
- package/dist/themes/axos.css.js +1 -1
- package/package.json +133 -133
|
@@ -25,7 +25,7 @@ export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
25
25
|
color: `var(--${string})`;
|
|
26
26
|
};
|
|
27
27
|
tertiary: {
|
|
28
|
-
color:
|
|
28
|
+
color: `var(--${string})`;
|
|
29
29
|
};
|
|
30
30
|
quaternary: {
|
|
31
31
|
color: `var(--${string})`;
|
|
@@ -35,38 +35,10 @@ export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
35
35
|
export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
36
36
|
variant: {
|
|
37
37
|
primary: {
|
|
38
|
-
|
|
39
|
-
[x: string]: {
|
|
40
|
-
WebkitBackgroundClip: "text";
|
|
41
|
-
backgroundImage: `var(--${string})`;
|
|
42
|
-
WebkitTextFillColor: "transparent";
|
|
43
|
-
textShadow: "0px 0px #00000000";
|
|
44
|
-
color?: undefined;
|
|
45
|
-
} | {
|
|
46
|
-
color: `var(--${string})`;
|
|
47
|
-
WebkitBackgroundClip?: undefined;
|
|
48
|
-
backgroundImage?: undefined;
|
|
49
|
-
WebkitTextFillColor?: undefined;
|
|
50
|
-
textShadow?: undefined;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
38
|
+
color: `var(--${string})`;
|
|
53
39
|
};
|
|
54
40
|
secondary: {
|
|
55
|
-
|
|
56
|
-
[x: string]: {
|
|
57
|
-
WebkitBackgroundClip: "text";
|
|
58
|
-
backgroundImage: `var(--${string})`;
|
|
59
|
-
WebkitTextFillColor: "transparent";
|
|
60
|
-
textShadow: "0px 0px #00000000";
|
|
61
|
-
color?: undefined;
|
|
62
|
-
} | {
|
|
63
|
-
color: `var(--${string})`;
|
|
64
|
-
WebkitBackgroundClip?: undefined;
|
|
65
|
-
backgroundImage?: undefined;
|
|
66
|
-
WebkitTextFillColor?: undefined;
|
|
67
|
-
textShadow?: undefined;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
41
|
+
color: `var(--${string})`;
|
|
70
42
|
};
|
|
71
43
|
tertiary: {
|
|
72
44
|
color: `var(--${string})`;
|
|
@@ -127,30 +99,30 @@ export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
127
99
|
};
|
|
128
100
|
};
|
|
129
101
|
tertiary: {
|
|
130
|
-
color: `var(--${string})`;
|
|
131
102
|
backgroundColor: `var(--${string})`;
|
|
103
|
+
color: `var(--${string})`;
|
|
132
104
|
selectors: {
|
|
133
105
|
"&:hover": {
|
|
134
106
|
borderColor: `var(--${string})`;
|
|
135
107
|
color: `var(--${string})`;
|
|
136
108
|
};
|
|
137
109
|
"&:active": {
|
|
138
|
-
color: `var(--${string})`;
|
|
139
110
|
backgroundColor: `var(--${string})`;
|
|
111
|
+
color: `var(--${string})`;
|
|
140
112
|
};
|
|
141
113
|
};
|
|
142
114
|
};
|
|
143
115
|
quaternary: {
|
|
144
|
-
color: `var(--${string})`;
|
|
145
116
|
backgroundColor: `var(--${string})`;
|
|
117
|
+
color: `var(--${string})`;
|
|
146
118
|
selectors: {
|
|
147
119
|
"&:hover": {
|
|
148
120
|
borderColor: `var(--${string})`;
|
|
149
121
|
color: `var(--${string})`;
|
|
150
122
|
};
|
|
151
123
|
"&:active": {
|
|
152
|
-
color: `var(--${string})`;
|
|
153
124
|
backgroundColor: `var(--${string})`;
|
|
125
|
+
color: `var(--${string})`;
|
|
154
126
|
};
|
|
155
127
|
};
|
|
156
128
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import '../assets/AwardsBanner/AwardsBanner.css';/* empty css */
|
|
1
|
+
import '../assets/AwardsBanner/AwardsBanner.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
|
var awards_section = "_1amgyqo0";
|
|
3
6
|
var awards_row = "_1amgyqo1";
|
|
4
7
|
export {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import '../assets/AwardsItem/AwardsItem.css'
|
|
2
|
-
/* empty css */
|
|
1
|
+
import '../assets/AwardsItem/AwardsItem.css';/* empty css */
|
|
3
2
|
var award_item = "_16tnqb20";
|
|
4
3
|
var award_company = "_16tnqb21";
|
|
5
4
|
var award_name = "_16tnqb22";
|
|
@@ -5,28 +5,16 @@ export declare const dots: string;
|
|
|
5
5
|
export declare const headerCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
6
6
|
variant: {
|
|
7
7
|
primary: {
|
|
8
|
-
|
|
9
|
-
backgroundClip: "text";
|
|
10
|
-
WebkitTextFillColor: "transparent";
|
|
11
|
-
textShadow: "0px 0px #00000000";
|
|
8
|
+
color: `var(--${string})`;
|
|
12
9
|
};
|
|
13
10
|
secondary: {
|
|
14
|
-
|
|
15
|
-
backgroundClip: "text";
|
|
16
|
-
WebkitTextFillColor: "transparent";
|
|
17
|
-
textShadow: "0px 0px #00000000";
|
|
11
|
+
color: `var(--${string})`;
|
|
18
12
|
};
|
|
19
13
|
tertiary: {
|
|
20
14
|
color: `var(--${string})`;
|
|
21
|
-
backgroundClip: "text";
|
|
22
|
-
WebkitTextFillColor: "transparent";
|
|
23
|
-
textShadow: "0px 0px #00000000";
|
|
24
15
|
};
|
|
25
16
|
quaternary: {
|
|
26
17
|
color: `var(--${string})`;
|
|
27
|
-
backgroundClip: "text";
|
|
28
|
-
WebkitTextFillColor: "transparent";
|
|
29
|
-
textShadow: "0px 0px #00000000";
|
|
30
18
|
};
|
|
31
19
|
};
|
|
32
20
|
}>;
|
|
@@ -34,6 +22,7 @@ export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
34
22
|
variant: {
|
|
35
23
|
primary: {
|
|
36
24
|
background: `var(--${string})`;
|
|
25
|
+
border: "1px solid #E9EBEF";
|
|
37
26
|
color: `var(--${string})`;
|
|
38
27
|
};
|
|
39
28
|
secondary: {
|
|
@@ -90,7 +79,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
|
|
|
90
79
|
export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
91
80
|
variant: {
|
|
92
81
|
primary: {
|
|
93
|
-
borderColor:
|
|
82
|
+
borderColor: `var(--${string})`;
|
|
94
83
|
selectors: {
|
|
95
84
|
"&:hover": {
|
|
96
85
|
background: "#87B9D7";
|
|
@@ -98,7 +87,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
98
87
|
};
|
|
99
88
|
};
|
|
100
89
|
secondary: {
|
|
101
|
-
borderColor:
|
|
90
|
+
borderColor: `var(--${string})`;
|
|
102
91
|
selectors: {
|
|
103
92
|
"&:hover": {
|
|
104
93
|
background: "#87B9D7";
|
|
@@ -106,7 +95,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
106
95
|
};
|
|
107
96
|
};
|
|
108
97
|
tertiary: {
|
|
109
|
-
borderColor:
|
|
98
|
+
borderColor: `var(--${string})`;
|
|
110
99
|
selectors: {
|
|
111
100
|
"&:hover": {
|
|
112
101
|
background: "#EBEBEB";
|
|
@@ -114,10 +103,10 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
114
103
|
};
|
|
115
104
|
};
|
|
116
105
|
quaternary: {
|
|
117
|
-
borderColor:
|
|
106
|
+
borderColor: `var(--${string})`;
|
|
118
107
|
selectors: {
|
|
119
108
|
"&:hover": {
|
|
120
|
-
background: "#
|
|
109
|
+
background: "#EBEBEB";
|
|
121
110
|
};
|
|
122
111
|
};
|
|
123
112
|
};
|
|
@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
|
|
|
13
13
|
import "../Accordion/Accordion.css.js";
|
|
14
14
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
15
15
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
16
|
-
import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/
|
|
16
|
+
import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Typography/Typography.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
17
17
|
/* empty css */
|
|
18
18
|
/* empty css */
|
|
19
19
|
/* empty css */
|
|
@@ -67,9 +67,9 @@ import "react-dom";
|
|
|
67
67
|
import "../Auth/SignInPassword.js";
|
|
68
68
|
/* empty css */
|
|
69
69
|
/* empty css */
|
|
70
|
-
/* empty css */
|
|
71
70
|
/* empty css */
|
|
72
71
|
import "../Carousel/index.js";
|
|
72
|
+
/* empty css */
|
|
73
73
|
/* empty css */
|
|
74
74
|
import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
|
|
75
75
|
import "next/image.js";
|
|
@@ -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})`;
|
|
@@ -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})`;
|
|
@@ -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})`;
|
|
@@ -1,42 +1,41 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const logo_wrap = "
|
|
5
|
-
const primary_links = "
|
|
6
|
-
const main_nav_link = "
|
|
7
|
-
const sub_nav_link = "
|
|
8
|
-
const signin_wrap = "
|
|
9
|
-
const signin_btn = "
|
|
10
|
-
const header_sub_row = "
|
|
11
|
-
const signin_dropdown = "
|
|
12
|
-
const shadow = "
|
|
13
|
-
const signin_header = "
|
|
14
|
-
const signin_subheader = "
|
|
15
|
-
const opacity = "
|
|
16
|
-
const fadeInDown = "
|
|
17
|
-
const signin_footer = "
|
|
18
|
-
const open = "
|
|
19
|
-
const dd_wrapper = "
|
|
20
|
-
const dd_media = "
|
|
21
|
-
const dd_media_img = "
|
|
22
|
-
const dd_site_navs = "
|
|
23
|
-
const dd_media_header = "
|
|
24
|
-
const mt_8 = "
|
|
25
|
-
const mt_16 = "
|
|
26
|
-
const ml_8 = "
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const desktop_only = "_desktop_only_68bu0_446";
|
|
1
|
+
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_qe08l_1";
|
|
2
|
+
const wrapper = "_wrapper_qe08l_5";
|
|
3
|
+
const header_main_row = "_header_main_row_qe08l_11";
|
|
4
|
+
const logo_wrap = "_logo_wrap_qe08l_17";
|
|
5
|
+
const primary_links = "_primary_links_qe08l_21";
|
|
6
|
+
const main_nav_link = "_main_nav_link_qe08l_25";
|
|
7
|
+
const sub_nav_link = "_sub_nav_link_qe08l_57";
|
|
8
|
+
const signin_wrap = "_signin_wrap_qe08l_59";
|
|
9
|
+
const signin_btn = "_signin_btn_qe08l_60";
|
|
10
|
+
const header_sub_row = "_header_sub_row_qe08l_97";
|
|
11
|
+
const signin_dropdown = "_signin_dropdown_qe08l_129";
|
|
12
|
+
const shadow = "_shadow_qe08l_139";
|
|
13
|
+
const signin_header = "_signin_header_qe08l_149";
|
|
14
|
+
const signin_subheader = "_signin_subheader_qe08l_156";
|
|
15
|
+
const opacity = "_opacity_qe08l_178";
|
|
16
|
+
const fadeInDown = "_fadeInDown_qe08l_1";
|
|
17
|
+
const signin_footer = "_signin_footer_qe08l_184";
|
|
18
|
+
const open = "_open_qe08l_205";
|
|
19
|
+
const dd_wrapper = "_dd_wrapper_qe08l_217";
|
|
20
|
+
const dd_media = "_dd_media_qe08l_226";
|
|
21
|
+
const dd_media_img = "_dd_media_img_qe08l_231";
|
|
22
|
+
const dd_site_navs = "_dd_site_navs_qe08l_235";
|
|
23
|
+
const dd_media_header = "_dd_media_header_qe08l_242";
|
|
24
|
+
const mt_8 = "_mt_8_qe08l_252";
|
|
25
|
+
const mt_16 = "_mt_16_qe08l_256";
|
|
26
|
+
const ml_8 = "_ml_8_qe08l_260";
|
|
27
|
+
const reversed_row = "_reversed_row_qe08l_264";
|
|
28
|
+
const headline = "_headline_qe08l_268";
|
|
29
|
+
const nav_anchor = "_nav_anchor_qe08l_276";
|
|
30
|
+
const headline_cta = "_headline_cta_qe08l_284";
|
|
31
|
+
const site_lists = "_site_lists_qe08l_299";
|
|
32
|
+
const mobile_only = "_mobile_only_qe08l_337";
|
|
33
|
+
const mobile_logo = "_mobile_logo_qe08l_343";
|
|
34
|
+
const highlight = "_highlight_qe08l_350";
|
|
35
|
+
const mobile_opened = "_mobile_opened_qe08l_356";
|
|
36
|
+
const dd_footer = "_dd_footer_qe08l_364";
|
|
37
|
+
const skip_btn = "_skip_btn_qe08l_372";
|
|
38
|
+
const desktop_only = "_desktop_only_qe08l_408";
|
|
40
39
|
const styles = {
|
|
41
40
|
header,
|
|
42
41
|
wrapper,
|
|
@@ -64,7 +63,6 @@ const styles = {
|
|
|
64
63
|
mt_8,
|
|
65
64
|
mt_16,
|
|
66
65
|
ml_8,
|
|
67
|
-
dd_media_cta,
|
|
68
66
|
reversed_row,
|
|
69
67
|
headline,
|
|
70
68
|
nav_anchor,
|
|
@@ -81,7 +79,6 @@ const styles = {
|
|
|
81
79
|
export {
|
|
82
80
|
dd_footer,
|
|
83
81
|
dd_media,
|
|
84
|
-
dd_media_cta,
|
|
85
82
|
dd_media_header,
|
|
86
83
|
dd_media_img,
|
|
87
84
|
dd_site_navs,
|
|
@@ -122,7 +122,7 @@ import "../../StepItemSet/StepItemSet.css.js";
|
|
|
122
122
|
/* empty css */
|
|
123
123
|
/* empty css */
|
|
124
124
|
/* empty css */
|
|
125
|
-
import { sub_nav, dd_media } from "./SubNavbar.css.js";
|
|
125
|
+
import { sub_nav, dd_media, dd_main_btn, dd_cta_link } from "./SubNavbar.css.js";
|
|
126
126
|
function SubNavBar() {
|
|
127
127
|
const pathname = usePathname();
|
|
128
128
|
const [hoveredLink, setHoveredLink] = useState(void 0);
|
|
@@ -787,7 +787,7 @@ function SubNavBar() {
|
|
|
787
787
|
"{AXOSBANK}/personal/bank/axos-one"
|
|
788
788
|
),
|
|
789
789
|
"aria-label": "learn more about axos ONE checking and savings products",
|
|
790
|
-
className:
|
|
790
|
+
className: `${dd_main_btn} text_center bg_white`,
|
|
791
791
|
children: "Learn More"
|
|
792
792
|
}
|
|
793
793
|
)
|
|
@@ -1157,7 +1157,7 @@ function SubNavBar() {
|
|
|
1157
1157
|
"{AXOSBANK}/personal/borrow/mortgages"
|
|
1158
1158
|
),
|
|
1159
1159
|
"aria-label": "get a mortgage quote",
|
|
1160
|
-
className:
|
|
1160
|
+
className: `${dd_main_btn} text_center bg_white`,
|
|
1161
1161
|
children: "Get a Quote"
|
|
1162
1162
|
}
|
|
1163
1163
|
)
|
|
@@ -1522,7 +1522,7 @@ function SubNavBar() {
|
|
|
1522
1522
|
{
|
|
1523
1523
|
href: `https://axosfundfinder.com/`,
|
|
1524
1524
|
"aria-label": "learn more about fundfinder",
|
|
1525
|
-
className:
|
|
1525
|
+
className: `${dd_main_btn} text_center bg_white`,
|
|
1526
1526
|
children: "Learn More"
|
|
1527
1527
|
}
|
|
1528
1528
|
)
|
|
@@ -1790,7 +1790,7 @@ function SubNavBar() {
|
|
|
1790
1790
|
"{AXOSBANK}/tools/payment-apps/mobile-app"
|
|
1791
1791
|
),
|
|
1792
1792
|
"aria-label": "download the mobile app",
|
|
1793
|
-
className:
|
|
1793
|
+
className: `${dd_main_btn} text_center bg_white`,
|
|
1794
1794
|
children: "Get the App"
|
|
1795
1795
|
}
|
|
1796
1796
|
)
|
|
@@ -2062,7 +2062,7 @@ function SubNavBar() {
|
|
|
2062
2062
|
"{AXOSBANK}/business/open-account-return-to-application"
|
|
2063
2063
|
),
|
|
2064
2064
|
"aria-label": "open a business account",
|
|
2065
|
-
className:
|
|
2065
|
+
className: `${dd_main_btn} text_center bg_white`,
|
|
2066
2066
|
children: "Open an Account"
|
|
2067
2067
|
}
|
|
2068
2068
|
),
|
|
@@ -2072,6 +2072,7 @@ function SubNavBar() {
|
|
|
2072
2072
|
href: findMoreAxosDomains(
|
|
2073
2073
|
"{AXOSBANK}/business/open-account-return-to-application#AXB----Return-to-App---Open-Another-Acc"
|
|
2074
2074
|
),
|
|
2075
|
+
className: dd_cta_link,
|
|
2075
2076
|
children: "Check Application Status"
|
|
2076
2077
|
}
|
|
2077
2078
|
)
|
|
@@ -3078,7 +3079,7 @@ function SubNavBar() {
|
|
|
3078
3079
|
"{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/quick-pricer"
|
|
3079
3080
|
),
|
|
3080
3081
|
"aria-label": "Get started with the Axos Quick Pricer",
|
|
3081
|
-
className:
|
|
3082
|
+
className: `${dd_main_btn} text_center bg_white`,
|
|
3082
3083
|
children: "Price a Loan"
|
|
3083
3084
|
}
|
|
3084
3085
|
)
|
|
@@ -4,7 +4,11 @@ import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets
|
|
|
4
4
|
/* empty css */
|
|
5
5
|
var sub_nav = "lone1v0";
|
|
6
6
|
var dd_media = "lone1v1";
|
|
7
|
+
var dd_main_btn = "lone1v2";
|
|
8
|
+
var dd_cta_link = "lone1v3";
|
|
7
9
|
export {
|
|
10
|
+
dd_cta_link,
|
|
11
|
+
dd_main_btn,
|
|
8
12
|
dd_media,
|
|
9
13
|
sub_nav
|
|
10
14
|
};
|
|
@@ -3,7 +3,7 @@ export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
3
3
|
primary: {
|
|
4
4
|
selectors: {
|
|
5
5
|
[x: string]: {
|
|
6
|
-
border: "1px solid #
|
|
6
|
+
border: "1px solid #98DDFF";
|
|
7
7
|
} | {
|
|
8
8
|
border: "1px solid #1E262F";
|
|
9
9
|
};
|
|
@@ -12,7 +12,7 @@ export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
12
12
|
secondary: {
|
|
13
13
|
selectors: {
|
|
14
14
|
[x: string]: {
|
|
15
|
-
border: "1px solid #
|
|
15
|
+
border: "1px solid #98DDFF";
|
|
16
16
|
} | {
|
|
17
17
|
border: "1px solid #1E262F";
|
|
18
18
|
};
|
|
@@ -23,16 +23,10 @@ export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
23
23
|
export declare const pn_link: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
24
24
|
variant: {
|
|
25
25
|
primary: {
|
|
26
|
-
|
|
27
|
-
backgroundClip: "text";
|
|
28
|
-
WebkitTextFillColor: "transparent";
|
|
29
|
-
textShadow: "0px 0px #00000000";
|
|
26
|
+
color: `var(--${string})`;
|
|
30
27
|
};
|
|
31
28
|
secondary: {
|
|
32
|
-
|
|
33
|
-
backgroundClip: "text";
|
|
34
|
-
WebkitTextFillColor: "transparent";
|
|
35
|
-
textShadow: "0px 0px #00000000";
|
|
29
|
+
color: `var(--${string})`;
|
|
36
30
|
};
|
|
37
31
|
};
|
|
38
32
|
}>;
|