@axos-web-dev/shared-components 1.0.45 → 1.0.46
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/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/WalnutIframe/index.js +1 -1
- package/dist/WalnutIframe/wrapper.module.js +2 -2
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +33 -28
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
- package/dist/assets/WalnutIframe/wrapper.css.css +44 -51
- package/dist/assets/globals.css +3 -0
- package/package.json +131 -131
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "
|
|
2
|
-
const drawer = "
|
|
3
|
-
const hamburger = "
|
|
4
|
-
const header = "
|
|
5
|
-
const back = "
|
|
6
|
-
const close = "
|
|
7
|
-
const levelContainer = "
|
|
8
|
-
const level = "
|
|
9
|
-
const levelTitle = "
|
|
10
|
-
const menu = "
|
|
11
|
-
const menuItem = "
|
|
12
|
-
const chevron = "
|
|
13
|
-
const chevronIcon = "
|
|
14
|
-
const quickLinks = "
|
|
15
|
-
const quickLink = "
|
|
16
|
-
const sr_only = "
|
|
1
|
+
import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_lgd8i_1";
|
|
2
|
+
const drawer = "_drawer_lgd8i_17";
|
|
3
|
+
const hamburger = "_hamburger_lgd8i_57";
|
|
4
|
+
const header = "_header_lgd8i_79";
|
|
5
|
+
const back = "_back_lgd8i_95";
|
|
6
|
+
const close = "_close_lgd8i_117";
|
|
7
|
+
const levelContainer = "_levelContainer_lgd8i_131";
|
|
8
|
+
const level = "_level_lgd8i_131";
|
|
9
|
+
const levelTitle = "_levelTitle_lgd8i_157";
|
|
10
|
+
const menu = "_menu_lgd8i_167";
|
|
11
|
+
const menuItem = "_menuItem_lgd8i_207";
|
|
12
|
+
const chevron = "_chevron_lgd8i_239";
|
|
13
|
+
const chevronIcon = "_chevronIcon_lgd8i_249";
|
|
14
|
+
const quickLinks = "_quickLinks_lgd8i_271";
|
|
15
|
+
const quickLink = "_quickLink_lgd8i_271";
|
|
16
|
+
const sr_only = "_sr_only_lgd8i_315";
|
|
17
17
|
const styles = {
|
|
18
18
|
overlay,
|
|
19
19
|
drawer,
|
|
@@ -1,42 +1,42 @@
|
|
|
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 dd_media_cta = "
|
|
28
|
-
const reversed_row = "
|
|
29
|
-
const headline = "
|
|
30
|
-
const nav_anchor = "
|
|
31
|
-
const headline_cta = "
|
|
32
|
-
const site_lists = "
|
|
33
|
-
const mobile_only = "
|
|
34
|
-
const mobile_logo = "
|
|
35
|
-
const highlight = "
|
|
36
|
-
const mobile_opened = "
|
|
37
|
-
const dd_footer = "
|
|
38
|
-
const skip_btn = "
|
|
39
|
-
const desktop_only = "
|
|
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";
|
|
40
40
|
const styles = {
|
|
41
41
|
header,
|
|
42
42
|
wrapper,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import css from "./wrapper.module.js";
|
|
3
|
-
const WalnutIframe = ({ id, sourceUrl }) => /* @__PURE__ */ jsx("div", { className: css.wrapper
|
|
3
|
+
const WalnutIframe = ({ id, sourceUrl }) => /* @__PURE__ */ jsx("div", { className: `${css.wrapper} overflow_hidden relative`, children: /* @__PURE__ */ jsx(
|
|
4
4
|
"iframe",
|
|
5
5
|
{
|
|
6
6
|
id: `id-${id}`,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "
|
|
2
|
-
const shimmer = "
|
|
1
|
+
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_1mudl_19";
|
|
2
|
+
const shimmer = "_shimmer_1mudl_1";
|
|
3
3
|
const css = {
|
|
4
4
|
wrapper,
|
|
5
5
|
shimmer
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay_lgd8i_1 {
|
|
2
2
|
position: fixed;
|
|
3
3
|
inset: 0;
|
|
4
4
|
height: 100vh;
|
|
@@ -6,32 +6,38 @@
|
|
|
6
6
|
z-index: 10000;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.
|
|
10
|
-
position: fixed;
|
|
11
|
-
top: 0;
|
|
12
|
-
right: 0;
|
|
9
|
+
._drawer_lgd8i_17 {
|
|
13
10
|
background: #fff;
|
|
14
11
|
border-radius: 0 0 0 1rem;
|
|
15
12
|
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
|
|
16
13
|
max-height: 100vh;
|
|
17
14
|
max-width: 500px;
|
|
18
|
-
overflow
|
|
15
|
+
overflow: hidden auto;
|
|
16
|
+
position: fixed;
|
|
17
|
+
right: 0px;
|
|
18
|
+
top: 0;
|
|
19
19
|
width: 85%;
|
|
20
|
+
scrollbar-width: none;
|
|
21
|
+
-ms-overflow-style: none;
|
|
20
22
|
z-index: 10001;
|
|
21
23
|
}
|
|
22
24
|
|
|
23
|
-
.
|
|
25
|
+
._drawer_lgd8i_17::-webkit-scrollbar {
|
|
26
|
+
display: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
._hamburger_lgd8i_57 {
|
|
24
30
|
background: transparent;
|
|
25
31
|
border: none;
|
|
26
32
|
cursor: pointer;
|
|
27
33
|
transition: opacity 0.3s ease;
|
|
28
34
|
}
|
|
29
35
|
|
|
30
|
-
.
|
|
36
|
+
._hamburger_lgd8i_57:hover {
|
|
31
37
|
opacity: 0.8;
|
|
32
38
|
}
|
|
33
39
|
|
|
34
|
-
.
|
|
40
|
+
._header_lgd8i_79 {
|
|
35
41
|
display: flex;
|
|
36
42
|
align-items: center;
|
|
37
43
|
background: #f4f4f4;
|
|
@@ -39,7 +45,7 @@
|
|
|
39
45
|
padding: 0.9rem 1.2rem 0.9rem 1rem;
|
|
40
46
|
}
|
|
41
47
|
|
|
42
|
-
.
|
|
48
|
+
._back_lgd8i_95 {
|
|
43
49
|
background: none;
|
|
44
50
|
border: none;
|
|
45
51
|
color: var(--_1073cm86);
|
|
@@ -50,20 +56,19 @@
|
|
|
50
56
|
padding: 0;
|
|
51
57
|
}
|
|
52
58
|
|
|
53
|
-
.
|
|
59
|
+
._close_lgd8i_117 {
|
|
54
60
|
background: none;
|
|
55
61
|
border: none;
|
|
56
62
|
cursor: pointer;
|
|
57
63
|
font-size: 1.3rem;
|
|
58
64
|
}
|
|
59
65
|
|
|
60
|
-
.
|
|
66
|
+
._levelContainer_lgd8i_131 {
|
|
61
67
|
height: 100%;
|
|
62
|
-
overflow: hidden;
|
|
63
68
|
position: relative;
|
|
64
69
|
}
|
|
65
70
|
|
|
66
|
-
.
|
|
71
|
+
._level_lgd8i_131 {
|
|
67
72
|
background: var(--_1073cm86);
|
|
68
73
|
color: var(--_1073cm85);
|
|
69
74
|
font-size: 0.9rem;
|
|
@@ -71,12 +76,12 @@
|
|
|
71
76
|
width: 100%;
|
|
72
77
|
}
|
|
73
78
|
|
|
74
|
-
.
|
|
79
|
+
._levelTitle_lgd8i_157 {
|
|
75
80
|
font: 700 0.9rem / 1.39 var(--main-font-family);
|
|
76
81
|
letter-spacing: 0.4px;
|
|
77
82
|
}
|
|
78
83
|
|
|
79
|
-
.
|
|
84
|
+
._menu_lgd8i_167 {
|
|
80
85
|
background-color: transparent;
|
|
81
86
|
list-style: none;
|
|
82
87
|
margin: 0;
|
|
@@ -85,18 +90,18 @@
|
|
|
85
90
|
position: relative;
|
|
86
91
|
}
|
|
87
92
|
|
|
88
|
-
.
|
|
93
|
+
._menu_lgd8i_167 li {
|
|
89
94
|
color: var(--_1073cm83);
|
|
90
95
|
font-family: var(--header-font-family);
|
|
91
96
|
font-weight: 500;
|
|
92
97
|
border-top: 1px solid #e9e9e9;
|
|
93
98
|
}
|
|
94
99
|
|
|
95
|
-
.
|
|
100
|
+
._menu_lgd8i_167 li + li {
|
|
96
101
|
margin-top: 0.5rem;
|
|
97
102
|
}
|
|
98
103
|
|
|
99
|
-
.
|
|
104
|
+
._menuItem_lgd8i_207 {
|
|
100
105
|
display: flex;
|
|
101
106
|
align-items: center;
|
|
102
107
|
background: none;
|
|
@@ -112,23 +117,23 @@
|
|
|
112
117
|
width: 100%;
|
|
113
118
|
}
|
|
114
119
|
|
|
115
|
-
.
|
|
120
|
+
._chevron_lgd8i_239 {
|
|
116
121
|
font-size: 1.2rem;
|
|
117
122
|
margin-left: auto;
|
|
118
123
|
}
|
|
119
124
|
|
|
120
|
-
.
|
|
125
|
+
._chevronIcon_lgd8i_249 {
|
|
121
126
|
margin-right: 10px;
|
|
122
127
|
max-width: 8px;
|
|
123
128
|
height: auto;
|
|
124
129
|
}
|
|
125
130
|
|
|
126
|
-
body:has(.
|
|
131
|
+
body:has(._drawer_lgd8i_17) {
|
|
127
132
|
overflow-y: hidden;
|
|
128
133
|
position: relative;
|
|
129
134
|
}
|
|
130
135
|
|
|
131
|
-
.
|
|
136
|
+
._quickLinks_lgd8i_271 {
|
|
132
137
|
padding: 1rem;
|
|
133
138
|
background-color: #f4f4f4;
|
|
134
139
|
box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
|
|
@@ -136,7 +141,7 @@ body:has(._drawer_5prlm_17) {
|
|
|
136
141
|
gap: 8px;
|
|
137
142
|
}
|
|
138
143
|
|
|
139
|
-
.
|
|
144
|
+
._quickLink_lgd8i_271 {
|
|
140
145
|
display: flex;
|
|
141
146
|
align-items: center;
|
|
142
147
|
color: var(--_1073cm86);
|
|
@@ -150,7 +155,7 @@ body:has(._drawer_5prlm_17) {
|
|
|
150
155
|
text-transform: uppercase;
|
|
151
156
|
}
|
|
152
157
|
|
|
153
|
-
.
|
|
158
|
+
._sr_only_lgd8i_315 {
|
|
154
159
|
position: absolute;
|
|
155
160
|
width: 1px;
|
|
156
161
|
height: 1px;
|
|
@@ -163,15 +168,15 @@ body:has(._drawer_5prlm_17) {
|
|
|
163
168
|
}
|
|
164
169
|
|
|
165
170
|
@media (max-width: 540px) {
|
|
166
|
-
.
|
|
171
|
+
._drawer_lgd8i_17 {
|
|
167
172
|
border-radius: 0;
|
|
168
173
|
max-width: none;
|
|
169
174
|
width: 100%;
|
|
170
175
|
}
|
|
171
|
-
.
|
|
176
|
+
._menu_lgd8i_167 li + li {
|
|
172
177
|
margin-top: 3px;
|
|
173
178
|
}
|
|
174
|
-
.
|
|
179
|
+
._menuItem_lgd8i_207 {
|
|
175
180
|
font-size: 0.9rem;
|
|
176
181
|
padding: 0.65rem 0;
|
|
177
182
|
}
|