@axos-web-dev/shared-components 0.0.47 → 0.0.49

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.
@@ -0,0 +1,2 @@
1
+ export * from './FooterSiteMap';
2
+ export * from './FooterSiteMap.css';
@@ -0,0 +1,15 @@
1
+ import { AxosFooterSiteMap } from "./FooterSiteMap.js";
2
+ import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap.css.js";
3
+ export {
4
+ AxosFooterSiteMap,
5
+ app_col,
6
+ footer_mobile,
7
+ footer_section,
8
+ footer_wrapper,
9
+ ft_col,
10
+ ft_col_header,
11
+ ft_col_subheader,
12
+ ft_panel,
13
+ ft_panel_group,
14
+ nested_grid
15
+ };
@@ -0,0 +1 @@
1
+ export * from './AxosBank';
@@ -0,0 +1,15 @@
1
+ import { AxosFooterSiteMap } from "./AxosBank/FooterSiteMap.js";
2
+ import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./AxosBank/FooterSiteMap.css.js";
3
+ export {
4
+ AxosFooterSiteMap,
5
+ app_col,
6
+ footer_mobile,
7
+ footer_section,
8
+ footer_wrapper,
9
+ ft_col,
10
+ ft_col_header,
11
+ ft_col_subheader,
12
+ ft_panel,
13
+ ft_panel_group,
14
+ nested_grid
15
+ };
@@ -30,6 +30,7 @@ import "../ContentBanner/ContentBanner.css.js";
30
30
  import "../ExecutiveBio/ExecutiveBio.css.js";
31
31
  import "../FaqAccordion/index.js";
32
32
  import "../FooterDisclosure/FooterDisclosure.css.js";
33
+ /* empty css */
33
34
  import "../Forms/Forms.css.js";
34
35
  import "../Forms/SalesforceFieldsForm.js";
35
36
  import "@hookform/resolvers/zod";
@@ -27,6 +27,7 @@ import "../ContentBanner/ContentBanner.css.js";
27
27
  import "../ExecutiveBio/ExecutiveBio.css.js";
28
28
  import "../FaqAccordion/index.js";
29
29
  import "../FooterDisclosure/FooterDisclosure.css.js";
30
+ /* empty css */
30
31
  import "../Forms/Forms.css.js";
31
32
  import "../Forms/SalesforceFieldsForm.js";
32
33
  import "@hookform/resolvers/zod";
@@ -30,6 +30,7 @@ import "../ContentBanner/ContentBanner.css.js";
30
30
  import "../ExecutiveBio/ExecutiveBio.css.js";
31
31
  import "../FaqAccordion/index.js";
32
32
  import "../FooterDisclosure/FooterDisclosure.css.js";
33
+ /* empty css */
33
34
  import "../Forms/Forms.css.js";
34
35
  import "../Forms/SalesforceFieldsForm.js";
35
36
  import "@hookform/resolvers/zod";
@@ -27,6 +27,7 @@ import "../ContentBanner/ContentBanner.css.js";
27
27
  import "../ExecutiveBio/ExecutiveBio.css.js";
28
28
  import "../FaqAccordion/index.js";
29
29
  import "../FooterDisclosure/FooterDisclosure.css.js";
30
+ /* empty css */
30
31
  import "../Forms/Forms.css.js";
31
32
  import "../Forms/SalesforceFieldsForm.js";
32
33
  import "@hookform/resolvers/zod";
@@ -27,6 +27,7 @@ import "../ContentBanner/ContentBanner.css.js";
27
27
  import "../ExecutiveBio/ExecutiveBio.css.js";
28
28
  import "../FaqAccordion/index.js";
29
29
  import "../FooterDisclosure/FooterDisclosure.css.js";
30
+ /* empty css */
30
31
  import "../Forms/Forms.css.js";
31
32
  import "../Forms/SalesforceFieldsForm.js";
32
33
  import "@hookform/resolvers/zod";
@@ -27,6 +27,7 @@ import "../ContentBanner/ContentBanner.css.js";
27
27
  import "../ExecutiveBio/ExecutiveBio.css.js";
28
28
  import "../FaqAccordion/index.js";
29
29
  import "../FooterDisclosure/FooterDisclosure.css.js";
30
+ /* empty css */
30
31
  import "../Forms/Forms.css.js";
31
32
  import "../Forms/SalesforceFieldsForm.js";
