@axos-web-dev/shared-components 1.0.95-dev.2 → 1.0.95-feature-brand.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 (127) hide show
  1. package/dist/Article/Article.css.d.ts +8 -36
  2. package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
  3. package/dist/AwardsItem/AwardsItem.css.js +1 -2
  4. package/dist/Blockquote/Blockquote.module.js +3 -3
  5. package/dist/Button/Button.css.d.ts +3 -3
  6. package/dist/Calculators/calculator.css.d.ts +2 -8
  7. package/dist/CallToActionBar/index.js +1 -1
  8. package/dist/Carousel/Carousel.css.d.ts +8 -19
  9. package/dist/Chevron/Chevron.css.d.ts +2 -2
  10. package/dist/CollectInformationAlert/index.js +1 -1
  11. package/dist/Comparison/Comparison.js +2 -2
  12. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
  13. package/dist/Forms/Forms.css.d.ts +2 -30
  14. package/dist/HeroBanner/HeroBanner.css.d.ts +5 -17
  15. package/dist/HeroBanner/HeroBanner.js +1 -12
  16. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -19
  17. package/dist/HeroBanner/SelectionBanner.css.js +6 -6
  18. package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
  19. package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
  20. package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
  21. package/dist/Modal/Modal.css.d.ts +1 -0
  22. package/dist/Modal/Modal.css.js +5 -3
  23. package/dist/Modal/Modal.js +3 -3
  24. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
  25. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  26. package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
  27. package/dist/NavigationMenu/AxosBank/NavBar.module.js +41 -41
  28. package/dist/NavigationMenu/AxosBank/SubNavBar.js +227 -220
  29. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
  30. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
  31. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -14
  32. package/dist/Pagination/Pagination.js +6 -6
  33. package/dist/StepItem/StepItem.css.d.ts +8 -36
  34. package/dist/StepItemSet/StepItemSet.css.d.ts +4 -32
  35. package/dist/StepItemSet/StepItemSet.d.ts +1 -1
  36. package/dist/StepItemSet/StepItemSet.js +18 -82
  37. package/dist/StepItemSet/index.d.ts +5 -0
  38. package/dist/StepItemSet/index.js +10 -0
  39. package/dist/StepItemSet/sections/AdditionalDetailsSection.d.ts +7 -0
  40. package/dist/StepItemSet/sections/AdditionalDetailsSection.js +11 -0
  41. package/dist/StepItemSet/sections/CallToActionSection.d.ts +8 -0
  42. package/dist/StepItemSet/sections/CallToActionSection.js +39 -0
  43. package/dist/StepItemSet/sections/HeaderSection.d.ts +10 -0
  44. package/dist/StepItemSet/sections/HeaderSection.js +45 -0
  45. package/dist/StepItemSet/sections/ImageSection.d.ts +8 -0
  46. package/dist/StepItemSet/sections/ImageSection.js +10 -0
  47. package/dist/StepItemSet/sections/StepsList.d.ts +10 -0
  48. package/dist/StepItemSet/sections/StepsList.js +21 -0
  49. package/dist/Table/Table.css.d.ts +3 -2
  50. package/dist/Table/Table.js +1 -1
  51. package/dist/assets/Accordion/Accordion.css +1 -1
  52. package/dist/assets/Article/Article.css +47 -59
  53. package/dist/assets/ArticlesSet/ArticlesSet.css +12 -12
  54. package/dist/assets/Auth/SignIn.css +12 -12
  55. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  56. package/dist/assets/AwardsItem/AwardsItem.css +3 -4
  57. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  58. package/dist/assets/Button/Button.css +21 -21
  59. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +8 -8
  60. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +10 -10
  61. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +9 -9
  62. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +19 -19
  63. package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +14 -14
  64. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +9 -9
  65. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +9 -9
  66. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +9 -9
  67. package/dist/assets/Calculators/calculator.css +9 -15
  68. package/dist/assets/CallToActionBar/CallToActionBar.css +1 -4
  69. package/dist/assets/Carousel/Carousel.css +27 -41
  70. package/dist/assets/Chevron/Chevron.css +6 -6
  71. package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +4 -3
  72. package/dist/assets/Comparison/Comparison.css +3 -3
  73. package/dist/assets/ContentBanner/ContentBanner.css +8 -8
  74. package/dist/assets/DownloadTile/DownloadTile.css +3 -3
  75. package/dist/assets/ExecutiveBio/ExecutiveBio.css +23 -23
  76. package/dist/assets/FaqAccordion/FaqAccordion.css +4 -4
  77. package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
  78. package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +3 -3
  79. package/dist/assets/Forms/Forms.css +38 -56
  80. package/dist/assets/Forms/QuickPricer/UserInformation.css +1 -1
  81. package/dist/assets/HeroBanner/HeroBanner.css +81 -76
  82. package/dist/assets/HeroBanner/LargeBanner.css +13 -13
  83. package/dist/assets/HeroBanner/SelectionBanner.css +15 -29
  84. package/dist/assets/IconBillboard/IconBillboard.css +25 -48
  85. package/dist/assets/ImageBillboard/ImageBillboard.css +29 -62
  86. package/dist/assets/Input/Input.css +6 -6
  87. package/dist/assets/Inputs/Input.css +4 -4
  88. package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
  89. package/dist/assets/Interstitial/Interstitial-variants.css +3 -3
  90. package/dist/assets/LandingPageHeader/LandingPageHeader.css +1 -1
  91. package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
  92. package/dist/assets/Modal/Modal.css +17 -28
  93. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +1 -1
  94. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +2 -2
  95. package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +4 -4
  96. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +2 -2
  97. package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +4 -4
  98. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  99. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +19 -9
  100. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +446 -473
  101. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +35 -1
  102. package/dist/assets/PageNavItem/PageNavItem.css +16 -24
  103. package/dist/assets/Pagination/Pagination.css +1 -1
  104. package/dist/assets/SetContainer/SetContainer.css +4 -4
  105. package/dist/assets/StepItem/StepItem.css +26 -42
  106. package/dist/assets/StepItemSet/StepItemSet.css +13 -26
  107. package/dist/assets/Tab/Tab.css +12 -12
  108. package/dist/assets/Table/Table.css +48 -56
  109. package/dist/assets/TextBlock/TextBlock.css +1 -1
  110. package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
  111. package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
  112. package/dist/assets/VideoTile/VideoTile.css +1 -1
  113. package/dist/assets/globals.css +5 -6
  114. package/dist/assets/icons/ArrowIcon/ArrowIcon.css +3 -3
  115. package/dist/assets/icons/DownloadIcon/DownloadIcon.css +1 -1
  116. package/dist/assets/icons/FollowIcon/FollowIcon.css +1 -1
  117. package/dist/assets/themes/axos.css +30 -30
  118. package/dist/assets/themes/premier.css +31 -31
  119. package/dist/assets/themes/victorie.css +23 -23
  120. package/dist/icons/CheckCircle.js +1 -1
  121. package/dist/icons/CheckCircleLight.js +1 -1
  122. package/dist/icons/CheckIcon/index.js +1 -1
  123. package/dist/icons/QuoteIconGrey.js +2 -2
  124. package/dist/main.js +10 -0
  125. package/dist/themes/axos.css.d.ts +12 -12
  126. package/dist/themes/axos.css.js +1 -1
  127. package/package.json +1 -1
