@axos-web-dev/shared-components 0.0.118 → 0.0.120

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 (116) hide show
  1. package/dist/ATMLocator/ATMLocator.js +4 -2
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Article/Article.js +8 -4
  4. package/dist/Button/Button.js +6 -4
  5. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +16 -1
  6. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +8 -8
  7. package/dist/Calculators/AnnualFeeCalculator/index.js +7 -4
  8. package/dist/Calculators/Calculator.js +2 -0
  9. package/dist/Calculators/MarginTradingCalculator/index.js +25 -5
  10. package/dist/Calculators/MaxLoanCalculator/index.js +3 -1
  11. package/dist/Calculators/MonthlyPaymentCalculator/index.js +3 -1
  12. package/dist/Calculators/calculator.css.d.ts +1 -0
  13. package/dist/Calculators/calculator.css.js +4 -2
  14. package/dist/Calculators/index.js +2 -1
  15. package/dist/Carousel/Carousel.css.d.ts +1 -0
  16. package/dist/Carousel/Carousel.css.js +13 -11
  17. package/dist/Carousel/index.d.ts +1 -1
  18. package/dist/Carousel/index.js +44 -35
  19. package/dist/Chevron/index.js +5 -3
  20. package/dist/Comparison/Comparison.css.js +2 -2
  21. package/dist/Comparison/Comparison.js +3 -1
  22. package/dist/ContentBanner/ContentBanner.interface.d.ts +2 -1
  23. package/dist/ContentBanner/index.js +3 -2
  24. package/dist/DownloadTile/DownloadTile.css.d.ts +1 -0
  25. package/dist/DownloadTile/DownloadTile.css.js +9 -7
  26. package/dist/DownloadTile/DownloadTile.interface.d.ts +1 -0
  27. package/dist/DownloadTile/index.js +34 -25
  28. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +1 -0
  29. package/dist/ExecutiveBio/ExecutiveBio.css.js +23 -21
  30. package/dist/ExecutiveBio/ExecutiveBio.js +3 -2
  31. package/dist/ExecutiveBio/index.js +2 -1
  32. package/dist/FaqAccordion/FaqAccordion.css.d.ts +1 -0
  33. package/dist/FaqAccordion/FaqAccordion.css.js +7 -5
  34. package/dist/FaqAccordion/index.d.ts +1 -0
  35. package/dist/FaqAccordion/index.js +17 -8
  36. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -4
  37. package/dist/Forms/ContactUsBusiness.js +7 -5
  38. package/dist/Forms/ContactUsNMLSId.js +7 -5
  39. package/dist/Forms/DealerServices.d.ts +1 -1
  40. package/dist/Forms/DealerServices.js +12 -8
  41. package/dist/Forms/EmailOnly.js +7 -5
  42. package/dist/Forms/Forms.css.js +2 -2
  43. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  44. package/dist/Forms/ScheduleCall.js +1 -0
  45. package/dist/Forms/ScheduleCallPremier.js +1 -0
  46. package/dist/Forms/SuccesForm.js +3 -1
  47. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  48. package/dist/Hyperlink/index.js +6 -4
  49. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  50. package/dist/ImageBillboard/ImageBillboard.interface.d.ts +1 -0
  51. package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -1
  52. package/dist/ImageBillboard/ImageBillboardSet.js +3 -2
  53. package/dist/ImageLink/ImageLink.css.d.ts +1 -0
  54. package/dist/ImageLink/ImageLink.css.js +5 -1
  55. package/dist/ImageLink/ImageLink.js +4 -2
  56. package/dist/ImageLink/ImageLinkSet.d.ts +1 -0
  57. package/dist/ImageLink/ImageLinkSet.js +8 -4
  58. package/dist/ImageLink/index.js +5 -4
  59. package/dist/Input/Checkbox.d.ts +1 -1
  60. package/dist/Input/Input.css.js +1 -1
  61. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  62. package/dist/Insight/Featured/CategorySelector.js +3 -1
  63. package/dist/Insight/Featured/Featured.js +7 -5
  64. package/dist/MainHTML/index.d.ts +2 -1
  65. package/dist/MainHTML/index.js +10 -2
  66. package/dist/Modal/Modal.js +7 -5
  67. package/dist/NavigationMenu/AxosBank/NavData.js +6 -4
  68. package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -4
  69. package/dist/NavigationMenu/AxosBank/index.js +4 -2
  70. package/dist/PageNavItem/PageNavItem.js +8 -1
  71. package/dist/PageNavSet/PageNavSet.js +16 -19
  72. package/dist/SetContainer/SetContainer.d.ts +2 -1
  73. package/dist/SetContainer/SetContainer.js +7 -3
  74. package/dist/Table/Table.css.d.ts +1 -0
  75. package/dist/Table/Table.css.js +18 -16
  76. package/dist/Table/Table.d.ts +13 -13
  77. package/dist/Table/Table.js +23 -15
  78. package/dist/Table/index.js +2 -1
  79. package/dist/TextBlock/TextBlock.css.d.ts +1 -0
  80. package/dist/TextBlock/TextBlock.css.js +6 -4
  81. package/dist/TextBlock/TextBlock.d.ts +1 -0
  82. package/dist/TextBlock/TextBlock.js +13 -5
  83. package/dist/TextBlock/index.js +3 -2
  84. package/dist/VideoTile/VideoInit.js +2 -1
  85. package/dist/VideoTile/VideoTile.css.d.ts +1 -0
  86. package/dist/VideoTile/VideoTile.css.js +15 -13
  87. package/dist/VideoTile/VideoTile.interface.d.ts +1 -0
  88. package/dist/VideoTile/VideoTile.js +65 -56
  89. package/dist/VideoTile/index.js +2 -1
  90. package/dist/VideoWrapper/VideoWrapper.css.d.ts +1 -0
  91. package/dist/VideoWrapper/VideoWrapper.css.js +6 -4
  92. package/dist/VideoWrapper/index.d.ts +1 -0
  93. package/dist/VideoWrapper/index.js +35 -24
  94. package/dist/assets/ArticlesSet/ArticlesSet.css +1 -1
  95. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +23 -12
  96. package/dist/assets/Calculators/calculator.css +24 -11
  97. package/dist/assets/Carousel/Carousel.css +52 -39
  98. package/dist/assets/Comparison/Comparison.css +2 -2
  99. package/dist/assets/DownloadTile/DownloadTile.css +32 -19
  100. package/dist/assets/ExecutiveBio/ExecutiveBio.css +92 -79
  101. package/dist/assets/FaqAccordion/FaqAccordion.css +24 -11
  102. package/dist/assets/IconBillboard/IconBillboard.css +11 -0
  103. package/dist/assets/ImageBillboard/ImageBillboard.css +9 -0
  104. package/dist/assets/ImageLink/ImageLink.css +13 -0
  105. package/dist/assets/PageNavItem/PageNavItem.css +1 -0
  106. package/dist/assets/PageNavSet/PageNavigationSet.css +7 -10
  107. package/dist/assets/SetContainer/SetContainer.css +0 -1
  108. package/dist/assets/Table/Table.css +90 -75
  109. package/dist/assets/TextBlock/TextBlock.css +16 -3
  110. package/dist/assets/VideoTile/VideoTile.css +32 -14
  111. package/dist/assets/VideoWrapper/VideoWrapper.css +18 -5
  112. package/dist/index.css.js +1 -1
  113. package/dist/main.js +10 -5
  114. package/dist/utils/allowedAxosDomains.js +3 -2
  115. package/package.json +121 -121
  116. package/dist/ImageLink/ImageLink.css.ts.vanilla.css.js +0 -1