32
33
  import "@hookform/resolvers/zod";
@@ -1,19 +1,20 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { BusinessWire, Facebook, Glassdoor, Indeed, Instagram, LinkedIn, Libsyn, Pinterest, Spotify, Youtube, Xtwitter } from "./iconsRepository.js";
2
+ import { Facebook, Instagram, Xtwitter, Youtube, LinkedIn, Pinterest } from "./iconsRepository.js";
3
3
  import { smb_section, smb_wrapper } from "./SocialMediaBar.css.js";
4
4
  const SocialMediaBar = () => {
5
5
  const iconsToRender = [
6
- BusinessWire,
7
6
  Facebook,
8
- Glassdoor,
9
- Indeed,
10
7
  Instagram,
11
- LinkedIn,
12
- Libsyn,
13
- Pinterest,
14
- Spotify,
8
+ Xtwitter,
15
9
  Youtube,
16
- Xtwitter
10
+ LinkedIn,
11
+ Pinterest
12
+ // i.BusinessWire,
13
+ // i.Glassdoor,
14
+ // i.Indeed,
15
+ // i.Instagram,
16
+ // i.Libsyn,
17
+ // i.Spotify,
17
18
  ];
18
19
  return /* @__PURE__ */ jsx("section", { role: "contentinfo", className: smb_section, children: /* @__PURE__ */ jsx("div", { className: `containment flex center middle ${smb_wrapper}`, children: iconsToRender.map((Icon, id) => /* @__PURE__ */ jsx(Icon, {}, id)) }) });
19
20
  };
@@ -0,0 +1,110 @@
1
+ ._1r5w2ux0 {
2
+ position: relative;
3
+ background-color: #fff;
4
+ padding: 40px 0px;
5
+ }
6
+ ._1r5w2ux1 {
7
+ display: grid;
8
+ grid-template-columns: repeat(auto-fit,minmax(207px, 1fr));
9
+ gap: 24px;
10
+ }
11
+ ._1r5w2ux2 {
12
+ display: none;
13
+ }
14
+ ._1r5w2ux4:last-child {
15
+ border-bottom: 1px solid #ebebeb;
16
+ }
17
+ ._1r5w2ux3 ul, ._1r5w2ux4 ul {
18
+ margin: 19px 0 16px;
19
+ list-style: none;
20
+ padding-left: 0;
21
+ }
22
+ ._1r5w2ux3 ul, ._1r5w2ux4 ul {
23
+ margin: 8px 0;
24
+ }
25
+ ._1r5w2ux3 a {
26
+ transition: opacity 0.3s linear;
27
+ }
28
+ ._1r5w2ux3 a:hover {
29
+ opacity: 0.65;
30
+ }
31
+ ._1r5w2ux3 li a, ._1r5w2ux4 li a {
32
+ color: #0062B3;
33
+ font-size: 14px;
34
+ line-height: 20px;
35
+ text-decoration: none;
36
+ }
37
+ ._1r5w2ux4 > summary {
38
+ align-items: center;
39
+ border-top: 1px solid #EBEBEB;
40
+ color: #1E3860;
41
+ cursor: pointer;
42
+ display: flex;
43
+ font: 700 18px/26px var(--main-font-family);
44
+ justify-content: space-between;
45
+ list-style: none;
46
+ padding: 12px 20px 12px 24px;
47
+ }
48
+ ._1r5w2ux4[open] > summary {
49
+ border-bottom: 1px solid #EBEBEB;
50
+ }
51
+ ._1r5w2ux4 > summary svg {
52
+ transition: 0.25s transform ease;
53
+ }
54
+ ._1r5w2ux4[open] > summary svg {
55
+ transform: scaleY(-1);
56
+ }
57
+ ._1r5w2ux4:last-child[open] {
58
+ border-bottom: none;
59
+ }
60
+ ._1r5w2ux5 {
61
+ border-bottom: 2px solid #dedede;
62
+ color: #1e3869;
63
+ font-family: var(--main-font-family);
64
+ font-size: 17px;
65
+ font-weight: 700;
66
+ line-height: 36px;
67
+ }
68
+ ._1r5w2ux5 > a {
69
+ text-decoration: none;
70
+ }
71
+ ._1r5w2ux6 {
72
+ color: #1E3860 !important;
73
+ font-weight: 700;
74
+ }
75
+ ._1r5w2ux7 {
76
+ display: initial;
77
+ }
78
+ ._1r5w2ux4 summary::-webkit-details-marker {
79
+ display: none;
80
+ }
81
+ @media (max-width: 1023px) {
82
+ ._1r5w2ux0 {
83
+ padding: 32px 0px;
84
+ }
85
+ ._1r5w2ux1 {
86
+ display: none;
87
+ }
88
+ ._1r5w2ux2 {
89
+ display: block;
90
+ }
91
+ }
92
+ @media (min-width: 1024px) {
93
+ ._1r5w2ux3:nth-child(2):is(:nth-last-child(2)) {
94
+ grid-column: span 2;
95
+ }
96
+ ._1r5w2ux3:nth-child(2):is(:nth-last-child(2)) ._1r5w2ux9 {
97
+ display: grid;
98
+ grid-template-columns: 1fr 1fr;
99
+ column-gap: 16px;
100
+ }
101
+ ._1r5w2ux9> :first-child {
102
+ grid-area: 1 / 1 / 2 / 2;
103
+ }
104
+ ._1r5w2ux9> :nth-child(2) {
105
+ grid-area: 2 / 1 / 3 / 2;
106
+ }
107
+ ._1r5w2ux9> :last-child {
108
+ grid-area: 1 / 2 / 3 / 3;
109
+ }
110
+ }
@@ -4,6 +4,6 @@
4
4
  background-color: var(--_1073cm86);