@@ -1,191 +1,191 @@
1
- ._overlay_1s2qa_1 {
2
- position: fixed;
3
- inset: 0;
4
- height: 100vh;
5
- background: rgba(0, 0, 0, 0.6);
6
- z-index: 10000;
7
- }
8
-
9
- ._drawer_1s2qa_9 {
10
- background: #fff;
11
- border-radius: 0 0 0 1rem;
12
- box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
13
- max-height: 100vh;
14
- max-width: 500px;
15
- overflow: hidden auto;
16
- position: fixed;
17
- right: 0px;
18
- top: 0;
19
- width: 85%;
20
- scrollbar-width: none;
21
- -ms-overflow-style: none;
22
- z-index: 10001;
23
- }
24
-
25
- ._drawer_1s2qa_9::-webkit-scrollbar {
26
- display: none;
27
- }
28
-
29
- ._hamburger_1s2qa_29 {
30
- background: transparent;
31
- border: none;
32
- cursor: pointer;
33
- transition: opacity 0.3s ease;
34
- }
35
-
36
- ._hamburger_1s2qa_29:hover {
37
- opacity: 0.8;
38
- }
39
-
40
- ._header_1s2qa_40 {
41
- display: flex;
42
- align-items: center;
43
- background: #f4f4f4;
44
- justify-content: space-between;
45
- padding: 0.9rem 1.2rem 0.9rem 1rem;
46
- position: sticky;
47
- top: 0;
48
- z-index: 1;
49
- }
50
-
51
- ._back_1s2qa_51 {
52
- background: none;
53
- border: none;
54
- color: var(--_1073cm86);
55
- cursor: pointer;
56
- font-size: 1rem;
57
- font-weight: 700;
58
- line-height: 1;
59
- padding: 0;
60
- }
61
-
62
- ._close_1s2qa_62 {
63
- background: none;
64
- border: none;
65
- cursor: pointer;
66
- font-size: 1.3rem;
67
- }
68
-
69
- ._levelContainer_1s2qa_69 {
70
- height: 100%;
71
- position: relative;
72
- }
73
-
74
- ._level_1s2qa_69 {
75
- background: var(--_1073cm86);
76
- color: var(--_1073cm85);
77
- font-size: 0.9rem;
78
- padding: 14px 1.2rem;
79
- position: sticky;
80
- top: 54.78px;
81
- width: 100%;
82
- z-index: 1;
83
- }
84
-
85
- ._levelTitle_1s2qa_85 {
86
- font: 700 0.9rem / 1.39 var(--main-font-family);
87
- letter-spacing: 0.4px;
88
- }
89
-
90
- ._menu_1s2qa_90 {
91
- background-color: transparent;
92
- list-style: none;
93
- margin: 0;
94
- min-height: 100%;
95
- padding: 0 1.2rem;
96
- position: relative;
97
- }
98
-
99
- ._menu_1s2qa_90 li {
100
- color: var(--_1073cm83);
101
- font-family: var(--header-font-family);
102
- font-weight: 500;
103
- border-top: 1px solid #e9e9e9;
104
- }
105
-
106
- ._menu_1s2qa_90 li + li {
107
- margin-top: 0.5rem;
108
- }
109
-
110
- ._menuItem_1s2qa_110 {
111
- display: flex;
112
- align-items: center;
113
- background: none;
114
- border: none;
115
- color: inherit;
116
- cursor: pointer;
117
- font-size: 1rem;
118
- justify-content: space-between;
119
- padding: 0.75rem 0;
120
- text-align: left;
121
- text-decoration: none;
122
- transition: background 0.2s ease;
123
- width: 100%;
124
- }
125
-
126
- ._chevron_1s2qa_126 {
127
- font-size: 1.2rem;
128
- margin-left: auto;
129
- }
130
-
131
- ._chevronIcon_1s2qa_131 {
132
- height: auto;
133
- margin-right: 10px;
134
- max-width: 8px;
135
- }
136
-
137
- body:has(._drawer_1s2qa_9) {
138
- overflow-y: hidden;
139
- position: relative;
140
- }
141
-
142
- ._quickLinks_1s2qa_142 {
143
- background-color: #f4f4f4;
144
- bottom: 0;
145
- box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
146
- gap: 8px;
147
- margin-top: 9px;
148
- padding: 1rem;
149
- position: sticky;
150
- }
151
-
152
- ._quickLink_1s2qa_142 {
153
- display: flex;
154
- align-items: center;
155
- color: var(--_1073cm86);
156
- flex-direction: column;
157
- flex: 1 1 0%;
158
- font-size: 0.8rem;
159
- font-weight: 600;
160
- gap: 8px;
161
- line-height: 1.5;
162
- text-decoration: none;
163
- text-transform: uppercase;
164
- }
165
-
166
- ._sr_only_1s2qa_166 {
167
- position: absolute;
168
- border: 0;
169
- clip: rect(0, 0, 0, 0);
170
- height: 1px;
171
- margin: -1px;
172
- overflow: hidden;
173
- padding: 0;
174
- white-space: nowrap;
175
- width: 1px;
176
- }
177
-
178
- @media (max-width: 540px) {
179
- ._drawer_1s2qa_9 {
180
- border-radius: 0;
181
- max-width: none;
182
- width: 100%;
183
- }
184
- ._menu_1s2qa_90 li + li {
185
- margin-top: 3px;
186
- }
187
- ._menuItem_1s2qa_110 {
188
- font-size: 0.9rem;
189
- padding: 0.65rem 0;
190
- }
191
- }
1
+ ._overlay_l5hxd_1 {
2
+ position: fixed;
3
+ inset: 0;
4
+ height: 100vh;
5
+ background: rgba(0, 0, 0, 0.6);
6
+ z-index: 10000;
7
+ }
8
+
9
+ ._drawer_l5hxd_17 {
10
+ background: #fff;
11
+ border-radius: 0 0 0 1rem;
12
+ box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
13
+ max-height: 100vh;
14
+ max-width: 500px;
15
+ overflow: hidden auto;
16
+ position: fixed;
17
+ right: 0px;
18
+ top: 0;
19
+ width: 85%;
20
+ scrollbar-width: none;
21
+ -ms-overflow-style: none;
22
+ z-index: 10001;
23
+ }
24
+
25
+ ._drawer_l5hxd_17::-webkit-scrollbar {
26
+ display: none;
27
+ }
28
+
29
+ ._hamburger_l5hxd_57 {
30
+ background: transparent;
31
+ border: none;
32
+ cursor: pointer;
33
+ transition: opacity 0.3s ease;
34
+ }
35
+
36
+ ._hamburger_l5hxd_57:hover {
37
+ opacity: 0.8;
38
+ }
39
+
40
+ ._header_l5hxd_79 {
41
+ display: flex;
42
+ align-items: center;
43
+ background: #f4f4f4;
44
+ justify-content: space-between;
45
+ padding: 0.9rem 1.2rem 0.9rem 1rem;
46
+ position: sticky;
47
+ top: 0;
48
+ z-index: 1;
49
+ }
50
+
51
+ ._back_l5hxd_101 {
52
+ background: none;
53
+ border: none;
54
+ color: var(--_1073cm86);
55
+ cursor: pointer;
56
+ font-size: 1rem;
57
+ font-weight: 700;
58
+ line-height: 1;
59
+ padding: 0;
60
+ }
61
+
62
+ ._close_l5hxd_123 {
63
+ background: none;
64
+ border: none;
65
+ cursor: pointer;
66
+ font-size: 1.3rem;
67
+ }
68
+
69
+ ._levelContainer_l5hxd_137 {
70
+ height: 100%;
71
+ position: relative;
72
+ }
73
+
74
+ ._level_l5hxd_137 {
75
+ background: var(--_1073cm86);
76
+ color: var(--_1073cm85);
77
+ font-size: 0.9rem;
78
+ padding: 14px 1.2rem;
79
+ position: sticky;
80
+ top: 54.78px;
81
+ width: 100%;
82
+ z-index: 1;
83
+ }
84
+
85
+ ._levelTitle_l5hxd_169 {
86
+ font: 700 0.9rem / 1.39 var(--main-font-family);
87
+ letter-spacing: 0.4px;
88
+ }
89
+
90
+ ._menu_l5hxd_179 {
91
+ background-color: transparent;
92
+ list-style: none;
93
+ margin: 0;
94
+ min-height: 100%;
95
+ padding: 0 1.2rem;
96
+ position: relative;
97
+ }
98
+
99
+ ._menu_l5hxd_179 li {
100
+ color: var(--_1073cm83);
101
+ font-family: var(--header-font-family);
102
+ font-weight: 500;
103
+ border-top: 1px solid #e9e9e9;
104
+ }
105
+
106
+ ._menu_l5hxd_179 li + li {
107
+ margin-top: 0.5rem;
108
+ }
109
+
110
+ ._menuItem_l5hxd_219 {
111
+ display: flex;
112
+ align-items: center;
113
+ background: none;
114
+ border: none;
115
+ color: inherit;
116
+ cursor: pointer;
117
+ font-size: 1rem;
118
+ justify-content: space-between;
119
+ padding: 0.75rem 0;
120
+ text-align: left;
121
+ text-decoration: none;
122
+ transition: background 0.2s ease;
123
+ width: 100%;
124
+ }
125
+
126
+ ._chevron_l5hxd_251 {
127
+ font-size: 1.2rem;
128
+ margin-left: auto;
129
+ }
130
+
131
+ ._chevronIcon_l5hxd_261 {
132
+ height: auto;
133
+ margin-right: 10px;
134
+ max-width: 8px;
135
+ }
136
+
137
+ body:has(._drawer_l5hxd_17) {
138
+ overflow-y: hidden;
139
+ position: relative;
140
+ }
141
+
142
+ ._quickLinks_l5hxd_283 {
143
+ background-color: #e8f7ff;
144
+ bottom: 0;
145
+ box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
146
+ gap: 8px;
147
+ margin-top: 9px;
148
+ padding: 1rem;
149
+ position: sticky;
150
+ }
151
+
152
+ ._quickLink_l5hxd_283 {
153
+ display: flex;
154
+ align-items: center;
155
+ color: var(--_1073cm86);
156
+ flex-direction: column;
157
+ flex: 1 1 0%;
158
+ font-size: 0.8rem;
159
+ font-weight: 600;
160
+ gap: 8px;
161
+ line-height: 1.5;
162
+ text-decoration: none;
163
+ text-transform: uppercase;
164
+ }
165
+
166
+ ._sr_only_l5hxd_331 {
167
+ position: absolute;
168
+ border: 0;
169
+ clip: rect(0, 0, 0, 0);
170
+ height: 1px;
171
+ margin: -1px;
172
+ overflow: hidden;
173
+ padding: 0;
174
+ white-space: nowrap;
175
+ width: 1px;
176
+ }
177
+
178
+ @media (max-width: 540px) {
179
+ ._drawer_l5hxd_17 {
180
+ border-radius: 0;
181
+ max-width: none;
182
+ width: 100%;
183
+ }
184
+ ._menu_l5hxd_179 li + li {
185
+ margin-top: 3px;
186
+ }
187
+ ._menuItem_l5hxd_219 {
188
+ font-size: 0.9rem;
189
+ padding: 0.65rem 0;
190
+ }
191
+ }
@@ -1,28 +1,38 @@
1
+ ._1edk6yx0 {
2
+ background-color: var(--_1073cm8f);
3
+ color: var(--_1073cm86);
4
+ }
5
+ ._1edk6yx0:hover {
6
+ border-color: var(--_1073cm8f);
7
+ color: var(--_1073cm8f);
8
+ }
1
9
  ._1edk6yx0:active {
2
- background-color: var(--_1073cm86);
10
+ background-color: var(--_1073cm8f);
11
+ color: #FFFFFF;
3
12
  }
