@axos-web-dev/shared-components 1.0.77-patch.70 → 1.0.77-patch.71

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.
@@ -4,6 +4,8 @@ export type BoatMooringLocationInputs = {
4
4
  email: string;
5
5
  firstName: string;
6
6
  lastName: string;
7
+ boatOwnedByLlc: "Yes" | "No";
8
+ llcName: string;
7
9
  boatName: string;
8
10
  marinaAddress: string;
9
11
  marinaAddress2: string;
@@ -19,7 +21,10 @@ export type BoatMooringLocationInputs = {
19
21
  extraState: string;
20
22
  extraZip: string;
21
23
  extraCountry: string;
22
- charterType: "Limited Charter" | "Full-time Charter";
24
+ charterType: "Limited Charter" | "Full-time Charter" | "";
23
25
  charterCompany: string;
26
+ insuranceCompanyName: string;
27
+ insurancePolicyExpirationDate: string;
28
+ insuranceContactEmailAddress: string;
24
29
  };
25
30
  export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
@@ -54,8 +54,14 @@ const BoatMooringLocation = ({
54
54
  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
55
55
  const schema = z.object({
56
56
  email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
57
- firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
58
- lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
57
+ firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
58
+ message: "First Name is required."
59
+ }).trim().min(1, { message: "First Name is required." }),
60
+ lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
61
+ message: "Last Name is required."
62
+ }).trim().min(1, { message: "Last Name is required." }),
63
+ boatOwnedByLlc: z.string().trim().optional().or(z.literal("")),
64
+ llcName: z.string().trim().optional().or(z.literal("")),
59
65
  boatName: z.string().trim(),
60
66
  marinaAddress: z.string().trim(),
61
67
  marinaAddress2: z.string().trim().optional().or(z.literal("")),
@@ -72,7 +78,16 @@ const BoatMooringLocation = ({
72
78
  extraZip: z.string().trim().optional().or(z.literal("")),
73
79
  extraCountry: z.string().trim().optional().or(z.literal("")),
74
80
  charterType: z.string().trim().optional().or(z.literal("")),
75
- charterCompany: z.string().trim().optional().or(z.literal(""))
81
+ charterCompany: z.string().trim().optional().or(z.literal("")),
82
+ insuranceCompanyName: z.string().trim().optional().or(z.literal("")),
83
+ insurancePolicyExpirationDate: z.string().trim().optional().or(z.literal("")),
84
+ insuranceContactEmailAddress: z.string().trim().email({ message: "Invalid email address." }).optional().or(z.literal("")).refine(
85
+ async (value) => {
86
+ if (!value) return true;
87
+ return await cachedEmailValidator(value);
88
+ },
89
+ { message: "Invalid email address." }
90
+ )
76
91
  });
77
92
  const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
78
93
  if (!isValidHoneyPot(data)) {
@@ -81,11 +96,39 @@ const BoatMooringLocation = ({
81
96
  message: "fields are not valid."
82
97
  });
83
98
  }
99
+ if (data.boatOwnedByLlc === "Yes" && !String(data.llcName ?? "").trim()) {
100
+ ctx.addIssue({
101
+ code: z.ZodIssueCode.custom,
102
+ message: "Name of LLC is required.",
103
+ path: ["llcName"]
104
+ });
105
+ }
106
+ if (data.charter === "No") {
107
+ if (!String(data.insuranceCompanyName ?? "").trim()) {
108
+ ctx.addIssue({
109
+ code: z.ZodIssueCode.custom,
110
+ message: "Insurance Company Name is required.",
111
+ path: ["insuranceCompanyName"]
112
+ });
113
+ }
114
+ if (!String(data.insurancePolicyExpirationDate ?? "").trim()) {
115
+ ctx.addIssue({
116
+ code: z.ZodIssueCode.custom,
117
+ message: "Insurance Policy Expiration Date is required.",
118
+ path: ["insurancePolicyExpirationDate"]
119
+ });
120
+ }
121
+ if (!String(data.insuranceContactEmailAddress ?? "").trim()) {
122
+ ctx.addIssue({
123
+ code: z.ZodIssueCode.custom,
124
+ message: "Insurance Contact Email Address is required.",
125
+ path: ["insuranceContactEmailAddress"]
126
+ });
127
+ }
128
+ }
84
129
  });
