@axos-web-dev/shared-components 2.0.0-dev.18-apy.4 → 2.0.0-dev.18-apy.5

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 (45) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Auth/ErrorAlert.js +1 -1
  3. package/dist/Button/Button.js +1 -1
  4. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +16 -1
  5. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +9 -9
  6. package/dist/Calculators/ApyCalculator/index.js +57 -44
  7. package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
  8. package/dist/Carousel/index.js +1 -1
  9. package/dist/Chevron/index.js +1 -1
  10. package/dist/Comparison/Comparison.js +1 -1
  11. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  12. package/dist/FaqAccordion/index.js +1 -1
  13. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  14. package/dist/Forms/ApplyNow.js +1 -1
  15. package/dist/Forms/ContactUsBusiness.js +1 -1
  16. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  17. package/dist/Forms/ContactUsNMLSId.js +1 -1
  18. package/dist/Forms/CpraRequest.js +1 -1
  19. package/dist/Forms/CraPublicFile.js +1 -1
  20. package/dist/Forms/EmailOnly.js +1 -1
  21. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  22. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  23. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  24. package/dist/Forms/SuccesForm.js +1 -1
  25. package/dist/Hyperlink/index.js +1 -1
  26. package/dist/ImageLink/ImageLink.js +1 -1
  27. package/dist/ImageLink/ImageLinkSet.js +1 -1
  28. package/dist/ImageLink/index.js +1 -1
  29. package/dist/Insight/Featured/CategorySelector.js +1 -1
  30. package/dist/Insight/Featured/Featured.js +1 -1
  31. package/dist/Insight/Featured/Header.js +1 -1
  32. package/dist/Modal/Modal.js +1 -1
  33. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  34. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +1 -1
  35. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  36. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  37. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  38. package/dist/NavigationMenu/Navbar.js +1 -1
  39. package/dist/NavigationMenu/SignInNavButton.js +1 -1
  40. package/dist/SetContainer/SetContainer.js +1 -1
  41. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  42. package/dist/VideoTile/VideoTile.js +1 -1
  43. package/dist/VideoWrapper/index.js +1 -1
  44. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +24 -12
  45. package/package.json +1 -1
@@ -55,6 +55,7 @@ import "react-dom";
55
55
  import "../Auth/SignInPassword.js";
56
56
  /* empty css */
57
57
  /* empty css */
58
+ import "next/image.js";
58
59
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
59
60
  import "../Table/Table.css.js";
60
61
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -76,7 +77,6 @@ import "../Chatbot/Chatbot.js";
76
77
  import "../Chatbot/store/messages.js";
77
78
  /* empty css */
78
79
  import "../Comparison/Comparison.css.js";
79
- import "next/image.js";
80
80
  import "../HeroBanner/LargeBanner.css.js";
81
81
  import "../HeroBanner/HeroBanner.css.js";
82
82
  import "../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
40
40
  import "../Calculators/calculator.css.js";
41
41
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../Table/Table.css.js";
45
46
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -72,7 +73,6 @@ import "../Chatbot/store/messages.js";
72
73
  import { Hyperlink } from "../Hyperlink/index.js";
73
74
  /* empty css */
74
75
  import "../Comparison/Comparison.css.js";
75
- import "next/image.js";
76
76
  import "../HeroBanner/LargeBanner.css.js";
77
77
  import "../HeroBanner/HeroBanner.css.js";
78
78
  import "../HeroBanner/SelectionBanner.css.js";
@@ -24,6 +24,7 @@ import "../IconBillboard/IconBillboard.css.js";
24
24
  import "../Calculators/calculator.css.js";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import { useGlobalContext } from "../Modal/contextApi/store.js";
27
+ import "next/image.js";
27
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../Table/Table.css.js";
29
30
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../Chatbot/Chatbot.js";
79
80
  import "../Chatbot/store/messages.js";
80
81
  /* empty css */
81
82
  import "../Comparison/Comparison.css.js";
82
- import "next/image.js";
83
83
  import "../HeroBanner/LargeBanner.css.js";
84
84
  import "../HeroBanner/HeroBanner.css.js";
85
85
  import "../HeroBanner/SelectionBanner.css.js";
@@ -70,7 +70,22 @@ export declare const result_item_value: string;
70
70
  export declare const result_image: string;
71
71
  export declare const definitions_accordion: string;
72
72
  export declare const definitions_button: string;
73
- export declare const definitions_h2: string;
73
+ export declare const definitions_h2: import('@vanilla-extract/recipes').RuntimeFn<{
74
+ variant: {
75
+ primary: {
76
+ color: `var(--${string})`;
77
+ };
78
+ secondary: {
79
+ color: `var(--${string})`;
80
+ };
81
+ tertiary: {
82
+ color: `var(--${string})`;
83
+ };
84
+ quaternary: {
85
+ color: `var(--${string})`;
86
+ };
87
+ };
88
+ }>;
74
89
  export declare const definitions_panel: string;
75
90
  export declare const definitions_columns: string;
76
91
  export declare const definitions_column: string;
@@ -43,15 +43,15 @@ var result_item_value = "_1vox1xj17";
43
43
  var result_image = "_1vox1xj18";