@@ -11,7 +11,6 @@ import "../Accordion/Accordion.css.js";
11
11
  import "../AlertBanner/AlertBanner.css.js";
12
12
  import { getVariant } from "../utils/getVariant.js";
13
13
  import "../Article/Article.css.js";
14
- import "../ArticlesSet/ArticlesSet.css.js";
15
14
  import { Interstitial } from "../Interstitial/Interstitial.js";
16
15
  import { chevron_wrapper, chevron } from "./Chevron.css.js";
17
16
  /* empty css */
@@ -21,9 +20,11 @@ import { validateLink } from "../utils/validateExternalLinks.js";
21
20
  import "clsx";
22
21
  import { useState } from "react";
23
22
  import "../Button/Button.css.js";
23
+ import "react-use";
24
+ import "../ArticlesSet/ArticlesSet.css.js";
24
25
  import "../IconBillboard/IconBillboard.css.js";
26
+ import "../Calculators/calculator.css.js";
25
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
- import "react-use";
27
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
29
  import "../Table/Table.css.js";
29
30
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -46,7 +47,6 @@ import "../Input/Checkbox.css.js";
46
47
  import "../LoadingIndicator/LoadingIndicator.css.js";
47
48
  import "../Input/RadioButton.js";
48
49
  import "iframe-resizer";
49
- import "../Calculators/calculator.css.js";
50
50
  /* empty css */
51
51
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
52
52
  /* empty css */
@@ -70,6 +70,7 @@ import "../FaqAccordion/index.js";
70
70
  import "../FooterDisclosure/FooterDisclosure.css.js";