85
130
  const methods = useForm({
86
- resolver: zodResolver(gen_schema, {
87
- async: true
88
- }),
131
+ resolver: zodResolver(gen_schema),
89
132
  mode: "all",
90
133
  shouldUnregister: true,
91
134
  defaultValues: {
@@ -99,9 +142,12 @@ const BoatMooringLocation = ({
99
142
  formState: { errors, isValid, isSubmitting }
100
143
  } = methods;
101
144
  const seasonMove = watch("seasonallyMove");
102
- const isCharter = watch("charter");
145
+ const charter = watch("charter");
146
+ const boatOwnedByLlc = watch("boatOwnedByLlc");
103
147
  const renderExtraFields = seasonMove === "Yes";
104
- const renderCharterFields = isCharter === "Yes";
148
+ const renderCharterFields = charter === "Yes";
149
+ const renderInsuranceFields = charter === "No";
150
+ const renderLlcNameField = boatOwnedByLlc === "Yes";
105
151
  const submitForm = async (data) => {
106
152
  await onSubmit(data);
107
153
  };
@@ -143,7 +189,7 @@ const BoatMooringLocation = ({
143
189
  label: "First Name",
144
190
  sizes: "medium",
145
191
  required: true,
146
- error: !!errors.email,
192
+ error: !!errors.firstName,
147
193
  helperText: errors.firstName?.message,
148
194
  variant
149
195
  }
@@ -158,7 +204,7 @@ const BoatMooringLocation = ({
158
204
  label: "Last Name",
159
205
  sizes: "medium",
160
206
  required: true,
161
- error: !!errors.email,
207
+ error: !!errors.lastName,
162
208
  helperText: errors.lastName?.message,
163
209
  variant
164
210
  }
@@ -198,7 +244,7 @@ const BoatMooringLocation = ({
198
244
  {
199
245
  id: "marinaAddress",
200
246
  ...register("marinaAddress", { required: true }),
201
- label: "Marina Address",
247
+ label: "Marina Address Line 1",
202
248
  sizes: "medium",
203
249
  required: true,
204
250
  helperText: errors.marinaAddress?.message,
@@ -209,7 +255,8 @@ const BoatMooringLocation = ({
209
255
  Input,
210
256
  {
211
257
  id: "marinaAddress2",
212
- label: "Alternate Marina Address (if applicable)",
258
+ ...register("marinaAddress2"),
259
+ label: "Marina Address Line 2 (optional)",
213
260
  sizes: "medium",
214
261
  required: false,
215
262
  helperText: errors.marinaAddress2?.message,
@@ -264,6 +311,51 @@ const BoatMooringLocation = ({
264
311
  variant
265
312
  }
266
313
  ) }),
314
+ /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
315
+ RadioButtonSet,
316
+ {
317
+ id: "boatOwnedByLlc",
318
+ label: "Is your boat owned by an LLC?",
319
+ sizes: "medium",
320
+ required: true,
321
+ error: !!errors.boatOwnedByLlc,
322
+ helperText: errors.boatOwnedByLlc?.message,
323
+ variant,
324
+ children: [
325
+ /* @__PURE__ */ jsx(
326
+ RadioButton,
327
+ {
328
+ ...register("boatOwnedByLlc"),
329
+ value: "Yes",
330
+ radioText: "Yes",
331
+ groupName: "boatOwnedByLlc"
332
+ }
333
+ ),
334
+ /* @__PURE__ */ jsx(
335
+ RadioButton,
336
+ {
337
+ ...register("boatOwnedByLlc"),
338
+ value: "No",
339
+ radioText: "No",
340
+ groupName: "boatOwnedByLlc"
341
+ }
342
+ )
343
+ ]
344
+ }
345
+ ) }),
346
+ renderLlcNameField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
347
+ Input,
348
+ {
349
+ id: "llcName",
350
+ ...register("llcName"),
351
+ label: "Name of LLC",
352
+ sizes: "medium",
353
+ required: true,
354
+ error: !!errors.llcName,
355
+ helperText: errors.llcName?.message,
356
+ variant
357
+ }
358
+ ) }),
267
359
  /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
268
360
  RadioButtonSet,
269
361
  {
@@ -306,7 +398,7 @@ const BoatMooringLocation = ({
306
398
  {
307
399
  id: "extraMarinaAddress",
308
400
  ...register("extraMarinaAddress"),
309
- label: "Marina Address",
401
+ label: "Marina Address Line 1",
310
402
  sizes: "medium",
311
403
  required: false,
312
404
  helperText: errors.extraMarinaAddress?.message,
@@ -317,7 +409,8 @@ const BoatMooringLocation = ({
317
409
  Input,
318
410
  {
319
411
  id: "extraMarinaAddress2",
320
- label: "Alternate Marina Address (if applicable)",
412
+ ...register("extraMarinaAddress2"),
413
+ label: "Marina Address Line 2 (optional)",
321
414
  sizes: "medium",
322
415
  required: false,
323
416
  helperText: errors.extraMarinaAddress2?.message,
@@ -377,7 +470,7 @@ const BoatMooringLocation = ({
377
470
  RadioButtonSet,
378
471
  {
379
472
  id: "charter",
380
- label: "Is your boat a charter?",
473
+ label: "Is your boat in charter?",
381
474
  sizes: "medium",
382
475
  required: true,
383
476
  error: !!errors.charter,
@@ -451,6 +544,48 @@ const BoatMooringLocation = ({
451
544
  }
452
545
  ) })
453
546
  ] }),
547
+ renderInsuranceFields && /* @__PURE__ */ jsxs(Fragment, { children: [
548
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
549
+ Input,
550
+ {
551
+ id: "insuranceCompanyName",
552
+ ...register("insuranceCompanyName"),
553
+ label: "Insurance Company Name",
554
+ sizes: "medium",
555
+ required: true,
556
+ error: !!errors.insuranceCompanyName,
557
+ helperText: errors.insuranceCompanyName?.message,
558
+ variant
559
+ }
560
+ ) }),
561
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
562
+ Input,
563
+ {
564
+ id: "insurancePolicyExpirationDate",
565
+ ...register("insurancePolicyExpirationDate"),
566
+ label: "Insurance Policy Expiration Date",
567
+ sizes: "medium",
568
+ type: "date",
569
+ required: true,
570
+ error: !!errors.insurancePolicyExpirationDate,
571
+ helperText: errors.insurancePolicyExpirationDate?.message,
572
+ variant
573
+ }
574
+ ) }),
575
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
576
+ Input,
577
+ {
578
+ id: "insuranceContactEmailAddress",
579
+ ...register("insuranceContactEmailAddress"),
580
+ label: "Insurance Contact Email Address",
581
+ sizes: "medium",
582
+ required: true,
583
+ error: !!errors.insuranceContactEmailAddress,
584
+ helperText: errors.insuranceContactEmailAddress?.message,
585
+ variant
586
+ }
587
+ ) })
588
+ ] }),
454
589
  /* @__PURE__ */ jsx(HoneyPot, { register, variant })