5
5
  }
6
6
  .dg9gpl1 {
7
- max-height: 20rem !important;
7
+ max-height: 100rem!important;
8
8
  color: var(--_1073cm82);
9
9
  }
@@ -192,13 +192,13 @@ tr:last-child td {
192
192
  }
193
193
  ._1nivbwe12 ._1nivbwed {
194
194
  font-size: 18px;
195
- text-align: left;
195
+ text-align: center;
196
196
  line-height: 1.44;
197
197
  letter-spacing: 0.2px;
198
198
  }
199
199
  ._1nivbwe12 ._1nivbwej {
200
200
  font-size: 18px;
201
- text-align: left;
201
+ text-align: center;
202
202
  line-height: 1.44;
203
203
  letter-spacing: 0.2px;
204
204
  font-weight: 400;
@@ -208,6 +208,7 @@ tr:last-child td {
208
208
  text-align: left;
209
209
  }
210
210
  ._1nivbwe12 ._1nivbwed {
211
+ text-align: center;
211
212
  background: #f4f4f4;
212
213
  }
213
214
  ._1nivbwe12 tr:nth-child(even) td {
@@ -216,20 +217,50 @@ tr:last-child td {
216
217
  ._1nivbwe12 tr:nth-child(odd) td {
217
218
  background: #ffffff !important;
218
219
  }
220
+ ._1nivbwe12 tr th:first-child {
221
+ text-align: left;
222
+ }
223
+ ._1nivbwe12 tr td:first-child {
224
+ text-align: left;
225
+ }
226
+ ._1nivbwe12:has(td:nth-child(3):is(:last-child)) {
227
+ min-width: unset;
228
+ width: 100%;
229
+ }
230
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
231
+ width: 33%;
232
+ }
233
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th {
234
+ width: 33%;
235
+ }
236
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
237
+ position: relative;
238
+ }
239
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
240
+ position: relative;
241
+ }
242
+ ._1nivbwe12 tr td:first-child p {
243
+ justify-content: left;
244
+ }
245
+ ._1nivbwe12 tr th:first-child ._1nivbwe7 p {
246
+ justify-content: left;
247
+ }
219
248
  ._1nivbwe12 tr td, ._1nivbwe12 tr th {
220
249
  border-bottom: 0;
221
250
  }
222
- ._1nivbwe12 tr ._1nivbwed:first-child {
223
- width: 50%;
224
- }
225
251
  ._1nivbwe13 {
226
252
  margin-bottom: 1rem;
227
253
  }
228
254
  th .flex.middle.center {
229
- display: inline-block;
230
255
  vertical-align: top;
231
256
  text-align: center;
232
- width: 90%;
257
+ width: 100%;
258
+ }
259
+ td:has(.flex.middle):first-child {
260
+ justify-content: left;
261
+ }
262
+ th:first-child:has(.flex.middle) {
263
+ justify-content: left;
233
264
  }
