@axos-web-dev/shared-components 0.0.16 → 0.0.17

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 (11) hide show
  1. package/dist/Chevron/index.js +2 -0
  2. package/dist/Forms/ScheduleCall.js +1 -1
  3. package/dist/Hyperlink/index.js +2 -0
  4. package/dist/Modal/Modal.js +2 -0
  5. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +53 -53
  6. package/dist/SetContainer/SetContainer.js +2 -0
  7. package/dist/Table/Table.d.ts +4 -4
  8. package/dist/assets/ImageBillboard/ImageBillboard.css +2 -0
  9. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +126 -125
  10. package/dist/assets/globals.css +9 -0
  11. package/package.json +1 -1
package/dist/Chevron/index.js CHANGED
@@ -38,7 +38,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
38
38
  import { chevron_wrapper, chevron } from "./Chevron.css.js";
39
39
  /* empty css */
40
40
  /* empty css */
41
+ import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
41
42
  /* empty css */
43
+ import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
42
44
  /* empty css */
43
45
  import "../Table/Table.css.js";
44
46
  /* empty css */
package/dist/Forms/ScheduleCall.js CHANGED
@@ -64,7 +64,7 @@ const ScheduleCall = ({
64
64
  className: clsx(formContainer({ variant })),
65
65
  children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
66
66
  icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
67
- /* @__PURE__ */ jsx("div", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
67
+ /* @__PURE__ */ jsx("h2", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
68
68
  /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
69
69
  /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
70
70
  /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
package/dist/Hyperlink/index.js CHANGED
@@ -36,7 +36,9 @@ import "react-hook-form";
36
36
  import "../ImageBillboard/ImageBillboard.css.js";
37
37
  /* empty css */
38
38
  /* empty css */
39
+ import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
39
40
  /* empty css */
41
+ import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
40
42
  /* empty css */
41
43
  import "../Table/Table.css.js";
42
44
  /* empty css */
package/dist/Modal/Modal.js CHANGED
@@ -33,7 +33,9 @@ import "react-hook-form";
33
33
  import "../ImageBillboard/ImageBillboard.css.js";
34
34
  import "./contextApi/store.js";
35
35
  /* empty css */
36
+ import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
36
37
  /* empty css */
38
+ import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
37
39
  /* empty css */
38
40
  import "../Table/Table.css.js";
39
41
  /* empty css */
package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js CHANGED
@@ -1,56 +1,56 @@
1
- const header = "_header_cthas_1";
2
- const wrapper = "_wrapper_cthas_9";
3
- const header_main_row = "_header_main_row_cthas_21";
4
- const mobile_header = "_mobile_header_cthas_23";
5
- const logo_wrap = "_logo_wrap_cthas_35";
6
- const primary_links = "_primary_links_cthas_43";
7
- const main_nav_link = "_main_nav_link_cthas_51";
8
- const sub_nav_link = "_sub_nav_link_cthas_95";
9
- const signin_wrap = "_signin_wrap_cthas_99";
10
- const signin_btn = "_signin_btn_cthas_101";
11
- const sub_nav = "_sub_nav_cthas_95";
12
- const header_sub_row = "_header_sub_row_cthas_185";
13
- const signin_dropdown = "_signin_dropdown_cthas_217";
14
- const shadow = "_shadow_cthas_237";
15
- const signin_header = "_signin_header_cthas_253";
16
- const signin_subheader = "_signin_subheader_cthas_267";
17
- const opacity = "_opacity_cthas_311";
18
- const fadeInDown = "_fadeInDown_cthas_1";
19
- const footer = "_footer_cthas_323";
20
- const open = "_open_cthas_355";
21
- const dd_wrapper = "_dd_wrapper_cthas_379";
22
- const dd_media = "_dd_media_cthas_389";
23
- const dd_media_img = "_dd_media_img_cthas_399";
24
- const dd_site_navs = "_dd_site_navs_cthas_407";
25
- const dd_media_header = "_dd_media_header_cthas_421";
26
- const mt_8 = "_mt_8_cthas_439";
27
- const mt_16 = "_mt_16_cthas_447";
28
- const ml_8 = "_ml_8_cthas_455";
29
- const dd_media_cta = "_dd_media_cta_cthas_463";
30
- const reversed_row = "_reversed_row_cthas_491";
31
- const headline = "_headline_cthas_523";
32
- const nav_anchor = "_nav_anchor_cthas_535";
33
- const headline_cta = "_headline_cta_cthas_551";
34
- const site_lists = "_site_lists_cthas_581";
35
- const hamburger = "_hamburger_cthas_651";
36
- const mobile_only = "_mobile_only_cthas_679";
37
- const mobile_logo = "_mobile_logo_cthas_691";
38
- const highlight = "_highlight_cthas_701";
39
- const mobile_nav = "_mobile_nav_cthas_763";
40
- const mobile_opened = "_mobile_opened_cthas_783";
41
- const mobile_nav_item = "_mobile_nav_item_cthas_793";
42
- const has_dropdown = "_has_dropdown_cthas_823";
43
- const icon_wrap = "_icon_wrap_cthas_865";
44
- const mobile_footer = "_mobile_footer_cthas_875";
45
- const mobile_footer_content = "_mobile_footer_content_cthas_887";
46
- const mobile_footer_media = "_mobile_footer_media_cthas_915";
47
- const footer_cta = "_footer_cta_cthas_925";
48
- const inner_wrapper = "_inner_wrapper_cthas_981";
49
- const btn = "_btn_cthas_991";
50
- const sub_menu = "_sub_menu_cthas_1001";
51
- const main = "_main_cthas_51";
52
- const dd_footer = "_dd_footer_cthas_1051";
53
- const desktop_only = "_desktop_only_cthas_1089";
1
+ const header = "_header_1rr2y_1";
2
+ const wrapper = "_wrapper_1rr2y_9";
3
+ const header_main_row = "_header_main_row_1rr2y_21";
4
+ const mobile_header = "_mobile_header_1rr2y_23";
5
+ const logo_wrap = "_logo_wrap_1rr2y_35";
6
+ const primary_links = "_primary_links_1rr2y_43";
7
+ const main_nav_link = "_main_nav_link_1rr2y_51";
8
+ const sub_nav_link = "_sub_nav_link_1rr2y_95";
9
+ const signin_wrap = "_signin_wrap_1rr2y_99";
10
+ const signin_btn = "_signin_btn_1rr2y_101";
11
+ const sub_nav = "_sub_nav_1rr2y_95";
12
+ const header_sub_row = "_header_sub_row_1rr2y_185";
13
+ const signin_dropdown = "_signin_dropdown_1rr2y_217";
14
+ const shadow = "_shadow_1rr2y_237";
15
+ const signin_header = "_signin_header_1rr2y_253";
16
+ const signin_subheader = "_signin_subheader_1rr2y_267";
17
+ const opacity = "_opacity_1rr2y_311";
18
+ const fadeInDown = "_fadeInDown_1rr2y_1";
19
+ const footer = "_footer_1rr2y_323";
20
+ const open = "_open_1rr2y_355";
21
+ const dd_wrapper = "_dd_wrapper_1rr2y_379";
22
+ const dd_media = "_dd_media_1rr2y_389";
23
+ const dd_media_img = "_dd_media_img_1rr2y_399";
24
+ const dd_site_navs = "_dd_site_navs_1rr2y_407";
25
+ const dd_media_header = "_dd_media_header_1rr2y_421";
26
+ const mt_8 = "_mt_8_1rr2y_439";
27
+ const mt_16 = "_mt_16_1rr2y_447";
28
+ const ml_8 = "_ml_8_1rr2y_455";
29
+ const dd_media_cta = "_dd_media_cta_1rr2y_463";
30
+ const reversed_row = "_reversed_row_1rr2y_491";
31
+ const headline = "_headline_1rr2y_523";
32
+ const nav_anchor = "_nav_anchor_1rr2y_535";
33
+ const headline_cta = "_headline_cta_1rr2y_551";
34
+ const site_lists = "_site_lists_1rr2y_581";
35
+ const hamburger = "_hamburger_1rr2y_651";
36
+ const mobile_only = "_mobile_only_1rr2y_679";
37
+ const mobile_logo = "_mobile_logo_1rr2y_691";
38
+ const highlight = "_highlight_1rr2y_701";
39
+ const mobile_nav = "_mobile_nav_1rr2y_763";
40
+ const mobile_opened = "_mobile_opened_1rr2y_783";
41
+ const mobile_nav_item = "_mobile_nav_item_1rr2y_793";
42
+ const has_dropdown = "_has_dropdown_1rr2y_823";
43
+ const icon_wrap = "_icon_wrap_1rr2y_865";
44
+ const mobile_footer = "_mobile_footer_1rr2y_875";
45
+ const mobile_footer_content = "_mobile_footer_content_1rr2y_887";
46
+ const mobile_footer_media = "_mobile_footer_media_1rr2y_915";
47
+ const footer_cta = "_footer_cta_1rr2y_927";
48
+ const inner_wrapper = "_inner_wrapper_1rr2y_983";
49
+ const btn = "_btn_1rr2y_993";
50
+ const sub_menu = "_sub_menu_1rr2y_1003";
51
+ const main = "_main_1rr2y_51";
52
+ const dd_footer = "_dd_footer_1rr2y_1053";
53
+ const desktop_only = "_desktop_only_1rr2y_1091";
54
54
  const styles = {
55
55
  header,
56
56
  wrapper,
package/dist/SetContainer/SetContainer.js CHANGED
@@ -34,7 +34,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
34
34
  import "../Chevron/Chevron.css.js";
35
35
  /* empty css */
36
36
  /* empty css */
37
+ import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
37
38
  /* empty css */
39
+ import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
38
40
  /* empty css */
39
41
  import "../Table/Table.css.js";
40
42
  /* empty css */
package/dist/Table/Table.d.ts CHANGED
@@ -53,7 +53,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
53
53
  results?: number | undefined;
54
54
  security?: string | undefined;
55
55
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
57
  is?: string | undefined;
58
58
  "aria-activedescendant"?: string | undefined;
59
59
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
@@ -67,7 +67,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
67
67
  "aria-colindextext"?: string | undefined;
68
68
  "aria-colspan"?: number | undefined;
69
69
  "aria-controls"?: string | undefined;
70
- "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
70
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
71
71
  "aria-describedby"?: string | undefined;
72
72
  "aria-description"?: string | undefined;
73
73
  "aria-details"?: string | undefined;
@@ -77,7 +77,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
77
77
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
78
78
  "aria-flowto"?: string | undefined;
79
79
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
80
- "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
80
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
81
81
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
82
82
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
83
83
  "aria-keyshortcuts"?: string | undefined;
@@ -94,7 +94,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
94
94
  "aria-posinset"?: number | undefined;
95
95
  "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
96
96
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
97
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
97
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
98
98
  "aria-required"?: (boolean | "false" | "true") | undefined;
99
99
  "aria-roledescription"?: string | undefined;
100
100
  "aria-rowcount"?: number | undefined;
package/dist/assets/ImageBillboard/ImageBillboard.css CHANGED
@@ -140,6 +140,7 @@
140
140
  background-repeat: no-repeat;
141
141
  background-size: cover;
142
142
  min-height: 380px;
143
+ background-position: center center;
143
144
  }
144
145
  ._1m7m2av {
145
146
  background: var(--_1073cm8f);
@@ -192,6 +193,7 @@
192
193
  ._1m7m2am {
193
194
  flex-direction: column;
194
195
  gap: 24px;
196
+ align-items: center;
195
197
  }
196
198
  }
197
199
  @media screen and (max-width: 1023px) {
package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css CHANGED
@@ -1,43 +1,43 @@
1
- ._header_cthas_1 {
1
+ ._header_1rr2y_1 {
2
2
  border-bottom: 1px solid #ebebeb;
3
3
  }
4
4
 
5
- ._wrapper_cthas_9 {
5
+ ._wrapper_1rr2y_9 {
6
6
  width: calc(100% - 80px);
7
7
  margin-left: auto;
8
8
  margin-right: auto;
9
9
  }
10
10
 
11
- ._header_main_row_cthas_21,
12
- ._mobile_header_cthas_23 {
11
+ ._header_main_row_1rr2y_21,
12
+ ._mobile_header_1rr2y_23 {
13
13
  min-height: 80px;
14
14
  padding-top: 1rem;
15
15
  padding-bottom: 0.5rem;
16
16
  }
17
17
 
18
- ._logo_wrap_cthas_35 {
18
+ ._logo_wrap_1rr2y_35 {
19
19
  padding: 9px 6px;
20
20
  }
21
21
 
22
- ._primary_links_cthas_43 {
22
+ ._primary_links_1rr2y_43 {
23
23
  margin-left: 30px;
24
24
  }
25
25
 
26
- ._main_nav_link_cthas_51 {
26
+ ._main_nav_link_1rr2y_51 {
27
27
  padding: 10px 8px;
28
28
  text-align: center;
29
29
  }
30
30
 
31
- ._main_nav_link_cthas_51 .active {
31
+ ._main_nav_link_1rr2y_51 .active {
32
32
  border-color: currentColor;
33
33
  transition: border-color 0.5s ease;
34
34
  }
35
35
 
36
- ._main_nav_link_cthas_51 .active {
36
+ ._main_nav_link_1rr2y_51 .active {
37
37
  font-weight: 700;
38
38
  }
39
39
 
40
- ._main_nav_link_cthas_51>a {
40
+ ._main_nav_link_1rr2y_51 > a {
41
41
  color: #1e3860;
42
42
  display: inline-block;
43
43
  font-size: 16px;
@@ -45,26 +45,26 @@
45
45
  border-bottom: 4px solid transparent;
46
46
  }
47
47
 
48
- ._sub_nav_link_cthas_95 a,
49
- ._main_nav_link_cthas_51 a,
50
- ._signin_wrap_cthas_99 a,
51
- ._signin_btn_cthas_101 {
48
+ ._sub_nav_link_1rr2y_95 a,
49
+ ._main_nav_link_1rr2y_51 a,
50
+ ._signin_wrap_1rr2y_99 a,
51
+ ._signin_btn_1rr2y_101 {
52
52
  text-decoration: none;
53
53
  transition: opacity 0.3s ease;
54
54
  }
55
55
 
56
- ._sub_nav_link_cthas_95:hover,
57
- ._main_nav_link_cthas_51 a:hover,
58
- ._signin_wrap_cthas_99 a:hover {
56
+ ._sub_nav_link_1rr2y_95:hover,
57
+ ._main_nav_link_1rr2y_51 a:hover,
58
+ ._signin_wrap_1rr2y_99 a:hover {
59
59
  opacity: 0.8;
60
60
  }
61
61
 
62
- ._signin_wrap_cthas_99 .link {
62
+ ._signin_wrap_1rr2y_99 .link {
63
63
  text-decoration: none;
64
64
  padding: 8px;
65
65
  }
66
66
 
67
- ._signin_btn_cthas_101 {
67
+ ._signin_btn_1rr2y_101 {
68
68
  border: none;
69
69
  color: #fff;
70
70
  padding: 11px 24px;
@@ -76,37 +76,37 @@
76
76
  cursor: pointer;
77
77
  }
78
78
 
79
- ._signin_btn_cthas_101:hover {
79
+ ._signin_btn_1rr2y_101:hover {
80
80
  color: var(--colors-primary-textButton__1073cm85);
81
81
  background-color: var(--colors-primary-backgroundButton__1073cm86);
82
82
  opacity: 0.9;
83
83
  }
84
84
 
85
- ._signin_btn_cthas_101>span {
85
+ ._signin_btn_1rr2y_101 > span {
86
86
  margin-right: 8px;
87
87
  }
88
88
 
89
- ._sub_nav_cthas_95 {
89
+ ._sub_nav_1rr2y_95 {
90
90
  background-color: var(--primary-theme-color);
91
91
  }
92
92
 
93
- ._header_sub_row_cthas_185 {
93
+ ._header_sub_row_1rr2y_185 {
94
94
  padding-block: 12px;
95
95
  min-height: 48px;
96
96
  }
97
97
 
98
- ._sub_nav_link_cthas_95 {
98
+ ._sub_nav_link_1rr2y_95 {
99
99
  padding-inline: 1rem;
100
100
  text-align: center;
101
101
  color: #fff;
102
102
  }
103
103
 
104
- ._sub_nav_link_cthas_95 a {
104
+ ._sub_nav_link_1rr2y_95 a {
105
105
  font-weight: 500;
106
106
  line-height: 1.5;
107
107
  }
108
108
 
109
- ._signin_dropdown_cthas_217 {
109
+ ._signin_dropdown_1rr2y_217 {
110
110
  min-width: 288px;
111
111
  padding: 1.5rem 1rem;
112
112
  position: absolute;
@@ -116,32 +116,32 @@
116
116
  display: none;
117
117
  }
118
118
 
119
- ._shadow_cthas_237 {
119
+ ._shadow_1rr2y_237 {
120
120
  box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
121
121
  }
122
122
 
123
- ._signin_dropdown_cthas_217 li[role="heading"] {
123
+ ._signin_dropdown_1rr2y_217 li[role="heading"] {
124
124
  margin-top: 1px;
125
125
  }
126
126
 
127
- ._signin_header_cthas_253 {
127
+ ._signin_header_1rr2y_253 {
128
128
  color: #323339;
129
129
  font-weight: 700;
130
130
  padding: 0.5rem 1rem;
131
131
  text-align: left;
132
132
  }
133
133
 
134
- ._signin_subheader_cthas_267 {
135
- color: #2F5B88;
134
+ ._signin_subheader_1rr2y_267 {
135
+ color: #2f5b88;
136
136
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
137
137
  }
138
138
 
139
- ._signin_header_cthas_253,
140
- ._signin_subheader_cthas_267 a {
139
+ ._signin_header_1rr2y_253,
140
+ ._signin_subheader_1rr2y_267 a {
141
141
  line-height: 1.5;
142
142
  }
143
143
 
144
- @keyframes _fadeInDown_cthas_1 {
144
+ @keyframes _fadeInDown_1rr2y_1 {
145
145
  from {
146
146
  opacity: 0;
147
147
  transform: translate3d(0, -1%, 0);
@@ -153,18 +153,18 @@
153
153
  }
154
154
  }
155
155
 
156
- ._opacity_cthas_311 {
156
+ ._opacity_1rr2y_311 {
157
157
  animation-duration: 0.5s;
158
158
  animation-fill-mode: both;
159
- animation-name: _fadeInDown_cthas_1;
159
+ animation-name: _fadeInDown_1rr2y_1;
160
160
  }
161
161
 
162
- ._footer_cthas_323 {
162
+ ._footer_1rr2y_323 {
163
163
  margin-top: 0.5rem;
164
164
  padding-top: 1rem;
165
165
  }
166
166
 
167
- ._footer_cthas_323::before {
167
+ ._footer_1rr2y_323::before {
168
168
  content: "";
169
169
  background-color: #8f8f8f;
170
170
  height: 2px;
@@ -175,63 +175,63 @@
175
175
  width: 94%;
176
176
  }
177
177
 
178
- ._open_cthas_355 {
178
+ ._open_1rr2y_355 {
179
179
  opacity: 0.8;
180
180
  }
181
181
 
182
- ._open_cthas_355>svg {
182
+ ._open_1rr2y_355 > svg {
183
183
  transform: scaleY(-1);
184
184
  }
185
185
 
186
- ._open_cthas_355+._signin_dropdown_cthas_217 {
186
+ ._open_1rr2y_355 + ._signin_dropdown_1rr2y_217 {
187
187
  display: block;
188
188
  }
189
189
 
190
- ._dd_wrapper_cthas_379 {
190
+ ._dd_wrapper_1rr2y_379 {
191
191
  z-index: 1203;
192
192
  max-width: 1440px;
193
193
  }
194
194
 
195
- ._dd_media_cthas_389 {
195
+ ._dd_media_1rr2y_389 {
196
196
  padding: 1.5rem;
197
197
  width: 280px;
198
198
  }
199
199
 
200
- ._dd_media_img_cthas_399 {
200
+ ._dd_media_img_1rr2y_399 {
201
201
  min-height: 232px;
202
202
  }
203
203
 
204
- ._dd_site_navs_cthas_407 {
204
+ ._dd_site_navs_1rr2y_407 {
205
205
  flex: 1 1 0%;
206
206
  padding: 1.5rem;
207
207
  display: flex;
208
208
  flex-direction: column;
209
209
  }
210
210
 
211
- ._dd_media_header_cthas_421 p {
211
+ ._dd_media_header_1rr2y_421 p {
212
212
  font-size: 14px;
213
213
  line-height: 1.42;
214
214
  }
215
215
 
216
- ._dd_media_header_cthas_421 p[role="heading"] {
216
+ ._dd_media_header_1rr2y_421 p[role="heading"] {
217
217
  font: 600 1.25rem/ 1.4 var(--header-font-family);
218
218
  }
219
219
 
220
- ._mt_8_cthas_439 {
220
+ ._mt_8_1rr2y_439 {
221
221
  margin-top: 8px;
222
222
  }
223
223
 
224
- ._mt_16_cthas_447 {
224
+ ._mt_16_1rr2y_447 {
225
225
  margin-top: 1rem;
226
226
  }
227
227
 
228
- ._ml_8_cthas_455 {
228
+ ._ml_8_1rr2y_455 {
229
229
  margin-left: 8px;
230
230
  }
231
231
 
232
- ._dd_media_cta_cthas_463>a {
232
+ ._dd_media_cta_1rr2y_463 > a {
233
233
  border-radius: 8px;
234
- color: #1E3860 !important;
234
+ color: #1e3860 !important;
235
235
  display: inline-block;
236
236
  font-size: 1.125rem;
237
237
  font-weight: 700;
@@ -243,29 +243,29 @@
243
243
  border: 2px solid transparent;
244
244
  }
245
245
 
246
- ._reversed_row_cthas_491 {
246
+ ._reversed_row_1rr2y_491 {
247
247
  flex-direction: row-reverse;
248
248
  }
249
249
 
250
- ._dd_media_cta_cthas_463>a:hover {
250
+ ._dd_media_cta_1rr2y_463 > a:hover {
251
251
  background-color: transparent;
252
252
  border-color: #fff;
253
253
  color: #fff;
254
254
  }
255
255
 
256
- ._dd_media_cta_cthas_463>a:active {
256
+ ._dd_media_cta_1rr2y_463 > a:active {
257
257
  background-color: #fff;
258
258
  border-color: transparent;
259
- color: #1E3860 !important;
259
+ color: #1e3860 !important;
260
260
  }
261
261
 
262
- ._headline_cthas_523>p {
262
+ ._headline_1rr2y_523 > p {
263
263
  font: 600 1.5rem / 1.33 var(--header-font-family);
264
264
  flex: 1 1 0%;
265
- color: #1E3860;
265
+ color: #1e3860;
266
266
  }
267
267
 
268
- ._nav_anchor_cthas_535 {
268
+ ._nav_anchor_1rr2y_535 {
269
269
  width: 1.5rem;
270
270
  height: 1.5rem;
271
271
  aspect-ratio: 1;
@@ -273,26 +273,26 @@
273
273
  border-radius: 8px;
274
274
  }
275
275
 
276
- ._headline_cta_cthas_551 {
276
+ ._headline_cta_1rr2y_551 {
277
277
  margin-left: 8px;
278
278
  }
279
279
 
280
- ._headline_cta_cthas_551>a {
280
+ ._headline_cta_1rr2y_551 > a {
281
281
  font-weight: 700;
282
282
  line-height: 1.5;
283
283
  text-decoration: none;
284
- color: #1E3860;
284
+ color: #1e3860;
285
285
  }
286
286
 
287
- ._sub_nav_link_cthas_95:hover,
288
- ._signin_wrap_cthas_99 a:hover,
289
- ._main_nav_link_cthas_51 a:not(.active):hover,
290
- ._dd_site_navs_cthas_407 a:hover,
291
- ._site_lists_cthas_581 a:hover {
287
+ ._sub_nav_link_1rr2y_95:hover,
288
+ ._signin_wrap_1rr2y_99 a:hover,
289
+ ._main_nav_link_1rr2y_51 a:not(.active):hover,
290
+ ._dd_site_navs_1rr2y_407 a:hover,
291
+ ._site_lists_1rr2y_581 a:hover {
292
292
  text-decoration: underline;
293
293
  }
294
294
 
295
- ._dd_site_navs_cthas_407 hr {
295
+ ._dd_site_navs_1rr2y_407 hr {
296
296
  border-style: solid;
297
297
  border-width: 1px;
298
298
  color: #a0aab3;
@@ -301,29 +301,29 @@
301
301
  position: relative;
302
302
  }
303
303
 
304
- ._site_lists_cthas_581 {
304
+ ._site_lists_1rr2y_581 {
305
305
  padding-bottom: 1.5rem;
306
306
  }
307
307
 
308
- ._site_lists_cthas_581>* {
308
+ ._site_lists_1rr2y_581 > * {
309
309
  width: 100%;
310
310
  }
311
311
 
312
- ._site_lists_cthas_581 a {
312
+ ._site_lists_1rr2y_581 a {
313
313
  color: #323339;
314
314
  text-decoration: none;
315
315
  }
316
316
 
317
- ._site_lists_cthas_581 [role="heading"] {
318
- color: #1E3860;
317
+ ._site_lists_1rr2y_581 [role="heading"] {
318
+ color: #1e3860;
319
319
  font-weight: 700;
320
320
  }
321
321
 
322
- ._site_lists_cthas_581 li+li {
322
+ ._site_lists_1rr2y_581 li + li {
323
323
  margin-top: 8px;
324
324
  }
325
325
 
326
- ._hamburger_cthas_651 {
326
+ ._hamburger_1rr2y_651 {
327
327
  background: transparent;
328
328
  border: none;
329
329
  font-size: 0px;
@@ -331,46 +331,46 @@
331
331
  outline: none;
332
332
  }
333
333
 
334
- ._hamburger_cthas_651:hover,
335
- ._mobile_header_cthas_23 button:hover {
334
+ ._hamburger_1rr2y_651:hover,
335
+ ._mobile_header_1rr2y_23 button:hover {
336
336
  cursor: pointer;
337
337
  opacity: 0.8;
338
338
  }
339
339
 
340
- ._signin_wrap_cthas_99>._mobile_only_cthas_679>a {
340
+ ._signin_wrap_1rr2y_99 > ._mobile_only_1rr2y_679 > a {
341
341
  color: #4a5560;
342
342
  padding: 0;
343
343
  line-height: 1;
344
344
  }
345
345
 
346
- ._mobile_logo_cthas_691 {
346
+ ._mobile_logo_1rr2y_691 {
347
347
  flex: 1 1 0%;
348
348
  text-align: center;
349
349
  }
350
350
 
351
- ._highlight_cthas_701>a {
352
- color: #2F5B88;
351
+ ._highlight_1rr2y_701 > a {
352
+ color: #2f5b88;
353
353
  font-weight: 700;
354
354
  }
355
355
 
356
356
  @media (max-width: 1121px) {
357
- ._mobile_logo_cthas_691 {
357
+ ._mobile_logo_1rr2y_691 {
358
358
  flex: none;
359
359
  }
360
360
  }
361
361
 
362
- ._mobile_header_cthas_23 {
362
+ ._mobile_header_1rr2y_23 {
363
363
  padding-bottom: 1rem;
364
364
  display: grid;
365
365
  place-items: center;
366
366
  border-bottom: 1px solid #ebebeb;
367
367
  }
368
368
 
369
- ._mobile_header_cthas_23 p {
369
+ ._mobile_header_1rr2y_23 p {
370
370
  font: 400 20px / 1.3 var(--header-font-family);
371
371
  }
372
372
 
373
- ._mobile_header_cthas_23 button {
373
+ ._mobile_header_1rr2y_23 button {
374
374
  background: none;
375
375
  border: none;
376
376
  position: absolute;
@@ -379,7 +379,7 @@
379
379
  transform: translateY(-50%);
380
380
  }
381
381
 
382
- ._mobile_nav_cthas_763 {
382
+ ._mobile_nav_1rr2y_763 {
383
383
  border-right: 1px solid #ebebeb;
384
384
  left: -100%;
385
385
  min-height: 100vh;
@@ -389,17 +389,17 @@
389
389
  width: 100%;
390
390
  }
391
391
 
392
- ._mobile_opened_cthas_783 {
392
+ ._mobile_opened_1rr2y_783 {
393
393
  left: 0%;
394
394
  z-index: 999;
395
395
  }
396
396
 
397
- ._mobile_nav_item_cthas_793 {
397
+ ._mobile_nav_item_1rr2y_793 {
398
398
  background-color: #fff;
399
399
  border-bottom: 1px solid #ebebeb;
400
400
  }
401
401
 
402
- ._mobile_nav_item_cthas_793>a {
402
+ ._mobile_nav_item_1rr2y_793 > a {
403
403
  color: #323339;
404
404
  display: flex;
405
405
  font-weight: 700;
@@ -409,13 +409,13 @@
409
409
  width: 100%;
410
410
  }
411
411
 
412
- ._mobile_nav_item_cthas_793._has_dropdown_cthas_823 {
412
+ ._mobile_nav_item_1rr2y_793._has_dropdown_1rr2y_823 {
413
413
  background-color: #f4f4f4;
414
414
  isolation: isolate;
415
415
  position: relative;
416
416
  }
417
417
 
418
- ._mobile_nav_item_cthas_793._has_dropdown_cthas_823::before {
418
+ ._mobile_nav_item_1rr2y_793._has_dropdown_1rr2y_823::before {
419
419
  content: "";
420
420
  background-color: #ebebeb;
421
421
  height: 100%;
@@ -426,28 +426,28 @@
426
426
  z-index: -1;
427
427
  }
428
428
 
429
- ._mobile_nav_item_cthas_793._has_dropdown_cthas_823>a {
430
- color: #1E3860;
429
+ ._mobile_nav_item_1rr2y_793._has_dropdown_1rr2y_823 > a {
430
+ color: #1e3860;
431
431
  }
432
432
 
433
- ._icon_wrap_cthas_865 {
433
+ ._icon_wrap_1rr2y_865 {
434
434
  line-height: 1;
435
435
  height: 24px;
436
436
  }
437
437
 
438
- ._mobile_footer_cthas_875 {
438
+ ._mobile_footer_1rr2y_875 {
439
439
  position: fixed;
440
440
  bottom: 0;
441
441
  width: 100%;
442
442
  }
443
443
 
444
- ._mobile_footer_content_cthas_887 {
444
+ ._mobile_footer_content_1rr2y_887 {
445
445
  background-color: #f4f4f4;
446
446
  flex: 1 1 0%;
447
447
  padding: 16px 24px 16px 40px;
448
448
  }
449
449
 
450
- ._mobile_footer_content_cthas_887 p {
450
+ ._mobile_footer_content_1rr2y_887 p {
451
451
  line-height: 1.5;
452
452
  text-overflow: ellipsis;
453
453
  display: -webkit-box;
@@ -455,16 +455,17 @@
455
455
  -webkit-line-clamp: 2;
456
456
  }
457
457
 
458
- ._mobile_footer_media_cthas_915 {
458
+ ._mobile_footer_media_1rr2y_915 {
459
459
  flex-basis: 42%;
460
- background: url("https://images.axos.com/o9ov1v03uwqk/7ate9BSYQwX7C90HBTnGAD/88abd5ba41a63dbdea77bcb09a683432/mobile-ad.jpg") no-repeat center center / cover;
460
+ background: url("https://images.axos.com/o9ov1v03uwqk/7ate9BSYQwX7C90HBTnGAD/88abd5ba41a63dbdea77bcb09a683432/mobile-ad.jpg")
461
+ no-repeat center center / cover;
461
462
  }
462
463
 
463
- ._footer_cta_cthas_925 {
464
+ ._footer_cta_1rr2y_927 {
464
465
  margin-top: 3px;
465
466
  }
466
467
 
467
- ._footer_cta_cthas_925 a {
468
+ ._footer_cta_1rr2y_927 a {
468
469
  border-radius: 4px;
469
470
  border: 2px solid transparent;
470
471
  color: #fff;
@@ -474,31 +475,31 @@
474
475
  text-decoration: none;
475
476
  }
476
477
 
477
- ._footer_cta_cthas_925 a:hover {
478
+ ._footer_cta_1rr2y_927 a:hover {
478
479
  background-color: transparent;
479
480
  text-decoration: underline;
480
481
  }
481
482
 
482
- ._footer_cta_cthas_925 a:active {
483
+ ._footer_cta_1rr2y_927 a:active {
483
484
  border-color: transparent;
484
485
  color: #fff;
485
486
  }
486
487
 
487
- ._mobile_footer_cthas_875> .flex_row {
488
+ ._mobile_footer_1rr2y_875 > .flex_row {
488
489
  min-height: 112px;
489
490
  }
490
491
 
491
- ._inner_wrapper_cthas_981 {
492
+ ._inner_wrapper_1rr2y_983 {
492
493
  max-height: calc(100vh - 117px);
493
494
  overflow-y: scroll;
494
495
  }
495
496
 
496
- ._btn_cthas_991 {
497
+ ._btn_1rr2y_993 {
497
498
  display: block;
498
499
  position: relative;
499
500
  }
500
501
 
501
- ._sub_menu_cthas_1001 {
502
+ ._sub_menu_1rr2y_1003 {
502
503
  overflow: hidden;
503
504
  max-height: 0;
504
505
  transition: max-height 0.8s ease-out;
@@ -506,8 +507,8 @@
506
507
  overflow-y: scroll;
507
508
  }
508
509
 
509
- ._sub_menu_cthas_1001 a,
510
- ._sub_menu_cthas_1001 span {
510
+ ._sub_menu_1rr2y_1003 a,
511
+ ._sub_menu_1rr2y_1003 span {
511
512
  display: block;
512
513
  padding: 12px 14px 12px 64px;
513
514
  position: relative;
@@ -515,15 +516,15 @@
515
516
  text-decoration: none;
516
517
  }
517
518
 
518
- ._sub_menu_cthas_1001 ._main_cthas_51 {
519
+ ._sub_menu_1rr2y_1003 ._main_1rr2y_51 {
519
520
  font-weight: 700;
520
521
  }
521
522
 
522
- ._sub_menu_cthas_1001 a+a {
523
+ ._sub_menu_1rr2y_1003 a + a {
523
524
  border-top: 1px solid #ebebeb;
524
525
  }
525
526
 
526
- ._dd_footer_cthas_1051 {
527
+ ._dd_footer_1rr2y_1053 {
527
528
  justify-content: flex-end;
528
529
  flex: 1 1 0%;
529
530
  align-items: end;
@@ -532,51 +533,51 @@
532
533
  }
533
534
 
534
535
  @media (max-width: 1280px) and (min-width: 1121px) {
535
- ._wrapper_cthas_9 {
536
+ ._wrapper_1rr2y_9 {
536
537
  width: calc(100% - 28px);
537
538
  }
538
539
 
539
- ._dd_wrapper_cthas_379>._wrapper_cthas_9 {
540
+ ._dd_wrapper_1rr2y_379 > ._wrapper_1rr2y_9 {
540
541
  width: 100%;
541
542
  }
542
543
  }
543
544
 
544
545
  @media (max-width: 1120px) {
545
- ._desktop_only_cthas_1089 {
546
+ ._desktop_only_1rr2y_1091 {
546
547
  display: none !important;
547
548
  }
548
549
  }
549
550
 
550
551
  @media (max-width: 768px) {
551
- ._wrapper_cthas_9 {
552
+ ._wrapper_1rr2y_9 {
552
553
  width: calc(100% - 48px);
553
554
  }
554
555
 
555
- ._mobile_header_cthas_23 button {
556
+ ._mobile_header_1rr2y_23 button {
556
557
  right: 1.5rem;
557
558
  }
558
559
 
559
- ._mobile_nav_item_cthas_793>a {
560
+ ._mobile_nav_item_1rr2y_793 > a {
560
561
  padding: 16px 24px;
561
562
  }
562
563
 
563
- ._sub_menu_cthas_1001 a,
564
- ._sub_menu_cthas_1001 span {
564
+ ._sub_menu_1rr2y_1003 a,
565
+ ._sub_menu_1rr2y_1003 span {
565
566
  padding-left: 48px;
566
567
  }
567
568
 
568
- ._mobile_nav_item_cthas_793._has_dropdown_cthas_823::before {
569
+ ._mobile_nav_item_1rr2y_793._has_dropdown_1rr2y_823::before {
569
570
  right: 72px;
570
571
  }
571
572
 
572
- ._mobile_footer_content_cthas_887 {
573
+ ._mobile_footer_content_1rr2y_887 {
573
574
  padding-right: 15px;
574
575
  padding-left: 24px;
575
576
  }
576
577
  }
577
578
 
578
579
  @media (max-width: 450px) {
579
- ._footer_cta_cthas_925 a {
580
+ ._footer_cta_1rr2y_927 a {
580
581
  white-space: break-spaces;
581
582
  width: 100%;
582
583
  text-align: center;
@@ -584,7 +585,7 @@
584
585
  }
585
586
 
586
587
  @media (min-width: 1121px) {
587
- ._mobile_only_cthas_679 {
588
+ ._mobile_only_1rr2y_679 {
588
589
  display: none !important;
589
590
  }
590
- }
591
+ }
package/dist/assets/globals.css CHANGED
@@ -30,6 +30,15 @@ body {
30
30
  line-height: 1.39;
31
31
  letter-spacing: 0.2px;
32
32
  }
33
+ p {
34
+ margin-bottom: 10px;
35
+ }
36
+ p:last-child {
37
+ margin-bottom: 0;
38
+ }
39
+ p:only-child {
40
+ margin-bottom: 0;
41
+ }
33
42
  .containment {
34
43
  width: min(1200px, calc(100% - 4rem));
35
44
  box-sizing: border-box;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.16",
4
+ "version": "0.0.17",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",