455
590
  ] }),
456
591
  children,
@@ -1,30 +1,30 @@
1
- import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_7ufer_1";
2
- const drawer = "_drawer_7ufer_9";
3
- const mobileNavRow = "_mobileNavRow_7ufer_29";
4
- const loginTrigger = "_loginTrigger_7ufer_35";
5
- const hamburger = "_hamburger_7ufer_51";
6
- const loginDrawerTitle = "_loginDrawerTitle_7ufer_73";
7
- const loginDrawerContent = "_loginDrawerContent_7ufer_79";
8
- const header = "_header_7ufer_85";
9
- const back = "_back_7ufer_96";
10
- const close = "_close_7ufer_104";
11
- const levelContainer = "_levelContainer_7ufer_115";
12
- const level = "_level_7ufer_115";
13
- const levelTitle = "_levelTitle_7ufer_131";
14
- const menu = "_menu_7ufer_136";
15
- const menuItem = "_menuItem_7ufer_152";
16
- const loginAccordion = "_loginAccordion_7ufer_168";
17
- const loginAccordionList = "_loginAccordionList_7ufer_172";
18
- const loginAccordionGroup = "_loginAccordionGroup_7ufer_178";
19
- const loginAccordionHeading = "_loginAccordionHeading_7ufer_215";
20
- const loginAccordionGroupList = "_loginAccordionGroupList_7ufer_225";
21
- const loginHeading = "_loginHeading_7ufer_269";
22
- const chevron = "_chevron_7ufer_279";
23
- const chevronIcon = "_chevronIcon_7ufer_284";
24
- const quickLinks = "_quickLinks_7ufer_295";
25
- const quickLink = "_quickLink_7ufer_295";
26
- const sr_only = "_sr_only_7ufer_319";
27
- const loginAccordionOverlay = "_loginAccordionOverlay_7ufer_344";
1
+ import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_hbh7s_1";
2
+ const drawer = "_drawer_hbh7s_9";
3
+ const mobileNavRow = "_mobileNavRow_hbh7s_29";
4
+ const loginTrigger = "_loginTrigger_hbh7s_35";
5
+ const hamburger = "_hamburger_hbh7s_51";
6
+ const loginDrawerTitle = "_loginDrawerTitle_hbh7s_73";
7
+ const loginDrawerContent = "_loginDrawerContent_hbh7s_79";
8
+ const header = "_header_hbh7s_85";
9
+ const back = "_back_hbh7s_96";
10
+ const close = "_close_hbh7s_104";
11
+ const levelContainer = "_levelContainer_hbh7s_115";
12
+ const level = "_level_hbh7s_115";
13
+ const levelTitle = "_levelTitle_hbh7s_131";
14
+ const menu = "_menu_hbh7s_136";
15
+ const menuItem = "_menuItem_hbh7s_152";
16
+ const loginAccordion = "_loginAccordion_hbh7s_168";
17
+ const loginAccordionList = "_loginAccordionList_hbh7s_172";
18
+ const loginAccordionGroup = "_loginAccordionGroup_hbh7s_178";
19
+ const loginAccordionHeading = "_loginAccordionHeading_hbh7s_215";
20
+ const loginAccordionGroupList = "_loginAccordionGroupList_hbh7s_225";
21
+ const loginHeading = "_loginHeading_hbh7s_269";
22
+ const chevron = "_chevron_hbh7s_279";
23
+ const chevronIcon = "_chevronIcon_hbh7s_284";
24
+ const quickLinks = "_quickLinks_hbh7s_295";
25
+ const quickLink = "_quickLink_hbh7s_295";
26
+ const sr_only = "_sr_only_hbh7s_319";
27
+ const loginAccordionOverlay = "_loginAccordionOverlay_hbh7s_344";
28
28
  const styles = {
29
29
  overlay,
30
30
  drawer,
@@ -251,7 +251,10 @@ export declare const menuData: {
251
251
  Business: {
252
252
  "Business Banking Login": string;
253
253
  "MWA Business Login": string;
254
- "Commercial Portal": string;
254
+ };
255
+ Commercial: {
256
+ "Commercial Online Banking Login": string;
257
+ "Commercial Loan Portal": string;
255
258
  };
256
259
  Partners: {
257
260
  "Wholesale and Correspondent": string;
@@ -180,7 +180,9 @@ const menuData = {
180
180
  "ATM Locator": findMoreAxosDomains(
181
181
  "{AXOSBANK}/personal/support/atm-locator"
182
182
  ),
183
- "Refer-a-Friend": findMoreAxosDomains("{AXOSBANK}/referral-program"),
183
+ "Refer-a-Friend": findMoreAxosDomains(
184
+ "{AXOSBANK}/personal/bank/refer-a-friend"
185
+ ),
184
186
  Insights: findMoreAxosDomains("{AXOSBANK}/personal/insights")
185
187
  },
186
188
  Borrow: {
@@ -410,7 +412,9 @@ const menuData = {
410
412
  "{AXOSBANK}/tools/calculators/saving-to-start-a-business-calculator"
411
413
  )
412
414
  },
413
- "Refer-a-Business": findMoreAxosDomains("{AXOSBANK}/referral-program"),
415
+ "Refer-a-Business": findMoreAxosDomains(
416
+ "{AXOSBANK}/business/refer-a-business"
417
+ ),
414
418
  Insights: findMoreAxosDomains("{AXOSBANK}/business/insights")
415
419
  },
416
420
  "Commercial Banking": {
@@ -609,8 +613,13 @@ const menuData = {
609
613
  ),
610
614
  "MWA Business Login": findMoreAxosDomains(
611
615
  "{AXOSBANK}/business/mwa-business-banking"
616
+ )
617
+ },
618
+ Commercial: {
619
+ "Commercial Online Banking Login": findMoreAxosDomains(
620
+ "https://ace.axos.com/"
612
621
  ),
613
- "Commercial Portal": findMoreAxosDomains(
622
+ "Commercial Loan Portal": findMoreAxosDomains(
614
623
  "{AXOSBANK}/commercial/lending/commercial-portal"
615
624
  )
616
625
  },
@@ -1020,7 +1020,7 @@ function SubNavBar() {
1020
1020
  Link,
1021
1021
  {
1022
1022
  href: findMoreAxosDomains(
1023
- "{AXOSBANK}/referral-program"
1023
+ "{AXOSBANK}/personal/bank/refer-a-friend"
1024
1024
  ),
1025
1025
  role: "heading",
1026
1026
  children: "Refer-a-Friend"
@@ -2386,7 +2386,7 @@ function SubNavBar() {
2386
2386
  Link,
2387
2387
  {
2388
2388
  href: findMoreAxosDomains(
2389
- "{AXOSBANK}/referral-program"
2389
+ "{AXOSBANK}/business/refer-a-business"
2390
2390
  ),
2391
2391
  role: "heading",
2392
2392
  children: "Refer-a-Business"
@@ -499,6 +499,33 @@ function NavBar({
499
499
  }
500
500
  )
501
501
  }
502
+ )
503
+ ] })
504
+ ] }),
505
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
506
+ /* @__PURE__ */ jsx(
507
+ "a",
508
+ {
509
+ className: styles.signin_header,
510
+ href: findMoreAxosDomains("{AXOSBANK}/commercial"),
511
+ children: "Commercial"
512
+ }
513
+ ),
514
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
515
+ /* @__PURE__ */ jsx(
516
+ "li",
517
+ {
518
+ className: `${styles.signin_subheader} ${signin_subheader}`,
519
+ children: /* @__PURE__ */ jsx(
520
+ "a",
521
+ {
522
+ href: findMoreAxosDomains(
523
+ "https://ace.axos.com/"
524
+ ),
525
+ children: "Commercial Online Banking Login"
526
+ }
527
+ )
528
+ }
502
529
  ),