4
13
  ._1edk6yx0:hover > svg path {
5
- fill: var(--_1073cm86);
14
+ fill: var(--_1073cm8f);
6
15
  }
7
16
  ._1edk6yx0:active > svg path {
8
- fill: var(--_1073cm85);
17
+ fill: var(--_1073cm86);
9
18
  }
10
19
  ._1edk6yx1 {
11
20
  max-height: 20rem !important;
12
- color: var(--_1073cm82);
21
+ color: var(--_1073cm83);
13
22
  }
14
23
  ._1edk6yx2 > a {
15
- color: var(--_1073cm86);
24
+ color: var(--_1073cm82);
16
25
  }
17
26
  ._1edk6yx3 > a {
18
- color: var(--_1073cm83);
27
+ color: var(--_1073cm85);
28
+ font-family: var(--header-font-family);
19
29
  }
20
30
  ._1edk6yx4 {
21
- fill: var(--_1073cm83);
31
+ fill: var(--_1073cm85);
22
32
  }
23
33
  ._1edk6yx5 > a {
24
- color: var(--_1073cm83)!important;
34
+ color: var(--_1073cm85)!important;
25
35
  }
26
36
  ._1edk6yx6 {
27
- color: var(--_1073cm86);
37
+ color: var(--_1073cm82);
28
38
  }