44
44
  var definitions_accordion = "_1vox1xj19";
45
45
  var definitions_button = "_1vox1xj1a";
46
- var definitions_h2 = "_1vox1xj1b";
47
- var definitions_panel = "_1vox1xj1c";
48
- var definitions_columns = "_1vox1xj1d";
49
- var definitions_column = "_1vox1xj1e";
50
- var definitions_item = "_1vox1xj1f";
51
- var definitions_term = "_1vox1xj1g";
52
- var definitions_text = "_1vox1xj1h";
53
- var marketingTile = "_1vox1xj1i";
54
- var bodyContent = "_1vox1xj1j";
46
+ var definitions_h2 = createRuntimeFn({ defaultClassName: "_1vox1xj1b", variantClassNames: { variant: { primary: "_1vox1xj1c", secondary: "_1vox1xj1d", tertiary: "_1vox1xj1e", quaternary: "_1vox1xj1f" } }, defaultVariants: {}, compoundVariants: [] });
47
+ var definitions_panel = "_1vox1xj1g";
48
+ var definitions_columns = "_1vox1xj1h";
49
+ var definitions_column = "_1vox1xj1i";
50
+ var definitions_item = "_1vox1xj1j";
51
+ var definitions_term = "_1vox1xj1k";
52
+ var definitions_text = "_1vox1xj1l";
53
+ var marketingTile = "_1vox1xj1m";
54
+ var bodyContent = "_1vox1xj1n";
55
55
  export {
56
56
  apy_calculator,
57
57
  apy_calculator_form,
@@ -2,10 +2,11 @@
2
2
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
3
3
  import { useGlobalContext } from "../../Modal/contextApi/store.js";
4
4
  import { getVariant } from "../../utils/getVariant.js";
5
+ import Image from "next/image.js";
5
6
  import { Field, Label, Input, Description, Listbox, ListboxButton, ListboxOptions, ListboxOption, Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/react";
6
7
  import { AnimatePresence, motion } from "framer-motion";
7
8
  import { useState, useCallback, useEffect, useRef } from "react";
8
- import { apy_calculator, section_header, header_theme, mt_8, calculator_section, apy_calculator_form, fieldset, field_row, relative, field_label, field_row_input, field_row_input_error, field_error, label_symbol, percent, listbox_button, chevron_icon, listbox_options, listbox_option, optional_badge, form_disclosure, results_wrapper, result_card, result_section, result_image, result_value, scrambling, result_value_label, result_item, result_item_label, result_item_value, definitions_accordion, definitions_button, definitions_h2, definitions_panel, definitions_columns, definitions_column, definitions_item, definitions_term, definitions_text, container } from "./ApyCalculator.css.js";
9
+ import { apy_calculator, section_header, header_theme, mt_8, calculator_section, apy_calculator_form, fieldset, field_row, relative, field_label, field_row_input, field_row_input_error, field_error, label_symbol, percent, listbox_button, chevron_icon, listbox_options, listbox_option, optional_badge, form_disclosure, results_wrapper, result_card, result_section, result_image, result_value, scrambling, result_value_label, result_item, result_item_label, result_item_value, definitions_accordion, definitions_button, definitions_h2, definitions_columns, definitions_panel, definitions_column, definitions_item, definitions_term, definitions_text, container } from "./ApyCalculator.css.js";
9
10
  const COMPOUNDING_OPTIONS = [
10
11
  { value: 360, label: "Daily" },
11
12
  { value: 12, label: "Monthly" },
@@ -302,7 +303,7 @@ const ApyCalculator = ({
302
303
  type: "text",
303
304
  inputMode: "numeric",
304
305
  name: "apy",
305
- value: APYDisplay ? `$${APYDisplay}%` : "",
306
+ value: APYDisplay,
306
307
  onChange: handleAPYChange,
307
308
  onWheel: (e) => e.currentTarget.blur(),
308
309
  "aria-invalid": !!fieldErrors.APY,
@@ -448,13 +449,14 @@ const ApyCalculator = ({
448
449
  "aria-label": `Interest earned: ${interestEarnedDisplay}`,
449
450
  children: [
450
451
  /* @__PURE__ */ jsx(
451
- "img",
452
+ Image,
452
453
  {
453
454
  src: "https://www.axos.com/images/5IyqVlv7El9K7hAX0vIGWG/axb-25th-growth-lg.png",
454
455
  alt: "",
455
456
  height: 173,
456
457
  width: 202,
457
- className: `img_fluid ${result_image}`
458
+ className: `img_fluid ${result_image}`,
459
+ priority: true
458
460
  }
459
461
  ),
460
462
  /* @__PURE__ */ jsx(
@@ -502,7 +504,13 @@ const ApyCalculator = ({
502
504
  style: { paddingBlock: "0px" },
503
505
  children: /* @__PURE__ */ jsx(Disclosure, { children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
504
506
  /* @__PURE__ */ jsxs(DisclosureButton, { className: definitions_button, children: [
505
- /* @__PURE__ */ jsx("h2", { className: definitions_h2, children: "Calculator definitions" }),
507
+ /* @__PURE__ */ jsx(
508
+ "h2",
509
+ {
510
+ className: definitions_h2({ variant: getVariant(variant) }),
511
+ children: "Calculator definitions"
512
+ }
513
+ ),
506
514
  /* @__PURE__ */ jsx(
507
515
  "svg",
508
516
  {
@@ -527,49 +535,54 @@ const ApyCalculator = ({
527
535
  {
528
536
  static: true,
529
537
  as: motion.div,
530
- className: definitions_panel,
531
538
  initial: { opacity: 0, height: 0, y: -6 },
532
539
  animate: { opacity: 1, height: "auto", y: 0 },
533
540
  exit: { opacity: 0, height: 0, y: -4 },
534
541
  style: { overflow: "hidden" },
535
- children: /* @__PURE__ */ jsxs("div", { className: definitions_columns, children: [
536
- /* @__PURE__ */ jsx("div", { className: definitions_column, children: leftDefinitions.map((definition, index) => /* @__PURE__ */ jsxs(
537
- motion.div,
538
- {
539
- className: definitions_item,
540
- initial: { opacity: 0, y: 8 },
541
- animate: { opacity: 1, y: 0 },
542
- exit: { opacity: 0, y: 6 },
543
- transition: {
544
- ...DEFINITIONS_ITEM_TRANSITION,
545
- delay: index * 0.045
546
- },
547
- children: [
548
- /* @__PURE__ */ jsx("h3", { className: definitions_term, children: definition.term }),
549
- /* @__PURE__ */ jsx("p", { className: definitions_text, children: definition.description })
550
- ]
551
- },
552
- definition.term
553
- )) }),
554
- /* @__PURE__ */ jsx("div", { className: definitions_column, children: rightDefinitions.map((definition, index) => /* @__PURE__ */ jsxs(
555
- motion.div,
556
- {
557
- className: definitions_item,
558
- initial: { opacity: 0, y: 8 },
559
- animate: { opacity: 1, y: 0 },
560
- exit: { opacity: 0, y: 6 },
561
- transition: {
562
- ...DEFINITIONS_ITEM_TRANSITION,
563
- delay: (leftDefinitions.length + index) * 0.045
564
- },
565
- children: [
566
- /* @__PURE__ */ jsx("h3", { className: definitions_term, children: definition.term }),
567
- /* @__PURE__ */ jsx("p", { className: definitions_text, children: definition.description })
568
- ]
569
- },
570
- definition.term
571
- )) })
572
- ] })
542
+ children: /* @__PURE__ */ jsxs(
543
+ "div",
544
+ {
545
+ className: `${definitions_columns} ${definitions_panel}`,
546
+ children: [
547
+ /* @__PURE__ */ jsx("div", { className: definitions_column, children: leftDefinitions.map((definition, index) => /* @__PURE__ */ jsxs(
548
+ motion.div,
549
+ {
550
+ className: definitions_item,
551
+ initial: { opacity: 0, y: 8 },
552
+ animate: { opacity: 1, y: 0 },
553
+ exit: { opacity: 0, y: 6 },
554
+ transition: {
555
+ ...DEFINITIONS_ITEM_TRANSITION,
556
+ delay: index * 0.045
557
+ },
558
+ children: [
559
+ /* @__PURE__ */ jsx("h3", { className: definitions_term, children: definition.term }),
560
+ /* @__PURE__ */ jsx("p", { className: definitions_text, children: definition.description })
561
+ ]
562
+ },
563
+ definition.term
564
+ )) }),
565
+ /* @__PURE__ */ jsx("div", { className: definitions_column, children: rightDefinitions.map((definition, index) => /* @__PURE__ */ jsxs(
566
+ motion.div,
567
+ {
568
+ className: definitions_item,
569
+ initial: { opacity: 0, y: 8 },
570
+ animate: { opacity: 1, y: 0 },
571
+ exit: { opacity: 0, y: 6 },
572
+ transition: {
573
+ ...DEFINITIONS_ITEM_TRANSITION,
574
+ delay: (leftDefinitions.length + index) * 0.045
575
+ },
576
+ children: [
577
+ /* @__PURE__ */ jsx("h3", { className: definitions_term, children: definition.term }),
578
+ /* @__PURE__ */ jsx("p", { className: definitions_text, children: definition.description })
579
+ ]
580
+ },
581
+ definition.term
582
+ )) })
583
+ ]
584
+ }
585
+ )
573
586
  }
574
587
  ) })
575
588
  ] }) })
@@ -27,6 +27,7 @@ import "../../Article/Article.css.js";
27
27
  import "../../ArticlesSet/ArticlesSet.css.js";
28
28
  import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import { useGlobalContext } from "../../Modal/contextApi/store.js";
30
+ import "next/image.js";
30
31
  import "../../Table/Table.css.js";
31
32
  import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
32
33
  import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../../Chatbot/Chatbot.js";
80
81
  import "../../Chatbot/store/messages.js";
81
82
  /* empty css */
82
83
  import "../../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
84
  import "../../HeroBanner/LargeBanner.css.js";
85
85
  import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -25,6 +25,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../Calculators/calculator.css.js";
26
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../Modal/contextApi/store.js";
28
+ import "next/image.js";
28
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../Table/Table.css.js";
30
31
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -81,7 +82,6 @@ import "../Chatbot/Chatbot.js";
81
82
  import "../Chatbot/store/messages.js";
82
83
  /* empty css */
83
84
  import "../Comparison/Comparison.css.js";
84
- import "next/image.js";
85
85
  import "../HeroBanner/LargeBanner.css.js";
86
86
  import "../HeroBanner/HeroBanner.css.js";
87
87
  import "../HeroBanner/SelectionBanner.css.js";
@@ -25,6 +25,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../IconBillboard/IconBillboard.css.js";
26
26
  import "../Calculators/calculator.css.js";
27
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
+ import "next/image.js";
28
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../Table/Table.css.js";
30
31
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../Chatbot/Chatbot.js";
80
81
  import "../Chatbot/store/messages.js";
81
82
  /* empty css */
82
83
  import "../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
84
  import "../HeroBanner/LargeBanner.css.js";
85
85
  import "../HeroBanner/HeroBanner.css.js";
86
86
  import "../HeroBanner/SelectionBanner.css.js";
@@ -25,6 +25,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../Calculators/calculator.css.js";
26
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../Modal/contextApi/store.js";
28
+ import "next/image.js";
28
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../Table/Table.css.js";
30
31
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -81,7 +82,6 @@ import "../Chatbot/Chatbot.js";
81
82
  import "../Chatbot/store/messages.js";
82
83
  /* empty css */
83
84
  import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
84
- import "next/image.js";
85
85
  import "../HeroBanner/LargeBanner.css.js";
86
86
  import "../HeroBanner/HeroBanner.css.js";
87
87
  import "../HeroBanner/SelectionBanner.css.js";
@@ -30,6 +30,7 @@ import "react-use";
30
30
  import "../ArticlesSet/ArticlesSet.css.js";
31
31
  import "../Calculators/calculator.css.js";
32
32
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
33
+ import "next/image.js";
33
34
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
34
35
  import "../Table/Table.css.js";
35
36
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -82,7 +83,6 @@ import "../Chatbot/Chatbot.js";
82
83
  import "../Chatbot/store/messages.js";
83
84
  /* empty css */
84
85
  import "../Comparison/Comparison.css.js";
85
- import "next/image.js";
86
86
  import "../HeroBanner/LargeBanner.css.js";
87
87
  import "../HeroBanner/HeroBanner.css.js";
88
88
  import "../HeroBanner/SelectionBanner.css.js";
@@ -25,6 +25,7 @@ import clsx from "clsx";
25
25
  import "../Calculators/calculator.css.js";
26
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../Modal/contextApi/store.js";
28
+ import "next/image.js";
28
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../Table/Table.css.js";
30
31
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -82,7 +83,6 @@ import "../Chatbot/Chatbot.js";
82
83
  import "../Chatbot/store/messages.js";
83
84
  /* empty css */
84
85
  import "../Comparison/Comparison.css.js";
85
- import "next/image.js";
86
86
  import "../HeroBanner/LargeBanner.css.js";
87
87
  import "../HeroBanner/HeroBanner.css.js";
88
88
  import "../HeroBanner/SelectionBanner.css.js";
@@ -26,6 +26,7 @@ import "react-use";
26
26
  import "../../ArticlesSet/ArticlesSet.css.js";
27
27
  import "../../Calculators/calculator.css.js";
28
28
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
+ import "next/image.js";
29
30
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
30
31
  import "../../Table/Table.css.js";
31
32
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -78,7 +79,6 @@ import "../../Chatbot/Chatbot.js";
78
79
  import "../../Chatbot/store/messages.js";
79
80
  /* empty css */
80
81
  import "../../Comparison/Comparison.css.js";
81
- import "next/image.js";
82
82
  import "../../HeroBanner/LargeBanner.css.js";
83
83
  import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -28,6 +28,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
28
28
  import "../Calculators/calculator.css.js";
29
29
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
30
  import "../Modal/contextApi/store.js";
31
+ import "next/image.js";
31
32
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
32
33
  import "../Table/Table.css.js";
33
34
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -83,7 +84,6 @@ import "../Chatbot/Chatbot.js";
83
84
  import "../Chatbot/store/messages.js";
84
85
  /* empty css */
85
86
  import "../Comparison/Comparison.css.js";
86
- import "next/image.js";
87
87
  import "../HeroBanner/LargeBanner.css.js";
88
88
  import "../HeroBanner/HeroBanner.css.js";
89
89
  import "../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
40
40
  import "../Calculators/calculator.css.js";
41
41
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../Table/Table.css.js";
45
46
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -84,7 +85,6 @@ import "../Chatbot/Chatbot.js";
84
85
  import "../Chatbot/store/messages.js";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
- import "next/image.js";
88
88
  import "../HeroBanner/LargeBanner.css.js";
89
89
  import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
40
40
  import "../Calculators/calculator.css.js";
41
41
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../Table/Table.css.js";
45
46
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -84,7 +85,6 @@ import "../Chatbot/Chatbot.js";
84
85
  import "../Chatbot/store/messages.js";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
- import "next/image.js";
88
88
  import "../HeroBanner/LargeBanner.css.js";
89
89
  import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
40
40
  import "../Calculators/calculator.css.js";
41
41
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../Table/Table.css.js";
45
46
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -84,7 +85,6 @@ import "../Chatbot/Chatbot.js";
84
85
  import "../Chatbot/store/messages.js";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
- import "next/image.js";
88
88
  import "../HeroBanner/LargeBanner.css.js";
89
89
  import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
@@ -44,6 +44,7 @@ import "../IconBillboard/IconBillboard.css.js";
44
44
  import "../Calculators/calculator.css.js";
45
45
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
46
46
  import { useGlobalContext } from "../Modal/contextApi/store.js";
47
+ import "next/image.js";
47
48
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
48
49
  import "../Table/Table.css.js";
49
50
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -84,7 +85,6 @@ import "../Chatbot/Chatbot.js";
84
85
  import "../Chatbot/store/messages.js";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
- import "next/image.js";
88
88
  import "../HeroBanner/LargeBanner.css.js";
89
89
  import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
40
40
  import "../Calculators/calculator.css.js";
41
41
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../Table/Table.css.js";
45
46
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -84,7 +85,6 @@ import "../Chatbot/Chatbot.js";
84
85
  import "../Chatbot/store/messages.js";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
- import "next/image.js";
88
88
  import "../HeroBanner/LargeBanner.css.js";
89
89
  import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
@@ -41,6 +41,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
41
41
  import "../Calculators/calculator.css.js";
42
42
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
43
43
  import "../Modal/contextApi/store.js";
44
+ import "next/image.js";
44
45
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
45
46
  import "../Table/Table.css.js";
46
47
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -85,7 +86,6 @@ import "../Chatbot/Chatbot.js";
85
86
  import "../Chatbot/store/messages.js";
86
87
  /* empty css */
87
88
  import "../Comparison/Comparison.css.js";
88
- import "next/image.js";
89
89
  import "../HeroBanner/LargeBanner.css.js";
90
90
  import "../HeroBanner/HeroBanner.css.js";
91
91
  import "../HeroBanner/SelectionBanner.css.js";
@@ -28,6 +28,7 @@ import "../../ArticlesSet/ArticlesSet.css.js";
28
28
  import "../../Calculators/calculator.css.js";
29
29
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
30
  import "../../Modal/contextApi/store.js";
31
+ import "next/image.js";
31
32
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
32
33
  import "../../Table/Table.css.js";
33
34
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -85,7 +86,6 @@ import "../../Chatbot/Chatbot.js";
85
86
  import "../../Chatbot/store/messages.js";
86
87
  /* empty css */
87
88
  import "../../Comparison/Comparison.css.js";
88
- import "next/image.js";
89
89
  import "../../HeroBanner/LargeBanner.css.js";
90
90
  import "../../HeroBanner/HeroBanner.css.js";
91
91
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import "../../ArticlesSet/ArticlesSet.css.js";
40
40
  import "../../Calculators/calculator.css.js";
41
41
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../../Table/Table.css.js";
45
46
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../../Chatbot/Chatbot.js";
80
81
  import "../../Chatbot/store/messages.js";
81
82
  /* empty css */
82
83
  import "../../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
84
  import "../../HeroBanner/LargeBanner.css.js";
85
85
  import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -40,6 +40,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
40
40
  import "../Calculators/calculator.css.js";
41
41
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
42
  import "../Modal/contextApi/store.js";
43
+ import "next/image.js";
43
44
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
45
  import "../Table/Table.css.js";
45
46
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -84,7 +85,6 @@ import "../Chatbot/Chatbot.js";
84
85
  import "../Chatbot/store/messages.js";
85
86
  /* empty css */
86
87
  import "../Comparison/Comparison.css.js";
87
- import "next/image.js";
88
88
  import "../HeroBanner/LargeBanner.css.js";
89
89
  import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
@@ -22,6 +22,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
22
22
  import "../Calculators/calculator.css.js";
23
23
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
24
24
  import "../Modal/contextApi/store.js";
25
+ import "next/image.js";
25
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
27
  import "../Table/Table.css.js";
27
28
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -68,7 +69,6 @@ import "react-use";
68
69
  import "../Chatbot/store/messages.js";
69
70
  /* empty css */
70
71
  import "../Comparison/Comparison.css.js";
71
- import "next/image.js";
72
72
  import "../HeroBanner/LargeBanner.css.js";
73
73
  import "../HeroBanner/HeroBanner.css.js";
74
74
  import "../HeroBanner/SelectionBanner.css.js";
@@ -26,6 +26,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
26
26
  import "../Calculators/calculator.css.js";
27
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import { useGlobalContext } from "../Modal/contextApi/store.js";
29
+ import "next/image.js";
29
30
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
31
  import "../Table/Table.css.js";
31
32
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -77,7 +78,6 @@ import "../Chatbot/Chatbot.js";
77
78
  import "../Chatbot/store/messages.js";
78
79
  /* empty css */
79
80
  import "../Comparison/Comparison.css.js";
80
- import "next/image.js";
81
81
  import "../HeroBanner/LargeBanner.css.js";
82
82
  import "../HeroBanner/HeroBanner.css.js";
83
83
  import "../HeroBanner/SelectionBanner.css.js";
@@ -21,6 +21,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
21
21
  import "../Calculators/calculator.css.js";
22
22
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
23
23
  import "../Modal/contextApi/store.js";
24
+ import "next/image.js";
24
25
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
25
26
  import "../Table/Table.css.js";
26
27
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -95,7 +96,6 @@ import "next/script.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  /* empty css */
98
- import "next/image.js";
99
99
  /* empty css */
100
100
  import "../LandingPageHeader/LandingPageHeader.css.js";
101
101
  /* empty css */
@@ -27,6 +27,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
27
27
  import "../Calculators/calculator.css.js";
28
28
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../Modal/contextApi/store.js";
30
+ import "next/image.js";
30
31
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
31
32
  import "../Table/Table.css.js";
32
33
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -93,7 +94,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
93
94
  /* empty css */
94
95
  /* empty css */
95
96
  /* empty css */
96
- import "next/image.js";
97
97
  import "../HeroBanner/LargeBanner.css.js";
98
98
  import "../HeroBanner/SelectionBanner.css.js";
99
99
  import "../ImageBillboard/ImageBillboard.css.js";
@@ -24,6 +24,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
24
24
  import "../Calculators/calculator.css.js";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import "../Modal/contextApi/store.js";
27
+ import "next/image.js";
27
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../Table/Table.css.js";
29
30
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -75,7 +76,6 @@ import "../Chatbot/Chatbot.js";
75
76
  import "../Chatbot/store/messages.js";
76
77
  /* empty css */
77
78
  import "../Comparison/Comparison.css.js";
78
- import "next/image.js";
79
79
  import "../HeroBanner/LargeBanner.css.js";
80
80
  import "../HeroBanner/HeroBanner.css.js";
81
81
  import "../HeroBanner/SelectionBanner.css.js";
@@ -25,6 +25,7 @@ import "../../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../../Calculators/calculator.css.js";
26
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../../Modal/contextApi/store.js";
28
+ import "next/image.js";
28
29
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../../Table/Table.css.js";
30
31
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../../Chatbot/Chatbot.js";
79
80
  import "../../Chatbot/store/messages.js";
80
81
  /* empty css */
81
82
  import "../../Comparison/Comparison.css.js";
82
- import "next/image.js";
83
83
  import "../../HeroBanner/LargeBanner.css.js";
84
84
  import "../../HeroBanner/HeroBanner.css.js";
85
85
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -22,6 +22,7 @@ import "../../ArticlesSet/ArticlesSet.css.js";
22
22
  import "../../Calculators/calculator.css.js";
23
23
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
24
24
  import "../../Modal/contextApi/store.js";
25
+ import Image from "next/image.js";
25
26
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
26
27
  import "../../Table/Table.css.js";
27
28
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../../Chatbot/Chatbot.js";
79
80
  import "../../Chatbot/store/messages.js";
80
81
  /* empty css */
81
82
  import "../../Comparison/Comparison.css.js";
82
- import Image from "next/image.js";
83
83
  import "../../HeroBanner/LargeBanner.css.js";
84
84
  import "../../HeroBanner/HeroBanner.css.js";
85
85
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -20,6 +20,7 @@ import "../../ArticlesSet/ArticlesSet.css.js";
20
20
  import "../../Calculators/calculator.css.js";
21
21
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
22
22
  import "../../Modal/contextApi/store.js";
23
+ import "next/image.js";
23
24
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
24
25
  import "../../Table/Table.css.js";
25
26
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -77,7 +78,6 @@ import "../../Chatbot/Chatbot.js";
77
78
  import "../../Chatbot/store/messages.js";
78
79
  /* empty css */
79
80
  import "../../Comparison/Comparison.css.js";
80
- import "next/image.js";
81
81
  import "../../HeroBanner/LargeBanner.css.js";
82
82
  import "../../HeroBanner/HeroBanner.css.js";
83
83
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -22,6 +22,7 @@ import "../IconBillboard/IconBillboard.css.js";
22
22
  import "../Calculators/calculator.css.js";
23
23
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
24
24
  import "./contextApi/store.js";
25
+ import "next/image.js";
25
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
27
  import "../Table/Table.css.js";
27
28
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -77,7 +78,6 @@ import "../Chatbot/Chatbot.js";
77
78
  import "../Chatbot/store/messages.js";
78
79
  /* empty css */
79
80
  import "../Comparison/Comparison.css.js";
80
- import "next/image.js";
81
81
  import "../HeroBanner/LargeBanner.css.js";
82
82
  import "../HeroBanner/HeroBanner.css.js";
83
83
  import "../HeroBanner/SelectionBanner.css.js";
@@ -26,6 +26,7 @@ import "react-use";
26
26
  import "../../ArticlesSet/ArticlesSet.css.js";
27
27
  import "../../Calculators/calculator.css.js";
28
28
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
+ import "next/image.js";
29
30
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
30
31
  import "../../Table/Table.css.js";
31
32
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -78,7 +79,6 @@ import "../../Chatbot/Chatbot.js";
78
79
  import "../../Chatbot/store/messages.js";
79
80
  /* empty css */
80
81
  import "../../Comparison/Comparison.css.js";
81
- import "next/image.js";
82
82
  import "../../HeroBanner/LargeBanner.css.js";
83
83
  import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -30,6 +30,7 @@ import "../../../ArticlesSet/ArticlesSet.css.js";
30
30
  import "../../../Calculators/calculator.css.js";
31
31
  import "../../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
32
32
  import { useGlobalContext } from "../../../Modal/contextApi/store.js";
33
+ import "next/image.js";
33
34
  import "../../../Calculators/ApyCalculator/ApyCalculator.css.js";
34
35
  import "../../../Table/Table.css.js";
35
36
  import "../../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -82,7 +83,6 @@ import "../../../Chatbot/Chatbot.js";
82
83
  import "../../../Chatbot/store/messages.js";
83
84
  /* empty css */
84
85
  import "../../../Comparison/Comparison.css.js";
85
- import "next/image.js";
86
86
  import "../../../HeroBanner/LargeBanner.css.js";
87
87
  import "../../../HeroBanner/HeroBanner.css.js";
88
88
  import "../../../HeroBanner/SelectionBanner.css.js";
@@ -27,6 +27,7 @@ import "react-use";
27
27
  import "../../ArticlesSet/ArticlesSet.css.js";
28
28
  import "../../Calculators/calculator.css.js";
29
29
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
+ import Image from "next/image.js";
30
31
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
31
32
  import "../../Table/Table.css.js";
32
33
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../../Chatbot/Chatbot.js";
79
80
  import "../../Chatbot/store/messages.js";
80
81
  /* empty css */
81
82
  import "../../Comparison/Comparison.css.js";
82
- import Image from "next/image.js";
83
83
  import "../../HeroBanner/LargeBanner.css.js";
84
84
  import "../../HeroBanner/HeroBanner.css.js";
85
85
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -24,6 +24,7 @@ import { appendQueryParams } from "../../utils/appendQueryParams.js";
24
24
  import "../../Calculators/calculator.css.js";
25
25
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import { useGlobalContext } from "../../Modal/contextApi/store.js";
27
+ import "next/image.js";
27
28
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../../Table/Table.css.js";
29
30
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../../Chatbot/Chatbot.js";
80
81
  import "../../Chatbot/store/messages.js";
81
82
  /* empty css */
82
83
  import "../../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
84
  import "../../HeroBanner/LargeBanner.css.js";
85
85
  import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -24,6 +24,7 @@ import { appendQueryParams } from "../../utils/appendQueryParams.js";
24
24
  import "../../Calculators/calculator.css.js";
25
25
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import { useGlobalContext } from "../../Modal/contextApi/store.js";
27
+ import "next/image.js";
27
28
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../../Table/Table.css.js";
29
30
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../../Chatbot/Chatbot.js";
80
81
  import "../../Chatbot/store/messages.js";
81
82
  /* empty css */
82
83
  import "../../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
84
  import "../../HeroBanner/LargeBanner.css.js";
85
85
  import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -27,6 +27,7 @@ import "react-use";
27
27
  import "../ArticlesSet/ArticlesSet.css.js";
28
28
  import "../Calculators/calculator.css.js";
29
29
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
+ import "next/image.js";
30
31
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
31
32
  import "../Table/Table.css.js";
32
33
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../Chatbot/Chatbot.js";
79
80
  import "../Chatbot/store/messages.js";
80
81
  /* empty css */
81
82
  import "../Comparison/Comparison.css.js";
82
- import "next/image.js";
83
83
  import "../HeroBanner/LargeBanner.css.js";
84
84
  import "../HeroBanner/HeroBanner.css.js";
85
85
  import "../HeroBanner/SelectionBanner.css.js";
@@ -24,6 +24,7 @@ import { appendQueryParams } from "../utils/appendQueryParams.js";
24
24
  import "../Calculators/calculator.css.js";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import { useGlobalContext } from "../Modal/contextApi/store.js";
27
+ import "next/image.js";
27
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../Table/Table.css.js";
29
30
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../Chatbot/Chatbot.js";
80
81
  import "../Chatbot/store/messages.js";
81
82
  /* empty css */
82
83
  import "../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
84
  import "../HeroBanner/LargeBanner.css.js";
85
85
  import "../HeroBanner/HeroBanner.css.js";
86
86
  import "../HeroBanner/SelectionBanner.css.js";
@@ -24,6 +24,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
24
24
  import "../Calculators/calculator.css.js";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import "../Modal/contextApi/store.js";
27
+ import "next/image.js";
27
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../Table/Table.css.js";
29
30
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -100,7 +101,6 @@ import "next/script.js";
100
101
  /* empty css */
101
102
  /* empty css */
102
103
  /* empty css */
103
- import "next/image.js";
104
104
  /* empty css */
105
105
  import "../LandingPageHeader/LandingPageHeader.css.js";
106
106
  /* empty css */
@@ -25,6 +25,7 @@ import "react-use";
25
25
  import "../ArticlesSet/ArticlesSet.css.js";
26
26
  import "../Calculators/calculator.css.js";
27
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
+ import "next/image.js";
28
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../Table/Table.css.js";
30
31
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -77,7 +78,6 @@ import "../Chatbot/Chatbot.js";
77
78
  import "../Chatbot/store/messages.js";
78
79
  /* empty css */
79
80
  import "../Comparison/Comparison.css.js";
80
- import "next/image.js";
81
81
  import "../HeroBanner/LargeBanner.css.js";
82
82
  import "../HeroBanner/HeroBanner.css.js";
83
83
  import "../HeroBanner/SelectionBanner.css.js";
@@ -33,6 +33,7 @@ import "../Button/Button.css.js";
33
33
  import "../ArticlesSet/ArticlesSet.css.js";
34
34
  import "../Calculators/calculator.css.js";
35
35
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
36
+ import "next/image.js";
36
37
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
37
38
  import "../Table/Table.css.js";
38
39
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -85,7 +86,6 @@ import "../Chatbot/Chatbot.js";
85
86
  import "../Chatbot/store/messages.js";
86
87
  /* empty css */
87
88
  import "../Comparison/Comparison.css.js";
88
- import "next/image.js";
89
89
  import "../HeroBanner/LargeBanner.css.js";
90
90
  import "../HeroBanner/HeroBanner.css.js";
91
91
  import "../HeroBanner/SelectionBanner.css.js";
@@ -26,6 +26,7 @@ import "react-use";
26
26
  import "../ArticlesSet/ArticlesSet.css.js";
27
27
  import "../Calculators/calculator.css.js";
28
28
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
+ import "next/image.js";
29
30
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
31
  import "../Table/Table.css.js";
31
32
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -78,7 +79,6 @@ import "../Chatbot/Chatbot.js";
78
79
  import "../Chatbot/store/messages.js";
79
80
  /* empty css */
80
81
  import "../Comparison/Comparison.css.js";
81
- import "next/image.js";
82
82
  import "../HeroBanner/LargeBanner.css.js";
83
83
  import "../HeroBanner/HeroBanner.css.js";
84
84
  import "../HeroBanner/SelectionBanner.css.js";
@@ -297,38 +297,50 @@
297
297
  line-height: 1.15;
298
298
  }
299
299
  ._1vox1xj1c {
300
+ color: var(--_1073cm85);
301
+ }
302
+ ._1vox1xj1d {
303
+ color: var(--_1073cm8c);
304
+ }
305
+ ._1vox1xj1e {
306
+ color: var(--_1073cm8j);
307
+ }
308
+ ._1vox1xj1f {
309
+ color: var(--_1073cm8q);
310
+ }
311
+ ._1vox1xj1g {
300
312
  border-top: 1px solid var(--_1073cm85);
301
313
  margin-top: 24px;
302
314
  padding-top: 24px;
303
315
  }
304
- ._1vox1xj1d {
316
+ ._1vox1xj1h {
305
317
  display: grid;
306
318
  gap: 24px;
307
319
  grid-template-columns: repeat(2, minmax(0, 1fr));
308
320
  }
309
- ._1vox1xj1e {
321
+ ._1vox1xj1i {
310
322
  display: grid;
311
323
  gap: 24px;
312
324
  }
313
- ._1vox1xj1f {
325
+ ._1vox1xj1j {
314
326
  display: grid;
315
327
  gap: 3px;
316
328
  }
317
- ._1vox1xj1g {
318
- color: var(--_1073cm83);
329
+ ._1vox1xj1k {
330
+ color: inherit;
319
331
  font-family: var(--main-font-family);
320
332
  font-size: 16px;
321
333
  line-height: 1.15;
322
334
  }
323
- ._1vox1xj1h {
324
- color: var(--_1073cm83);
335
+ ._1vox1xj1l {
336
+ color: inherit;
325
337
  line-height: 1.5;
326
338
  }
327
- ._1vox1xj1i {
339
+ ._1vox1xj1m {
328
340
  padding: 2rem;
329
341
  width: 100%;
330
342
  }
331
- ._1vox1xj1j {
343
+ ._1vox1xj1n {
332
344
  margin-bottom: 1rem;
333
345
  }
334
346
  @media screen and (min-width:604px) {
@@ -352,15 +364,15 @@
352
364
  ._1vox1xjx {
353
365
  max-width: none;
354
366
  }
355
- ._1vox1xj1c {
367
+ ._1vox1xj1g {
356
368
  margin-top: 16px;
357
369
  padding-top: 16px;
358
370
  }
359
- ._1vox1xj1d {
371
+ ._1vox1xj1h {
360
372
  grid-template-columns: 1fr;
361
373
  gap: 16px;
362
374
  }
363
- ._1vox1xj1e {
375
+ ._1vox1xj1i {
364
376
  gap: 16px;
365
377
  }
366
378
  }
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": "2.0.0-dev.18-apy.4",
4
+ "version": "2.0.0-dev.18-apy.5",
5
5
  "type": "module",
6
6
  "main": "index.js",
7
7
  "module": "dist/main.js",