503
530
  /* @__PURE__ */ jsx(
504
531
  "li",
@@ -510,7 +537,7 @@ function NavBar({
510
537
  href: findMoreAxosDomains(
511
538
  "{AXOSBANK}/commercial/lending/commercial-portal"
512
539
  ),
513
- children: "Commercial Portal"
540
+ children: "Commercial Loan Portal"
514
541
  }
515
542
  )
516
543
  }
@@ -1,4 +1,4 @@
1
- ._overlay_7ufer_1 {
1
+ ._overlay_hbh7s_1 {
2
2
  position: fixed;
3
3
  inset: 0;
4
4
  height: 100vh;
@@ -6,7 +6,7 @@
6
6
  z-index: 10000;
7
7
  }
8
8
 
9
- ._drawer_7ufer_9 {
9
+ ._drawer_hbh7s_9 {
10
10
  background: #fff;
11
11
  border-radius: 0 0 0 1rem;
12
12
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
@@ -22,17 +22,17 @@
22
22
  z-index: 10001;
23
23
  }
24
24
 
25
- ._drawer_7ufer_9::-webkit-scrollbar {
25
+ ._drawer_hbh7s_9::-webkit-scrollbar {
26
26
  display: none;
27
27
  }
28
28
 
29
- ._mobileNavRow_7ufer_29 {
29
+ ._mobileNavRow_hbh7s_29 {
30
30
  display: flex;
31
31
  align-items: center;
32
32
  gap: 16px;
33
33
  }
34
34
 
35
- ._loginTrigger_7ufer_35 {
35
+ ._loginTrigger_hbh7s_35 {
36
36
  background: transparent;
37
37
  border: none;
38
38
  color: var(--_1073cm83);
@@ -44,11 +44,11 @@
44
44
  transition: opacity 0.2s ease;
45
45
  }
46
46
 
47
- ._loginTrigger_7ufer_35:hover {
47
+ ._loginTrigger_hbh7s_35:hover {
48
48
  opacity: 0.85;
49
49
  }
50
50
 
51
- ._hamburger_7ufer_51 {
51
+ ._hamburger_hbh7s_51 {
52
52
  background: transparent;
53
53
  border: none;
54
54
  cursor: pointer;
@@ -56,7 +56,7 @@
56
56
  position: relative;
57
57
  }
58
58
 
59
- ._hamburger_7ufer_51::before {
59
+ ._hamburger_hbh7s_51::before {
60
60
  content: "";
61
61
  position: absolute;
62
62
  left: -7px;
@@ -66,23 +66,23 @@
66
66
  top: -2px;
67
67
  }
68
68
 
69
- ._hamburger_7ufer_51:hover {
69
+ ._hamburger_hbh7s_51:hover {
70
70
  opacity: 0.8;
71
71
  }
72
72
 
73
- ._loginDrawerTitle_7ufer_73 {
73
+ ._loginDrawerTitle_hbh7s_73 {
74
74
  font-weight: 700;
75
75
  font-size: 1rem;
76
76
  color: var(--_1073cm83);
77
77
  }
78
78
 
79
- ._loginDrawerContent_7ufer_79 {
79
+ ._loginDrawerContent_hbh7s_79 {
80
80
  padding: 1rem 1.2rem 1.2rem;
81
81
  overflow: auto;
82
82
  flex: 1;
83
83
  }
84
84
 
85
- ._header_7ufer_85 {
85
+ ._header_hbh7s_85 {
86
86
  display: flex;
87
87
  align-items: center;
88
88
  background: #f4f4f4;
@@ -93,7 +93,7 @@
93
93
  z-index: 1;
94
94
  }
95
95
 
96
- ._back_7ufer_96 {
96
+ ._back_hbh7s_96 {
97
97
  color: var(--_1073cm83);
98
98
  font-size: 1rem;
99
99
  font-weight: 700;
@@ -101,23 +101,23 @@
101
101
  padding: 0;
102
102
  }
103
103
 
104
- ._close_7ufer_104 {
104
+ ._close_hbh7s_104 {
105
105
  font-size: 1.3rem;
106
106
  }
107
107
 
108
- ._back_7ufer_96,
109
- ._close_7ufer_104 {
108
+ ._back_hbh7s_96,
109
+ ._close_hbh7s_104 {
110
110
  background: none;
111
111
  border: none;
112
112
  cursor: pointer;
113
113
  }
114
114
 
115
- ._levelContainer_7ufer_115 {
115
+ ._levelContainer_hbh7s_115 {
116
116
  height: 100%;
117
117
  position: relative;
118
118
  }
119
119
 
120
- ._level_7ufer_115 {
120
+ ._level_hbh7s_115 {
121
121
  background: var(--_1073cm86);
122
122
  color: var(--_1073cm85);
123
123
  font-size: 0.9rem;
@@ -128,12 +128,12 @@
128
128
  z-index: 1;
129
129
  }
130
130
 
131
- ._levelTitle_7ufer_131 {
131
+ ._levelTitle_hbh7s_131 {
132
132
  font: 700 0.9rem / 1.39 var(--main-font-family);
133
133
  letter-spacing: 0.4px;
134
134
  }
135
135
 
136
- ._menu_7ufer_136 {
136
+ ._menu_hbh7s_136 {
137
137
  background-color: transparent;
138
138
  list-style: none;
139
139
  margin: 0;
@@ -142,14 +142,14 @@
142
142
  position: relative;
143
143
  }
144
144
 
145
- ._menu_7ufer_136 li {
145
+ ._menu_hbh7s_136 li {
146
146
  color: var(--_1073cm83);
147
147
  font-family: var(--header-font-family);
148
148
  font-weight: 500;
149
149
  border-top: 1px solid #e9e9e9;
150
150
  }
151
151
 
152
- ._menuItem_7ufer_152 {
152
+ ._menuItem_hbh7s_152 {
153
153
  display: flex;
154
154
  align-items: center;
155
155
  background: none;
@@ -165,31 +165,31 @@
165
165
  width: 100%;
166
166
  }
167
167
 
168
- ._loginAccordion_7ufer_168 {
168
+ ._loginAccordion_hbh7s_168 {
169
169
  padding: 0;
170
170
  }
171
171
 
172
- ._loginAccordionList_7ufer_172 {
172
+ ._loginAccordionList_hbh7s_172 {
173
173
  list-style: none;
174
174
  margin: 0;
175
175
  padding: 0;
176
176
  }
177
177
 
178
- ._loginAccordionGroup_7ufer_178 {
178
+ ._loginAccordionGroup_hbh7s_178 {
179
179
  padding-block: 4px;
180
180
  }
181
181
 
182
- ._loginAccordionGroup_7ufer_178 + ._loginAccordionGroup_7ufer_178 {
182
+ ._loginAccordionGroup_hbh7s_178 + ._loginAccordionGroup_hbh7s_178 {
183
183
  margin-top: 2px;
184
184
  position: relative;
185
185
  }
186
186
 
187
- ._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) {
187
+ ._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child) {
188
188
  padding-top: 12px;
189
189
  margin-top: 12px;
190
190
  }
191
191
 
192
- ._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child)::before {
192
+ ._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child)::before {
193
193
  content: "";
194
194
  background-color: #8f8f8f;
195
195
  height: 2px;
@@ -200,7 +200,7 @@
200
200
  width: 94%;
201
201
  }
202
202
 
203
- ._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) > span {
203
+ ._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child) > span {
204
204
  position: absolute;
205
205
  border: 0;
206
206
  clip: rect(0, 0, 0, 0);
@@ -212,7 +212,7 @@
212
212
  width: 1px;
213
213
  }
214
214
 
215
- ._loginAccordionHeading_7ufer_215 {
215
+ ._loginAccordionHeading_hbh7s_215 {
216
216
  display: block;
217
217
  font-family: var(--header-font-family);
218
218
  font-weight: 700;
@@ -222,18 +222,18 @@
222
222
  padding: 0.35rem 0 0.2rem;
223
223
  }
224
224
 
225
- ._loginAccordionGroupList_7ufer_225 {
225
+ ._loginAccordionGroupList_hbh7s_225 {
226
226
  list-style: none;
227
227
  margin: 0;
228
228
  padding: 0 0 0 8px;
229
229
  }
230
230
 
231
- ._loginAccordionList_7ufer_172 li {
231
+ ._loginAccordionList_hbh7s_172 li {
232
232
  font-family: var(--header-font-family);
233
233
  font-weight: 500;
234
234
  }
235
235
 
236
- ._loginAccordionList_7ufer_172 li li {
236
+ ._loginAccordionList_hbh7s_172 li li {
237
237
  border-top: none;
238
238
  color: #1e629a;
239
239
  font-weight: 400;
@@ -241,22 +241,22 @@
241
241
  font-family: var(--main-font-family);
242
242
  }
243
243
 
244
- ._loginAccordionList_7ufer_172 ._menuItem_7ufer_152 {
244
+ ._loginAccordionList_hbh7s_172 ._menuItem_hbh7s_152 {
245
245
  display: inline;
246
246
  padding-block: 0px;
247
247
  }
248
248
 
249
- ._loginAccordionList_7ufer_172 ._menuItem_7ufer_152:hover {
249
+ ._loginAccordionList_hbh7s_172 ._menuItem_hbh7s_152:hover {
250
250
  opacity: 0.7;
251
251
  }
252
252
 
253
- ._loginAccordion_7ufer_168 > ._menuItem_7ufer_152 {
253
+ ._loginAccordion_hbh7s_168 > ._menuItem_hbh7s_152 {
254
254
  padding-block: 4px;
255
255
  position: relative;
256
256
  isolation: isolate;
257
257
  }
258
258
 
259
- ._loginAccordion_7ufer_168 > ._menuItem_7ufer_152::after {
259
+ ._loginAccordion_hbh7s_168 > ._menuItem_hbh7s_152::after {
260
260
  content: "return to menu";
261
261
  position: absolute;
262
262
  right: 36px;
@@ -266,7 +266,7 @@
266
266
  letter-spacing: 0.5px;
267
267
  }
268
268
 
269
- ._loginHeading_7ufer_269 {
269
+ ._loginHeading_hbh7s_269 {
270
270
  font-family: var(--header-font-family);
271
271
  font-size: 20px;
272
272
  font-weight: 700;
@@ -276,23 +276,23 @@
276
276
  gap: 8px;
277
277
  }
278
278
 
279
- ._chevron_7ufer_279 {
279
+ ._chevron_hbh7s_279 {
280
280
  font-size: 1.2rem;
281
281
  margin-left: auto;
282
282
  }
283
283
 
284
- ._chevronIcon_7ufer_284 {
284
+ ._chevronIcon_hbh7s_284 {
285
285
  height: auto;
286
286
  margin-right: 10px;
287
287
  max-width: 8px;
288
288
  }
289
289
 
290
- body:has(._drawer_7ufer_9) {
290
+ body:has(._drawer_hbh7s_9) {
291
291
  overflow-y: hidden;
292
292
  position: relative;
293
293
  }
294
294
 
295
- ._quickLinks_7ufer_295 {
295
+ ._quickLinks_hbh7s_295 {
296
296
  background-color: #e8f7ff;
297
297
  bottom: 0;
298
298
  box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
@@ -302,7 +302,7 @@ body:has(._drawer_7ufer_9) {
302
302
  position: sticky;
303
303
  }
304
304
 
305
- ._quickLink_7ufer_295 {
305
+ ._quickLink_hbh7s_295 {
306
306
  display: flex;
307
307
  align-items: center;
308
308
  color: var(--_1073cm83);
@@ -316,7 +316,7 @@ body:has(._drawer_7ufer_9) {
316
316
  text-transform: uppercase;
317
317
  }
318
318
 
319
- ._sr_only_7ufer_319 {
319
+ ._sr_only_hbh7s_319 {
320
320
  position: absolute;
321
321
  border: 0;
322
322
  clip: rect(0, 0, 0, 0);
@@ -329,25 +329,25 @@ body:has(._drawer_7ufer_9) {
329
329
  }
330
330
 
331
331
  @media (max-width: 540px) {
332
- ._drawer_7ufer_9 {
332
+ ._drawer_hbh7s_9 {
333
333
  border-radius: 0;
334
334
  max-width: none;
335
335
  width: 100%;
336
336
  }
337
- ._menu_7ufer_136 li + li {
337
+ ._menu_hbh7s_136 li + li {
338
338
  margin-top: 3px;
339
339
  }
340
- ._menuItem_7ufer_152 {
340
+ ._menuItem_hbh7s_152 {
341
341
  font-size: 0.9rem;
342
342
  padding: 0.65rem 0;
343
343
  }
344
- ._loginAccordionOverlay_7ufer_344::before {
344
+ ._loginAccordionOverlay_hbh7s_344::before {
345
345
  opacity: 0.1;
346
346
  }
347
347
  }
348
348
 
349
349
  @media (min-width: 541px) {
350
- ._drawer_7ufer_9:has(._loginDrawerContent_7ufer_79) {
350
+ ._drawer_hbh7s_9:has(._loginDrawerContent_hbh7s_79) {
351
351
  max-width: 345px;
352
352
  }
353
353
  }
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": "1.0.77-patch.70",
4
+ "version": "1.0.77-patch.71",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",