234
265
  td:has(.flex.middle span.img_fluid) .flex.middle {
235
266
  flex-wrap: nowrap;
@@ -243,7 +274,7 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
243
274
  box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
244
275
  z-index: 2;
245
276
  top: 0;
246
- width: 25%;
277
+ min-width: 150px;
247
278
  }
248
279
  ._1nivbweg:first-child {
249
280
  background: var(--_1073cm8f);
@@ -257,33 +288,30 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
257
288
  ._1nivbwej:first-child {
258
289
  box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
259
290
  z-index: 2;
260
- width: 25%;
261
291
  }
262
292
  ._1nivbwew {
263
293
  border-radius: 0;
264
294
  overflow: auto;
265
- min-width: 900px;
266
295
  width: auto;
267
296
  }
268
- ._1nivbwe12 tr ._1nivbwed:first-child {
269
- width: 25%;
270
- }
271
- }
272
- @media screen and (max-width: 400px) {
273
- ._1nivbwed:first-child {
274
- width: 20%;
297
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
298
+ font-size: 14px;
299
+ min-width: unset;
300
+ width: 30%;
275
301
  }
276
- ._1nivbwej:first-child {
277
- width: 20%;
302
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th {
303
+ min-width: unset;
304
+ width: 30%;
278
305
  }
279
- ._1nivbwew {
280
- min-width: 650px;
306
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
307
+ box-shadow: none;
308
+ z-index: 0;
309
+ width: 40%;
281
310
  }
282
- th .flex.middle.center {
283
- overflow-wrap: normal;
284
- }
285
- td:has(.flex.middle span.img_fluid) .flex.middle {
286
- overflow-wrap: normal;
311
+ ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
312
+ box-shadow: none;
313
+ z-index: 0;
314
+ width: 40%;
287
315
  }
288
316
  }
289
317
  @media screen and (max-width: 327px) {
@@ -314,4 +342,12 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
314
342
  ._1nivbwe12 {
315
343
  min-width: 100%;
316
344
  }
345
+ }
346
+ @media screen and (max-width: 400px) {
347
+ th .flex.middle.center {
348
+ overflow-wrap: break-word;
349
+ }
350
+ td:has(.flex.middle span.img_fluid) .flex.middle {
351
+ overflow-wrap: normal;
352
+ }
317
353
  }
package/dist/main.d.ts CHANGED
@@ -12,6 +12,7 @@ export * from './DownloadTile';
12
12
  export * from './ExecutiveBio';
13
13
  export * from './FaqAccordion';
14
14
  export * from './FooterDisclosure';
15
+ export * from './FooterSiteMap';
15
16
  export * from './Forms';
16
17
  export * from './HeroBanner';
17
18
  export * from './Hyperlink';
package/dist/main.js CHANGED
@@ -19,6 +19,8 @@ import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
19
19
  import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
20
20
  import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
21
21
  import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
22
+ import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
23
+ import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap/AxosBank/FooterSiteMap.css.js";
22
24
  import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
23
25
  import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
24
26
  import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
@@ -94,6 +96,7 @@ export {
94
96
  AlertBanner,
95
97
  ApyCalculator,
96
98
  default4 as ArrowIcon,
99
+ AxosFooterSiteMap,
97
100
  default5 as AxosX,
98
101
  default6 as AxosXBlue,
99
102
  BulletItem,
@@ -166,6 +169,7 @@ export {
166
169
  accordion,
167
170
  actions,
168
171
  alternate_color_rows,
172
+ app_col,
169
173
  apy_billboard,
170
174
  apy_table,
171
175
  associatedEmail,
@@ -211,9 +215,17 @@ export {
211
215
  footerDisclosure,
212
216
  footerLink,
213
217
  footerParagraph,
218
+ footer_mobile,
219
+ footer_section,
220
+ footer_wrapper,
214
221
  form,
215
222
  formContainer,
216
223
  formWrapper,
224
+ ft_col,
225
+ ft_col_header,
226
+ ft_col_subheader,
227
+ ft_panel,
228
+ ft_panel_group,
217
229
  getVariant,
218
230
  getVariantWithRegex,
219
231
  header,
@@ -261,6 +273,7 @@ export {
261
273
  media,
262
274
  mh_330,
263
275
  modifier,
276
+ nested_grid,
264
277
  ol,
265
278
  padding,
266
279
  paragraph,
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.47",
4
+ "version": "0.0.49",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",