71
71
  /* empty css */
72
72
  import "../ImageBillboard/ImageBillboard.css.js";
73
+ /* empty css */
73
74
  /* empty css */
74
75
  /* empty css */
75
76
  import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -94,6 +95,7 @@ import "../StepItemSet/StepItemSet.css.js";
94
95
  /* empty css */
95
96
  /* empty css */
96
97
  /* empty css */
98
+ import "next/script.js";
97
99
  /* empty css */
98
100
  /* empty css */
99
101
  const Chevron = ({
@@ -1,7 +1,7 @@
1
1
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
2
  /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var comparison = createRuntimeFn({ defaultClassName: "_198o0lt0", variantClassNames: { variant: { primary: "_198o0lt1", secondary: "_198o0lt2", tertiary: "_198o0lt3", quaternary: "_198o0lt4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -21,6 +21,7 @@ import "../AlertBanner/AlertBanner.css.js";
21
21
  import "../Article/Article.css.js";
22
22
  import "../ArticlesSet/ArticlesSet.css.js";
23
23
  import "../utils/allowedAxosDomains.js";
24
+ import "../Calculators/calculator.css.js";
24
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
25
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
27
  import "../Table/Table.css.js";
@@ -44,7 +45,6 @@ import "../Input/Checkbox.css.js";
44
45
  import "../LoadingIndicator/LoadingIndicator.css.js";
45
46
  import "../Input/RadioButton.js";
46
47
  import "iframe-resizer";
47
- import "../Calculators/calculator.css.js";
48
48
  /* empty css */
49
49
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
50
  /* empty css */
@@ -66,6 +66,7 @@ import "../FaqAccordion/index.js";
66
66
  import "../FooterDisclosure/FooterDisclosure.css.js";
67
67
  /* empty css */
68
68
  import "../ImageBillboard/ImageBillboard.css.js";
69
+ /* empty css */
69
70
  /* empty css */
70
71
  /* empty css */
71
72
  import "../Interstitial/Interstitial-variants.css.js";
@@ -94,6 +95,7 @@ import "../StepItemSet/StepItemSet.css.js";
94
95
  /* empty css */
95
96
  /* empty css */
96
97
  /* empty css */
98
+ import "next/script.js";
97
99
  /* empty css */
98
100
  /* empty css */
99
101
  const Comparison = ({
@@ -1,6 +1,6 @@
1
1
  import { ChevronProps } from '../Chevron/Chevron.interface';
2
- import { ReactNode } from 'react';
3
2
  import { ImageInterface } from '../IconBillboard';
3
+ import { ReactNode } from 'react';
4
4
 
5
5
  export interface HeroBannerInterface {
6
6
  id?: string;
@@ -12,4 +12,5 @@ export interface HeroBannerInterface {
12
12
  bodyCopy?: string | ReactNode;
13
13
  callToActionRow?: boolean | ChevronProps[];
14
14
  bannerSize?: string;
15
+ internalName?: string;
15
16
  }
@@ -15,13 +15,14 @@ const ContentBanner = ({
15
15
  bodyCopy,
16
16
  callToActionRow,
17
17
  bannerSize,
18
- id
18
+ id,
19
+ internalName
19
20
  }) => {
20
21
  const banner_variant = getVariant(variant);
21
22
  return /* @__PURE__ */ jsx(
22
23
  "section",
23
24
  {
24
- id,
25
+ id: internalName?.replace(/ /g, "-") ?? id,
25
26
  className: `${content_banner({ variant: banner_variant })} ${bannerSize == "Large" ? section_pad : section_min_pad}`,
26
27
  children: /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
27
28
  /* @__PURE__ */ jsxs("div", { className: `text_center`, children: [
@@ -1,3 +1,4 @@
1
+ export declare const download_tile_set: string;
1
2
  export declare const table_section_container: string;
2
3
  export declare const table_section: string;
3
4
  export declare const media__table: string;
@@ -1,15 +1,17 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
- var table_section_container = "_14gexxj0";
5
- var table_section = "_14gexxj1";
6
- var media__table = "_14gexxj2";
7
- var download = "_14gexxj3";
8
- var ico = "_14gexxj4";
9
- var table_header = "_14gexxj5";
10
- var table_footer = "_14gexxj6";
4
+ var download_tile_set = "_14gexxj0";
5
+ var table_section_container = "_14gexxj1";
6
+ var table_section = "_14gexxj2";
7
+ var media__table = "_14gexxj3";
8
+ var download = "_14gexxj4";
9
+ var ico = "_14gexxj5";
10
+ var table_header = "_14gexxj6";
11
+ var table_footer = "_14gexxj7";
11
12
  export {
12
13
  download,
14
+ download_tile_set,
13
15
  ico,
14
16
  media__table,
15
17
  table_footer,
@@ -6,6 +6,7 @@ export interface DownloadTileSet {
6
6
  description?: string | ReactNode;
7
7
  additionalDetails?: string | ReactNode;
8
8
  downloadTiles: DownloadTileItem[];
9
+ internalName?: string;
9
10
  }
10
11
  export interface DownloadTileItem {
11
12
  id?: string;
@@ -3,38 +3,47 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
3
3
  import "../icons/CheckIcon/CheckIcon.css.js";
4
4
  import SvgDownloadIcon from "../icons/DownloadIcon/index.js";
5
5
  import SvgFollowIcon from "../icons/FollowIcon/index.js";
6
- import { table_section, table_section_container, table_header, media__table, download, ico, table_footer } from "./DownloadTile.css.js";
6
+ import { download_tile_set, table_section, table_section_container, table_header, media__table, download, ico, table_footer } from "./DownloadTile.css.js";
7
7
  const DownloadTile = ({
8
8
  id,
9
9
  titleText,
10
10
  description,
11
11
  additionalDetails,
12
- downloadTiles
12
+ downloadTiles,
13
+ internalName
13
14
  }) => {
14
- return /* @__PURE__ */ jsx("section", { id, className: `containment`, children: /* @__PURE__ */ jsxs("div", { className: table_section, children: [
15
- /* @__PURE__ */ jsx("div", { className: `${table_section_container}`, children: (titleText || description) && /* @__PURE__ */ jsxs("div", { className: `${table_header} section_header`, children: [
16
- titleText && /* @__PURE__ */ jsx("h2", { className: `text_center`, children: titleText }),
17
- description && /* @__PURE__ */ jsx(Fragment, { children: description })
18
- ] }) }),
19
- /* @__PURE__ */ jsxs("div", { className: `${table_section_container}`, children: [
20
- /* @__PURE__ */ jsxs("table", { className: `${media__table}`, children: [
21
- /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
22
- /* @__PURE__ */ jsx("th", { scope: "colgroup", children: "NAME" }),
23
- /* @__PURE__ */ jsx("th", { scope: "colgroup", children: "ACTION" })
15
+ return /* @__PURE__ */ jsx(
16
+ "section",
17
+ {
18
+ id: internalName?.replace(/ /g, "-") ?? id,
19
+ className: `containment ${download_tile_set}`,
20
+ children: /* @__PURE__ */ jsxs("div", { className: table_section, children: [
21
+ /* @__PURE__ */ jsx("div", { className: `${table_section_container}`, children: (titleText || description) && /* @__PURE__ */ jsxs("div", { className: `${table_header} section_header`, children: [
22
+ titleText && /* @__PURE__ */ jsx("h2", { className: `text_center`, children: titleText }),
23
+ description && /* @__PURE__ */ jsx(Fragment, { children: description })
24
24
  ] }) }),
25
- /* @__PURE__ */ jsx("tbody", { id: "body-table", children: downloadTiles.map(
26
- ({ id: id2, url, displayName, action = "Download" }) => /* @__PURE__ */ jsxs("tr", { children: [
27
- /* @__PURE__ */ jsx("td", { "data-label": "", children: displayName }),
28
- /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", className: download, children: [
29
- action.toLowerCase() === "download" ? /* @__PURE__ */ jsx(SvgDownloadIcon, { className: ico }) : /* @__PURE__ */ jsx(SvgFollowIcon, { className: ico }),
30
- /* @__PURE__ */ jsx("span", { children: action })
31
- ] }) })
32
- ] }, id2)
33
- ) })
34
- ] }),
35
- /* @__PURE__ */ jsx("div", { className: `${table_footer} push_up_32`, children: additionalDetails && /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
36
- ] })
37
- ] }) }, id);
25
+ /* @__PURE__ */ jsxs("div", { className: `${table_section_container}`, children: [
26
+ /* @__PURE__ */ jsxs("table", { className: `${media__table}`, children: [
27
+ /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
28
+ /* @__PURE__ */ jsx("th", { scope: "colgroup", children: "NAME" }),
29
+ /* @__PURE__ */ jsx("th", { scope: "colgroup", children: "ACTION" })
30
+ ] }) }),
31
+ /* @__PURE__ */ jsx("tbody", { id: "body-table", children: downloadTiles.map(
32
+ ({ id: id2, url, displayName, action = "Download" }) => /* @__PURE__ */ jsxs("tr", { children: [
33
+ /* @__PURE__ */ jsx("td", { "data-label": "", children: displayName }),
34
+ /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", className: download, children: [
35
+ action.toLowerCase() === "download" ? /* @__PURE__ */ jsx(SvgDownloadIcon, { className: ico }) : /* @__PURE__ */ jsx(SvgFollowIcon, { className: ico }),
36
+ /* @__PURE__ */ jsx("span", { children: action })
37
+ ] }) })
38
+ ] }, id2)
39
+ ) })
40
+ ] }),
41
+ additionalDetails && /* @__PURE__ */ jsx("div", { className: `${table_footer} push_up_32`, children: additionalDetails })
42
+ ] })
43
+ ] })
44
+ },
45
+ id
46
+ );
38
47
  };
39
48
  export {
40
49
  DownloadTile
@@ -1,3 +1,4 @@
1
+ export declare const executive_bio: string;
1
2
  export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
2
3
  variant: {
3
4
  primary: {
@@ -3,27 +3,28 @@
3
3
  /* empty css */
4
4
  /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
- var item_bio = createRuntimeFn({ defaultClassName: "txcb8d0", variantClassNames: { variant: { primary: "txcb8d1", secondary: "txcb8d2", tertiary: "txcb8d3", quaternary: "txcb8d4" } }, defaultVariants: {}, compoundVariants: [] });
7
- var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d5", variantClassNames: { variant: { primary: "txcb8d6", secondary: "txcb8d7", tertiary: "txcb8d8", quaternary: "txcb8d9" } }, defaultVariants: {}, compoundVariants: [] });
8
- var job_title = createRuntimeFn({ defaultClassName: "txcb8da", variantClassNames: { variant: { primary: "txcb8db", secondary: "txcb8dc", tertiary: "txcb8dd", quaternary: "txcb8de" } }, defaultVariants: {}, compoundVariants: [] });
9
- var svg_icon = createRuntimeFn({ defaultClassName: "txcb8df", variantClassNames: { variant: { primary: "txcb8dg", secondary: "txcb8dh", tertiary: "txcb8di", quaternary: "txcb8dj" } }, defaultVariants: {}, compoundVariants: [] });
10
- var description = "txcb8dk";
11
- var contact_col = "txcb8dl";
12
- var padding = "txcb8dm";
13
- var copy = "txcb8dn";
14
- var contact_entry = createRuntimeFn({ defaultClassName: "txcb8do", variantClassNames: { variant: { primary: "txcb8dp", secondary: "txcb8dq", tertiary: "txcb8dr", quaternary: "txcb8ds" } }, defaultVariants: {}, compoundVariants: [] });
15
- var contacts = "txcb8dt";
16
- var contact_links = "txcb8du";
17
- var headshot = "txcb8dv";
18
- var img_area = "txcb8dw";
19
- var media = "txcb8dx";
20
- var person = "txcb8dy";
21
- var shift = "txcb8dz";
22
- var bio_section_text = "txcb8d10";
23
- var section_theme = createRuntimeFn({ defaultClassName: "txcb8d11", variantClassNames: { variant: { primary: "txcb8d12", secondary: "txcb8d13", tertiary: "txcb8d14", quaternary: "txcb8d15" } }, defaultVariants: {}, compoundVariants: [] });
24
- var header_theme = createRuntimeFn({ defaultClassName: "txcb8d16", variantClassNames: { variant: { primary: "txcb8d17", secondary: "txcb8d18", tertiary: "txcb8d19", quaternary: "txcb8d1a" } }, defaultVariants: {}, compoundVariants: [] });
25
- var components = "txcb8d1b";
26
- var details = "txcb8d1c";
6
+ var executive_bio = "txcb8d0";
7
+ var item_bio = createRuntimeFn({ defaultClassName: "txcb8d1", variantClassNames: { variant: { primary: "txcb8d2", secondary: "txcb8d3", tertiary: "txcb8d4", quaternary: "txcb8d5" } }, defaultVariants: {}, compoundVariants: [] });
8
+ var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d6", variantClassNames: { variant: { primary: "txcb8d7", secondary: "txcb8d8", tertiary: "txcb8d9", quaternary: "txcb8da" } }, defaultVariants: {}, compoundVariants: [] });
9
+ var job_title = createRuntimeFn({ defaultClassName: "txcb8db", variantClassNames: { variant: { primary: "txcb8dc", secondary: "txcb8dd", tertiary: "txcb8de", quaternary: "txcb8df" } }, defaultVariants: {}, compoundVariants: [] });
10
+ var svg_icon = createRuntimeFn({ defaultClassName: "txcb8dg", variantClassNames: { variant: { primary: "txcb8dh", secondary: "txcb8di", tertiary: "txcb8dj", quaternary: "txcb8dk" } }, defaultVariants: {}, compoundVariants: [] });
11
+ var description = "txcb8dl";
12
+ var contact_col = "txcb8dm";
13
+ var padding = "txcb8dn";
14
+ var copy = "txcb8do";
15
+ var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dp", variantClassNames: { variant: { primary: "txcb8dq", secondary: "txcb8dr", tertiary: "txcb8ds", quaternary: "txcb8dt" } }, defaultVariants: {}, compoundVariants: [] });
16
+ var contacts = "txcb8du";
17
+ var contact_links = "txcb8dv";
18
+ var headshot = "txcb8dw";
19
+ var img_area = "txcb8dx";
20
+ var media = "txcb8dy";
21
+ var person = "txcb8dz";
22
+ var shift = "txcb8d10";
23
+ var bio_section_text = "txcb8d11";
24
+ var section_theme = createRuntimeFn({ defaultClassName: "txcb8d12", variantClassNames: { variant: { primary: "txcb8d13", secondary: "txcb8d14", tertiary: "txcb8d15", quaternary: "txcb8d16" } }, defaultVariants: {}, compoundVariants: [] });
25
+ var header_theme = createRuntimeFn({ defaultClassName: "txcb8d17", variantClassNames: { variant: { primary: "txcb8d18", secondary: "txcb8d19", tertiary: "txcb8d1a", quaternary: "txcb8d1b" } }, defaultVariants: {}, compoundVariants: [] });
26
+ var components = "txcb8d1c";
27
+ var details = "txcb8d1d";
27
28
  export {
28
29
  bio_section_text,
29
30
  components,
@@ -34,6 +35,7 @@ export {
34
35
  copy,
35
36
  description,
36
37
  details,
38
+ executive_bio,
37
39
  header_theme,
38
40
  headline_setting,
39
41
  headshot,
@@ -1,7 +1,8 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Hyperlink } from "../Hyperlink/index.js";
3
3
  import { getVariant } from "../utils/getVariant.js";
4
- import { padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
4
+ import clsx from "clsx";
5
+ import { executive_bio, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
5
6
  const ExecutiveBio = ({
6
7
  id,
7
8
  executiveName,
@@ -15,7 +16,7 @@ const ExecutiveBio = ({
15
16
  variant: fullVariant = "primary"
16
17
  }) => {
17
18
  const variant = getVariant(fullVariant);
18
- return /* @__PURE__ */ jsx("section", { className: "section_spacer", id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
19
+ return /* @__PURE__ */ jsx("section", { className: clsx("section_spacer", executive_bio), id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
19
20
  executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
20
21
  "div",
21
22
  {
@@ -1,5 +1,5 @@
1
1
  import { ExecutiveBio } from "./ExecutiveBio.js";
2
- import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
2
+ import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, executive_bio, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
3
3
  import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
4
4
  export {
5
5
  ExecutiveBio,
@@ -13,6 +13,7 @@ export {
13
13
  copy,
14
14
  description,
15
15
  details,
16
+ executive_bio,
16
17
  header_theme,
17
18
  headline_setting,
18
19
  headshot,
@@ -1,3 +1,4 @@
1
+ export declare const faqAccordion_section: string;
1
2
  export declare const faqAccordion: string;
2
3
  export declare const header: string;
3
4
  export declare const summary: string;
@@ -2,14 +2,16 @@
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
5
- var faqAccordion = "ph6wj60";
6
- var header = "ph6wj61";
7
- var summary = "ph6wj62";
8
- var summaryHeader = "ph6wj63";
9
- var content = "ph6wj64";
5
+ var faqAccordion_section = "ph6wj60";
6
+ var faqAccordion = "ph6wj61";
7
+ var header = "ph6wj62";
8
+ var summary = "ph6wj63";
9
+ var summaryHeader = "ph6wj64";
10
+ var content = "ph6wj65";
10
11
  export {
11
12
  content,
12
13
  faqAccordion,
14
+ faqAccordion_section,
13
15
  header,
14
16
  summary,
15
17
  summaryHeader
@@ -16,5 +16,6 @@ export declare const AccordionItemContent: (props: PropsWithChildren) => import(
16
16
  export declare const FaqAccordion: (props: {
17
17
  header?: string;
18
18
  accordionEmbedLevel?: string;
19
+ internalName?: string;
19
20
  id?: string;
20
21
  } & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -20,9 +20,10 @@ import "../Article/Article.css.js";
20
20
  import "../ArticlesSet/ArticlesSet.css.js";
21
21
  import "../IconBillboard/IconBillboard.css.js";
22
22
  import "../utils/allowedAxosDomains.js";
23
+ import clsx from "clsx";
24
+ import "../Calculators/calculator.css.js";
23
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
24
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
25
- import "clsx";
26
27
  import "../Table/Table.css.js";
27
28
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
29
  import "@hookform/resolvers/zod";
@@ -44,7 +45,6 @@ import "../Input/Checkbox.css.js";
44
45
  import "../LoadingIndicator/LoadingIndicator.css.js";
45
46
  import "../Input/RadioButton.js";
46
47
  import "iframe-resizer";
47
- import "../Calculators/calculator.css.js";
48
48
  /* empty css */
49
49
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
50
  /* empty css */
@@ -67,6 +67,7 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
67
67
  import "../FooterDisclosure/FooterDisclosure.css.js";
68
68
  /* empty css */
69
69
  import "../ImageBillboard/ImageBillboard.css.js";
70
+ /* empty css */
70
71
  /* empty css */
71
72
  /* empty css */
72
73
  import "../Interstitial/Interstitial-variants.css.js";
@@ -95,11 +96,12 @@ import "../StepItemSet/StepItemSet.css.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  /* empty css */
99
+ import "next/script.js";
98
100
  /* empty css */
99
101
  /* empty css */
100
102
  import { getLevelNumber } from "../utils/faqAccordionOptions.js";
101
103
  import { create } from "zustand";
102
- import { summary, summaryHeader, content, header, faqAccordion } from "./FaqAccordion.css.js";
104
+ import { summary, summaryHeader, content, faqAccordion_section, header, faqAccordion } from "./FaqAccordion.css.js";
103
105
  const useAccordion = create()((set) => ({
104
106
  itemsOpened: [],
105
107
  addItem: (id) => {
@@ -179,11 +181,18 @@ const AccordionItemContent = (props) => {
179
181
  return /* @__PURE__ */ jsx("div", { className: content, children: props.children });
180
182
  };
181
183
  const FaqAccordion = (props) => {
182
- const { children, id } = props;
183
- return /* @__PURE__ */ jsxs("section", { id, children: [
184
- props.header && /* @__PURE__ */ jsx("h2", { className: header, children: props.header }),
185
- /* @__PURE__ */ jsx("div", { className: faqAccordion, children })
186
- ] });
184
+ const { children, id, internalName } = props;
185
+ return /* @__PURE__ */ jsxs(
186
+ "section",
187
+ {
188
+ id: internalName?.replace(/ /g, "-") ?? id,
189
+ className: clsx("containment", faqAccordion_section),
190
+ children: [
191
+ props.header && /* @__PURE__ */ jsx("h2", { className: header, children: props.header }),
192
+ /* @__PURE__ */ jsx("div", { className: faqAccordion, children })
193
+ ]
194
+ }
195
+ );
187
196
  };
188
197
  export {
189
198
  AccordionCtas,
@@ -11,17 +11,18 @@ import "react";
11
11
  import "../../Chevron/Chevron.css.js";
12
12
  import "../../AlertBanner/AlertBanner.css.js";
13
13
  import "../../Article/Article.css.js";
14
- import "../../ArticlesSet/ArticlesSet.css.js";
15
14
  import "../../IconBillboard/IconBillboard.css.js";
16
15
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
17
16
  /* empty css */
18
17
  /* empty css */
19
- import "../../Button/Button.css.js";
20
- import "react-use";
21
18
  import "../../Interstitial/Interstitial-variants.css.js";
22
19
  /* empty css */
23
20
  import "../../Modal/contextApi/store.js";
24
21
  import "clsx";
22
+ import "../../Button/Button.css.js";
23
+ import "react-use";
24
+ import "../../ArticlesSet/ArticlesSet.css.js";
25
+ import "../../Calculators/calculator.css.js";
25
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
27
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
27
28
  import "../../Table/Table.css.js";
@@ -44,7 +45,6 @@ import "../../Input/Checkbox.css.js";
44
45
  import "../../LoadingIndicator/LoadingIndicator.css.js";
45
46
  import "../../Input/RadioButton.js";
46
47
  import "iframe-resizer";
47
- import "../../Calculators/calculator.css.js";
48
48
  /* empty css */
49
49
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
50
  /* empty css */
@@ -67,6 +67,7 @@ import "../../FaqAccordion/index.js";
67
67
  import "../../FooterDisclosure/FooterDisclosure.css.js";
68
68
  import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
69
69
  import "../../ImageBillboard/ImageBillboard.css.js";
70
+ /* empty css */
70
71
  /* empty css */
71
72
  /* empty css */
72
73
  import "../../LandingPageHeader/LandingPageHeader.css.js";
@@ -91,6 +92,7 @@ import "../../StepItemSet/StepItemSet.css.js";
91
92
  /* empty css */
92
93
  /* empty css */
93
94
  /* empty css */
95
+ import "next/script.js";
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  const AxosFooterSiteMap = () => {
@@ -26,15 +26,16 @@ import "react";
26
26
  import "../Chevron/Chevron.css.js";
27
27
  import "../AlertBanner/AlertBanner.css.js";
28
28
  import "../Article/Article.css.js";
29
- import "../ArticlesSet/ArticlesSet.css.js";
30
29
  import { Button } from "../Button/Button.js";
30
+ import "../Button/Button.css.js";
31
+ import "react-use";
32
+ import "../ArticlesSet/ArticlesSet.css.js";
31
33
  import "../IconBillboard/IconBillboard.css.js";
32
34
  import "../utils/allowedAxosDomains.js";
35
+ import clsx from "clsx";
36
+ import "../Calculators/calculator.css.js";
33
37
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
34
- import "../Button/Button.css.js";
35
- import "react-use";
36
38
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
37
- import clsx from "clsx";
38
39
  import "../Table/Table.css.js";
39
40
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
40
41
  import { useForm, FormProvider } from "react-hook-form";
@@ -46,7 +47,6 @@ import "../Input/Checkbox.css.js";
46
47
  import "../LoadingIndicator/LoadingIndicator.css.js";
47
48
  import "../Input/RadioButton.js";
48
49
  import "iframe-resizer";
49
- import "../Calculators/calculator.css.js";
50
50
  /* empty css */
51
51
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
52
52
  /* empty css */
@@ -70,6 +70,7 @@ import "../FaqAccordion/index.js";
70
70
  import "../FooterDisclosure/FooterDisclosure.css.js";
71
71
  /* empty css */
72
72
  import "../ImageBillboard/ImageBillboard.css.js";
73
+ /* empty css */
73
74
  /* empty css */
74
75
  /* empty css */
75
76
  import "../Interstitial/Interstitial-variants.css.js";
@@ -97,6 +98,7 @@ import "../StepItemSet/StepItemSet.css.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
101
+ import "next/script.js";
100
102
  /* empty css */
101
103
  /* empty css */
102
104
  const ContactUsBusiness = ({
@@ -26,15 +26,16 @@ import "react";
26
26
  import "../Chevron/Chevron.css.js";
27
27
  import "../AlertBanner/AlertBanner.css.js";
28
28
  import "../Article/Article.css.js";
29
- import "../ArticlesSet/ArticlesSet.css.js";
30
29
  import { Button } from "../Button/Button.js";
30
+ import "../Button/Button.css.js";
31
+ import "react-use";
32
+ import "../ArticlesSet/ArticlesSet.css.js";
31
33
  import "../IconBillboard/IconBillboard.css.js";
32
34
  import "../utils/allowedAxosDomains.js";
35
+ import clsx from "clsx";
36
+ import "../Calculators/calculator.css.js";
33
37
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
34
- import "../Button/Button.css.js";
35
- import "react-use";
36
38
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
37
- import clsx from "clsx";
38
39
  import "../Table/Table.css.js";
39
40
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
40
41
  import { useForm, FormProvider } from "react-hook-form";
@@ -46,7 +47,6 @@ import "../Input/Checkbox.css.js";
46
47
  import "../LoadingIndicator/LoadingIndicator.css.js";
47
48
  import "../Input/RadioButton.js";
48
49
  import "iframe-resizer";
49
- import "../Calculators/calculator.css.js";
50
50
  /* empty css */
51
51
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
52
52
  /* empty css */
@@ -70,6 +70,7 @@ import "../FaqAccordion/index.js";
70
70
  import "../FooterDisclosure/FooterDisclosure.css.js";
71
71
  /* empty css */
72
72
  import "../ImageBillboard/ImageBillboard.css.js";
73
+ /* empty css */
73
74
  /* empty css */
74
75
  /* empty css */
75
76
  import "../Interstitial/Interstitial-variants.css.js";
@@ -97,6 +98,7 @@ import "../StepItemSet/StepItemSet.css.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
101
+ import "next/script.js";
100
102
  /* empty css */
101
103
  /* empty css */
102
104
  const ContactUsNMLSId = ({
@@ -8,7 +8,7 @@ export type DealerServicesInputs = {
8
8
  title: string;
9
9
  company: string;
10
10
  Dealer_Type__c: string;
11
- Lead_Source_Detail_SFDC2__c: string;
11
+ Lead_Source_Detail_SFDC2__c2: string;
12
12
  city: string;
13
13
  state: string;
14
14
  zip: string;