@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.
Files changed (63) hide show
  1. package/dist/Article/Article.css.d.ts +7 -35
  2. package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
  3. package/dist/AwardsItem/AwardsItem.css.js +1 -2
  4. package/dist/Carousel/Carousel.css.d.ts +8 -19
  5. package/dist/Comparison/Comparison.js +2 -2
  6. package/dist/HeroBanner/HeroBanner.css.d.ts +4 -16
  7. package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
  8. package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
  9. package/dist/NavigationMenu/AxosBank/NavBar.module.js +38 -41
  10. package/dist/NavigationMenu/AxosBank/SubNavBar.js +8 -7
  11. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
  12. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
  13. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -10
  14. package/dist/assets/Article/Article.css +22 -34
  15. package/dist/assets/ArticlesSet/ArticlesSet.css +4 -4
  16. package/dist/assets/Auth/SignIn.css +3 -3
  17. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  18. package/dist/assets/AwardsItem/AwardsItem.css +3 -4
  19. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +4 -4
  20. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +4 -4
  21. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +4 -4
  22. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +8 -8
  23. package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +6 -6
  24. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +4 -4
  25. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +4 -4
  26. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +4 -4
  27. package/dist/assets/Calculators/calculator.css +4 -4
  28. package/dist/assets/CallToActionBar/CallToActionBar.css +1 -1
  29. package/dist/assets/Carousel/Carousel.css +24 -38
  30. package/dist/assets/Chevron/Chevron.css +2 -2
  31. package/dist/assets/Comparison/Comparison.css +2 -2
  32. package/dist/assets/ContentBanner/ContentBanner.css +3 -3
  33. package/dist/assets/ExecutiveBio/ExecutiveBio.css +12 -12
  34. package/dist/assets/Forms/Forms.css +18 -18
  35. package/dist/assets/HeroBanner/HeroBanner.css +78 -73
  36. package/dist/assets/HeroBanner/LargeBanner.css +4 -4
  37. package/dist/assets/HeroBanner/SelectionBanner.css +1 -1
  38. package/dist/assets/IconBillboard/IconBillboard.css +18 -41
  39. package/dist/assets/ImageBillboard/ImageBillboard.css +13 -46
  40. package/dist/assets/Input/Input.css +2 -2
  41. package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +1 -1
  42. package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +1 -1
  43. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +1 -0
  44. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +100 -138
  45. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +34 -1
  46. package/dist/assets/PageNavItem/PageNavItem.css +11 -18
  47. package/dist/assets/SetContainer/SetContainer.css +4 -4
  48. package/dist/assets/StepItem/StepItem.css +6 -6
  49. package/dist/assets/StepItemSet/StepItemSet.css +4 -4
  50. package/dist/assets/Tab/Tab.css +2 -2
  51. package/dist/assets/Table/Table.css +7 -7
  52. package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
  53. package/dist/assets/globals.css +3 -3
  54. package/dist/assets/icons/ArrowIcon/ArrowIcon.css +1 -1
  55. package/dist/assets/themes/axos.css +20 -20
  56. package/dist/assets/themes/premier.css +3 -3
  57. package/dist/assets/themes/victorie.css +3 -3
  58. package/dist/icons/CheckCircle.js +1 -1
  59. package/dist/icons/CheckCircleLight.js +1 -1
  60. package/dist/icons/CheckIcon/index.js +1 -1
  61. package/dist/themes/axos.css.d.ts +2 -2
  62. package/dist/themes/axos.css.js +1 -1
  63. 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: "#FAA74A";
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
- selectors: {
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
- selectors: {
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';import '../assets/Typography/Typography.css';/* empty 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
- background: `var(--${string})`;
9
- backgroundClip: "text";
10
- WebkitTextFillColor: "transparent";
11
- textShadow: "0px 0px #00000000";
8
+ color: `var(--${string})`;
12
9
  };
13
10
  secondary: {
14
- background: `var(--${string})`;
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: "#1E3860";
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: "#1E3860";
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: "#FFFFFF";
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: "#FAA74A";
106
+ borderColor: `var(--${string})`;
118
107
  selectors: {
119
108
  "&:hover": {
120
- background: "#FFE7D2";
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/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.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 */
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
- background: `var(--${string})`;
34
- backgroundClip: "text";
35
- WebkitTextFillColor: "transparent";
36
- textShadow: "0px 0px #00000000";
33
+ color: `var(--${string})`;
37
34
  };
38
35
  secondary: {
39
- background: `var(--${string})`;
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
- background: `var(--${string})`;
56
- backgroundClip: "text";
57
- WebkitTextFillColor: "transparent";
58
- textShadow: "0px 0px #00000000";
49
+ color: `var(--${string})`;
59
50
  };
60
51
  secondary: {
61
- background: `var(--${string})`;
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 #D4D4D4";
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
- selectors: {
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
- selectors: {
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
- background: `var(--${string})`;
86
- backgroundClip: "text";
87
- WebkitTextFillColor: "transparent";
88
- textShadow: "0px 0px #00000000";
57
+ color: `var(--${string})`;
89
58
  };
90
59
  secondary: {
91
- background: `var(--${string})`;
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 #D4D4D4";
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 #D4D4D4";
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
- selectors: {
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
- selectors: {
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
- selectors: {
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
- selectors: {
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 = "_header_68bu0_1";
2
- const wrapper = "_wrapper_68bu0_5";
3
- const header_main_row = "_header_main_row_68bu0_11";
4
- const logo_wrap = "_logo_wrap_68bu0_17";
5
- const primary_links = "_primary_links_68bu0_21";
6
- const main_nav_link = "_main_nav_link_68bu0_25";
7
- const sub_nav_link = "_sub_nav_link_68bu0_57";
8
- const signin_wrap = "_signin_wrap_68bu0_59";
9
- const signin_btn = "_signin_btn_68bu0_60";
10
- const header_sub_row = "_header_sub_row_68bu0_97";
11
- const signin_dropdown = "_signin_dropdown_68bu0_129";
12
- const shadow = "_shadow_68bu0_139";
13
- const signin_header = "_signin_header_68bu0_149";
14
- const signin_subheader = "_signin_subheader_68bu0_156";
15
- const opacity = "_opacity_68bu0_178";
16
- const fadeInDown = "_fadeInDown_68bu0_1";
17
- const signin_footer = "_signin_footer_68bu0_184";
18
- const open = "_open_68bu0_205";
19
- const dd_wrapper = "_dd_wrapper_68bu0_217";
20
- const dd_media = "_dd_media_68bu0_226";
21
- const dd_media_img = "_dd_media_img_68bu0_231";
22
- const dd_site_navs = "_dd_site_navs_68bu0_235";
23
- const dd_media_header = "_dd_media_header_68bu0_242";
24
- const mt_8 = "_mt_8_68bu0_252";
25
- const mt_16 = "_mt_16_68bu0_256";
26
- const ml_8 = "_ml_8_68bu0_260";
27
- const dd_media_cta = "_dd_media_cta_68bu0_264";
28
- const reversed_row = "_reversed_row_68bu0_296";
29
- const headline = "_headline_68bu0_306";
30
- const nav_anchor = "_nav_anchor_68bu0_314";
31
- const headline_cta = "_headline_cta_68bu0_322";
32
- const site_lists = "_site_lists_68bu0_337";
33
- const mobile_only = "_mobile_only_68bu0_375";
34
- const mobile_logo = "_mobile_logo_68bu0_381";
35
- const highlight = "_highlight_68bu0_388";
36
- const mobile_opened = "_mobile_opened_68bu0_394";
37
- const dd_footer = "_dd_footer_68bu0_402";
38
- const skip_btn = "_skip_btn_68bu0_410";
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: "text_center bg_white ",
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: "text_center bg_white ",
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: "text_center bg_white ",
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: "text_center bg_white",
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: "text_center bg_white",
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: "text_center bg_white",
3082
+ className: `${dd_main_btn} text_center bg_white`,
3082
3083
  children: "Price a Loan"
3083
3084
  }
3084
3085
  )
@@ -1,2 +1,4 @@
1
1
  export declare const sub_nav: string;
2
2
  export declare const dd_media: string;
3
+ export declare const dd_main_btn: string;
4
+ export declare const dd_cta_link: string;
@@ -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 #87b9d7";
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 #87b9d7";
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
- background: `var(--${string})`;
27
- backgroundClip: "text";
28
- WebkitTextFillColor: "transparent";
29
- textShadow: "0px 0px #00000000";
26
+ color: `var(--${string})`;
30
27
  };
31
28
  secondary: {
32
- background: `var(--${string})`;
33
- backgroundClip: "text";
34
- WebkitTextFillColor: "transparent";
35
- textShadow: "0px 0px #00000000";
29
+ color: `var(--${string})`;
36
30
  };
37
31
  };
38
32
  }>;