@axos-web-dev/shared-components 2.0.0-dev.6 → 2.0.0-dev.7-fixdependencies

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/README.md +111 -111
  2. package/dist/ATMLocator/ATMLocator.js +1 -1
  3. package/dist/Accordion/Accordion.js +3 -3
  4. package/dist/AlertBanner/index.js +1 -1
  5. package/dist/Article/Article.js +1 -1
  6. package/dist/Auth/ErrorAlert.js +1 -1
  7. package/dist/Avatar/Avatar.module.js +7 -7
  8. package/dist/Blockquote/Blockquote.module.js +3 -3
  9. package/dist/Button/Button.js +1 -1
  10. package/dist/Calculators/AnnualFeeCalculator/index.js +1 -1
  11. package/dist/Calculators/ApyCalculator/index.js +1 -1
  12. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  13. package/dist/Calculators/Calculator.js +1 -1
  14. package/dist/Calculators/MarginTradingCalculator/index.js +2 -2
  15. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
  16. package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
  17. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
  18. package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -1
  19. package/dist/Carousel/index.js +2 -2
  20. package/dist/Chatbot/Chatbot.js +1 -1
  21. package/dist/Chevron/index.js +1 -1
  22. package/dist/Comparison/Comparison.js +1 -1
  23. package/dist/ContentBanner/index.js +1 -1
  24. package/dist/ExecutiveBio/ExecutiveBio.js +2 -2
  25. package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -1
  26. package/dist/FaqAccordion/index.js +2 -2
  27. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  28. package/dist/FooterDisclosure/FooterDisclosure.js +1 -1
  29. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  30. package/dist/Forms/ApplyNow.js +1 -1
  31. package/dist/Forms/ContactUsBusiness.js +1 -1
  32. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  33. package/dist/Forms/ContactUsNMLSId.js +1 -1
  34. package/dist/Forms/CpraRequest.js +1 -1
  35. package/dist/Forms/CraPublicFile.js +1 -1
  36. package/dist/Forms/EmailOnly.js +1 -1
  37. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -2
  38. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  39. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  40. package/dist/Forms/SuccesForm.js +1 -1
  41. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
  42. package/dist/HeroBanner/HeroBanner.css.js +19 -16
  43. package/dist/HeroBanner/HeroBanner.d.ts +1 -1
  44. package/dist/HeroBanner/HeroBanner.interface.d.ts +4 -1
  45. package/dist/HeroBanner/HeroBanner.js +26 -160
  46. package/dist/HeroBanner/HeroVideoPoster.d.ts +5 -0
  47. package/dist/HeroBanner/HeroVideoPoster.js +24 -0
  48. package/dist/HeroBanner/LargeBanner.css.d.ts +110 -0
  49. package/dist/HeroBanner/LargeBanner.css.js +22 -8
  50. package/dist/HeroBanner/LargeHeroBanner.d.ts +5 -0
  51. package/dist/HeroBanner/LargeHeroBanner.js +223 -0
  52. package/dist/HeroBanner/index.js +3 -2
  53. package/dist/Hyperlink/index.js +1 -1
  54. package/dist/IconBillboard/IconBillboardSet.js +1 -1
  55. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  56. package/dist/ImageLink/index.js +1 -1
  57. package/dist/Input/Checkbox.js +2 -2
  58. package/dist/Input/DownPaymentInput.js +1 -1
  59. package/dist/Input/Dropdown.js +1 -1
  60. package/dist/Input/Input.js +1 -1
  61. package/dist/Input/InputTextArea.js +1 -1
  62. package/dist/Insight/Featured/CategorySelector.js +1 -1
  63. package/dist/Insight/Featured/Featured.js +3 -3
  64. package/dist/Insight/Featured/Header.js +1 -1
  65. package/dist/Interstitial/Interstitial.module.js +10 -10
  66. package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
  67. package/dist/Modal/Modal.js +1 -1
  68. package/dist/Modal/contextApi/store.js +1 -1
  69. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  70. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  71. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  72. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  73. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +1 -1
  74. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  75. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  76. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  77. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  78. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  79. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  80. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  81. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  82. package/dist/NavigationMenu/Navbar.js +1 -1
  83. package/dist/NavigationMenu/SignInNavButton.js +1 -1
  84. package/dist/PageNavItem/PageNavItem.js +1 -1
  85. package/dist/SetContainer/SetContainer.js +1 -1
  86. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  87. package/dist/StepItem/StepItem.js +1 -1
  88. package/dist/StepItemSet/StepItemSet.js +1 -1
  89. package/dist/Table/Table.js +1 -1
  90. package/dist/Topic/Topic.js +1 -1
  91. package/dist/VideoTile/VideoTile.js +1 -1
  92. package/dist/VideoWrapper/index.js +1 -1
  93. package/dist/WalnutIframe/wrapper.module.js +3 -3
  94. package/dist/assets/Avatar/Avatar.css +59 -59
  95. package/dist/assets/Blockquote/Blockquote.css +72 -72
  96. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  97. package/dist/assets/HeroBanner/HeroBanner.css +82 -65
  98. package/dist/assets/HeroBanner/LargeBanner.css +126 -59
  99. package/dist/assets/Interstitial/Interstitial.css +142 -142
  100. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
  101. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  102. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
  103. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -353
  104. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
  105. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
  106. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
  107. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  108. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  109. package/dist/assets/globals.css +6 -6
  110. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  111. package/dist/main.js +3 -2
  112. package/dist/utils/getPosition.d.ts +1 -0
  113. package/dist/utils/getPosition.js +17 -0
  114. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  115. package/dist/utils/variant.types.d.ts +1 -0
  116. package/package.json +148 -148
package/README.md CHANGED
@@ -1,111 +1,111 @@
1
- # Installation
2
-
3
- Using npm:
4
-
5
- ```shell
6
- $ npm install @axos-web-dev/shared-components
7
- ```
8
-
9
- To import components
10
- In Node.js:
11
-
12
- ```js
13
- // Import Components
14
- import {
15
- AlertBanner,
16
- CallToActionBar,
17
- DownloadTile,
18
- ImageBillboard,
19
- SecondaryFooter,
20
- } from "@axos-web-dev/shared-components";
21
-
22
- // Import Types/Interfaces
23
-
24
- import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
25
- ```
26
-
27
- In css files:
28
-
29
- ```css
30
- /*** Import styles ***/
31
-
32
- @import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
33
- ```
34
-
35
- # Shared components
36
-
37
- This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
38
-
39
- ## How to add new component
40
-
41
- For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
42
-
43
- Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
44
-
45
- ```shell
46
- git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
47
-
48
- cd shared-components
49
-
50
- npm install
51
-
52
- # for using storybook
53
- npm run storybook
54
-
55
- # for build
56
- npm run build
57
-
58
- # for testing in other projects
59
- npm run build
60
-
61
- npm link
62
-
63
- ```
64
-
65
- For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
66
-
67
- ```
68
- Given a version number MAJOR.MINOR.PATCH, increment the:
69
-
70
- MAJOR version when you make incompatible API changes
71
- MINOR version when you add functionality in a backward compatible manner
72
- PATCH version when you make backward compatible bug fixes
73
-
74
- Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
75
- ```
76
-
77
- we can update the version with the following commands:
78
-
79
- ```shell
80
- # bumps the patch number like 0.0.0 -> 0.0.1
81
- npm version patch
82
-
83
- # bumps the patch number like 0.0.0 -> 0.1.0
84
- npm version minor
85
-
86
- # bumps the patch number like 0.0.0 -> 1.0.0
87
- npm version major
88
-
89
-
90
-
91
- ```
92
-
93
- ## How to publish new library version to npm
94
-
95
- First update the version as previously described
96
-
97
- ```shell
98
- npm version [...]
99
- ```
100
-
101
- Then you will need to login into npm to do that write:
102
-
103
- ```shell
104
- npm login --scope=@my-org
105
- ```
106
-
107
- Last you to publish the new version:
108
-
109
- ```shell
110
- npm publish
111
- ```
1
+ # Installation
2
+
3
+ Using npm:
4
+
5
+ ```shell
6
+ $ npm install @axos-web-dev/shared-components
7
+ ```
8
+
9
+ To import components
10
+ In Node.js:
11
+
12
+ ```js
13
+ // Import Components
14
+ import {
15
+ AlertBanner,
16
+ CallToActionBar,
17
+ DownloadTile,
18
+ ImageBillboard,
19
+ SecondaryFooter,
20
+ } from "@axos-web-dev/shared-components";
21
+
22
+ // Import Types/Interfaces
23
+
24
+ import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
25
+ ```
26
+
27
+ In css files:
28
+
29
+ ```css
30
+ /*** Import styles ***/
31
+
32
+ @import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
33
+ ```
34
+
35
+ # Shared components
36
+
37
+ This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
38
+
39
+ ## How to add new component
40
+
41
+ For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
42
+
43
+ Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
44
+
45
+ ```shell
46
+ git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
47
+
48
+ cd shared-components
49
+
50
+ npm install
51
+
52
+ # for using storybook
53
+ npm run storybook
54
+
55
+ # for build
56
+ npm run build
57
+
58
+ # for testing in other projects
59
+ npm run build
60
+
61
+ npm link
62
+
63
+ ```
64
+
65
+ For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
66
+
67
+ ```
68
+ Given a version number MAJOR.MINOR.PATCH, increment the:
69
+
70
+ MAJOR version when you make incompatible API changes
71
+ MINOR version when you add functionality in a backward compatible manner
72
+ PATCH version when you make backward compatible bug fixes
73
+
74
+ Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
75
+ ```
76
+
77
+ we can update the version with the following commands:
78
+
79
+ ```shell
80
+ # bumps the patch number like 0.0.0 -> 0.0.1
81
+ npm version patch
82
+
83
+ # bumps the patch number like 0.0.0 -> 0.1.0
84
+ npm version minor
85
+
86
+ # bumps the patch number like 0.0.0 -> 1.0.0
87
+ npm version major
88
+
89
+
90
+
91
+ ```
92
+
93
+ ## How to publish new library version to npm
94
+
95
+ First update the version as previously described
96
+
97
+ ```shell
98
+ npm version [...]
99
+ ```
100
+
101
+ Then you will need to login into npm to do that write:
102
+
103
+ ```shell
104
+ npm login --scope=@my-org
105
+ ```
106
+
107
+ Last you to publish the new version:
108
+
109
+ ```shell
110
+ npm publish
111
+ ```
@@ -77,8 +77,8 @@ import "../Chatbot/store/messages.js";
77
77
  /* empty css */
78
78
  import "../Comparison/Comparison.css.js";
79
79
  import "next/image.js";
80
- import "../HeroBanner/HeroBanner.css.js";
81
80
  import "../HeroBanner/LargeBanner.css.js";
81
+ import "../HeroBanner/HeroBanner.css.js";
82
82
  import "../HeroBanner/SelectionBanner.css.js";
83
83
  import "../SetContainer/SetContainer.css.js";
84
84
  import "../Tab/Tab.css.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import clsx from "clsx";
4
- import React, { createContext, useContext, useState } from "react";
4
+ import React, { createContext, useState, useContext } from "react";
5
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
7
  import SvgChevronDown from "../icons/ChevronDown.js";
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
- import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
15
+ import { bodyAccordion, hide, paragraph, accordion, headerContent, icon, headerAccordion } from "./Accordion.css.js";
16
16
  const AccordionCtx = createContext({
17
17
  isOpen: false,
18
18
  onclick: () => {
@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
10
10
  /* empty css */
11
11
  import SvgLockIcon from "../icons/LockIcon/index.js";
12
12
  import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
13
- import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
13
+ import { alertBanner_img_section, alertBanner_body, alertBanner_cta, alertBanner } from "./AlertBanner.css.js";
14
14
  const AlertBanner = ({
15
15
  alertType,
16
16
  message,
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
3
  import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
4
- import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
4
+ import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta, ant_article } from "./Article.css.js";
5
5
  import { Button } from "../Button/Button.js";
6
6
  import "../Button/Button.css.js";
7
7
  import "react";
@@ -73,8 +73,8 @@ import { Hyperlink } from "../Hyperlink/index.js";
73
73
  /* empty css */
74
74
  import "../Comparison/Comparison.css.js";
75
75
  import "next/image.js";
76
- import "../HeroBanner/HeroBanner.css.js";
77
76
  import "../HeroBanner/LargeBanner.css.js";
77
+ import "../HeroBanner/HeroBanner.css.js";
78
78
  import "../HeroBanner/SelectionBanner.css.js";
79
79
  import "../SetContainer/SetContainer.css.js";
80
80
  import "../Tab/Tab.css.js";
@@ -1,10 +1,10 @@
1
- import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_1clr6_1";
2
- const container = "_container_1clr6_5";
3
- const image = "_image_1clr6_14";
4
- const text = "_text_1clr6_23";
5
- const name = "_name_1clr6_29";
6
- const title = "_title_1clr6_37";
7
- const description = "_description_1clr6_44";
1
+ import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_q4a8z_1";
2
+ const container = "_container_q4a8z_9";
3
+ const image = "_image_q4a8z_27";
4
+ const text = "_text_q4a8z_45";
5
+ const name = "_name_q4a8z_57";
6
+ const title = "_title_q4a8z_73";
7
+ const description = "_description_q4a8z_87";
8
8
  const css = {
9
9
  avatar_sec,
10
10
  container,
@@ -1,6 +1,6 @@
1
- import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_ovx4r_1";
2
- const author = "_author_ovx4r_7";
3
- const quote = "_quote_ovx4r_1";
1
+ import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_lqs2u_1";
2
+ const author = "_author_lqs2u_13";
3
+ const quote = "_quote_lqs2u_1";
4
4
  const css = {
5
5
  quote_spacer,
6
6
  author,
@@ -80,8 +80,8 @@ import "../Chatbot/store/messages.js";
80
80
  /* empty css */
81
81
  import "../Comparison/Comparison.css.js";
82
82
  import "next/image.js";
83
- import "../HeroBanner/HeroBanner.css.js";
84
83
  import "../HeroBanner/LargeBanner.css.js";
84
+ import "../HeroBanner/HeroBanner.css.js";
85
85
  import "../HeroBanner/SelectionBanner.css.js";
86
86
  import "../SetContainer/SetContainer.css.js";
87
87
  import "../Tab/Tab.css.js";
@@ -7,7 +7,7 @@ import { getVariant } from "../../utils/getVariant.js";
7
7
  import { useRef, useState, useEffect } from "react";
8
8
  import clsx from "clsx";
9
9
  import { calculator } from "../calculator.css.js";
10
- import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
10
+ import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block, container } from "./AnnualFeeCalculator.css.js";
11
11
  const AnnualFeeCalculator = ({
12
12
  marketingTiles,
13
13
  variant: fullVariant = "primary"
@@ -8,7 +8,7 @@ import { Chevron } from "../../Chevron/index.js";
8
8
  import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
9
9
  import { useGlobalContext } from "../../Modal/contextApi/store.js";
10
10
  import { getVariant } from "../../utils/getVariant.js";
11
- import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
11
+ import { apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent, container } from "./ApyCalculator.css.js";
12
12
  const ApyCalculator = ({
13
13
  header,
14
14
  body,
@@ -22,7 +22,7 @@ import { z } from "zod";
22
22
  import { getVariant } from "../../utils/getVariant.js";
23
23
  import clsx from "clsx";
24
24
  import { useForm, FormProvider } from "react-hook-form";
25
- import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
25
+ import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure, calc_container } from "./BuyDownCalculator.css.js";
26
26
  const BuyDownCalculator = ({
27
27
  header,
28
28
  body,
@@ -60,8 +60,8 @@ import "../Chatbot/store/messages.js";
60
60
  /* empty css */
61
61
  import "../Comparison/Comparison.css.js";
62
62
  import "next/image.js";
63
- import "../HeroBanner/HeroBanner.css.js";
64
63
  import "../HeroBanner/LargeBanner.css.js";
64
+ import "../HeroBanner/HeroBanner.css.js";
65
65
  import "../HeroBanner/SelectionBanner.css.js";
66
66
  import "../SetContainer/SetContainer.css.js";
67
67
  import "../Tab/Tab.css.js";
@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
4
4
  import { button } from "../../Button/Button.css.js";
5
5
  import { useEffect } from "react";
6
6
  import "react-use";
7
- import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
7
+ import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
8
8
  import { Chevron } from "../../Chevron/index.js";
9
9
  import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
10
10
  import { getVariant } from "../../utils/getVariant.js";
@@ -81,8 +81,8 @@ import "../../Chatbot/store/messages.js";
81
81
  /* empty css */
82
82
  import "../../Comparison/Comparison.css.js";
83
83
  import "next/image.js";
84
- import "../../HeroBanner/HeroBanner.css.js";
85
84
  import "../../HeroBanner/LargeBanner.css.js";
85
+ import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
87
87
  import "../../SetContainer/SetContainer.css.js";
88
88
  import "../../Tab/Tab.css.js";
@@ -7,7 +7,7 @@ import { useState } from "react";
7
7
  import clsx from "clsx";
8
8
  import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
9
9
  import { calculator } from "../calculator.css.js";
10
- import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
10
+ import { calc_container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
11
11
  const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
12
12
  const fullVariant = getVariant(variant);
13
13
  const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { button } from "../../Button/Button.css.js";
4
- import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
4
+ import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
5
5
  import { title } from "../../IconBillboard/IconBillboard.css.js";
6
6
  import { getVariant } from "../../utils/getVariant.js";
7
7
  import { useState } from "react";
@@ -7,7 +7,7 @@ import { useState } from "react";
7
7
  import clsx from "clsx";
8
8
  import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
9
9
  import { calculator } from "../calculator.css.js";
10
- import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
10
+ import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "./MonthlyPaymentCalculator.css.js";
11
11
  const MonthlyPaymentCalculator = ({
12
12
  variant,
13
13
  header,
@@ -4,7 +4,7 @@ import { button } from "../../Button/Button.css.js";
4
4
  import { getVariant } from "../../utils/getVariant.js";
5
5
  import { useState } from "react";
6
6
  import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
7
- import { bg_vars, calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax } from "./MonthlyPaymentCalculator.css.js";
7
+ import { calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax, bg_vars } from "./MonthlyPaymentCalculator.css.js";
8
8
  const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
9
9
  const theme = getVariant(variant);
10
10
  const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");
@@ -82,8 +82,8 @@ import "../Chatbot/store/messages.js";
82
82
  /* empty css */
83
83
  import "../Comparison/Comparison.css.js";
84
84
  import "next/image.js";
85
- import "../HeroBanner/HeroBanner.css.js";
86
85
  import "../HeroBanner/LargeBanner.css.js";
86
+ import "../HeroBanner/HeroBanner.css.js";
87
87
  import "../HeroBanner/SelectionBanner.css.js";
88
88
  import "../SetContainer/SetContainer.css.js";
89
89
  import "../Tab/Tab.css.js";
@@ -128,7 +128,7 @@ import "../StepItemSet/StepItemSet.css.js";
128
128
  /* empty css */
129
129
  /* empty css */
130
130
  /* empty css */
131
- import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
131
+ import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
132
132
  import { useCarousel } from "./store.js";
133
133
  const iconVarints = /* @__PURE__ */ new Map([
134
134
  [
@@ -9,7 +9,7 @@ import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
9
9
  import { ChatWindow } from "./ChatWindow.js";
10
10
  import { useOpenChat } from "./store/chat.js";
11
11
  import { useMessages } from "./store/messages.js";
12
- const __vite_import_meta_env__ = { "VITE_COMPANY_ID": "17524785112945485a16ec8e771737dce", "VITE_HOST": "https://axccaipdev-i3ofmup.uc1.ccaiplatform.com", "VITE_TENANT_NAME": "axccaipdev-i3ofmup" };
12
+ const __vite_import_meta_env__ = {};
13
13
  const env = __vite_import_meta_env__ || process.env;
14
14
  if (typeof window !== "undefined") {
15
15
  const OriginalAudio = window.Audio;
@@ -81,8 +81,8 @@ import "../Chatbot/store/messages.js";
81
81
  /* empty css */
82
82
  import "../Comparison/Comparison.css.js";
83
83
  import "next/image.js";
84
- import "../HeroBanner/HeroBanner.css.js";
85
84
  import "../HeroBanner/LargeBanner.css.js";
85
+ import "../HeroBanner/HeroBanner.css.js";
86
86
  import "../HeroBanner/SelectionBanner.css.js";
87
87
  import "../SetContainer/SetContainer.css.js";
88
88
  import "../Tab/Tab.css.js";
@@ -82,8 +82,8 @@ import "../Chatbot/store/messages.js";
82
82
  /* empty css */
83
83
  import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
84
84
  import "next/image.js";
85
- import "../HeroBanner/HeroBanner.css.js";
86
85
  import "../HeroBanner/LargeBanner.css.js";
86
+ import "../HeroBanner/HeroBanner.css.js";
87
87
  import "../HeroBanner/SelectionBanner.css.js";
88
88
  import "../SetContainer/SetContainer.css.js";
89
89
  import { active_content } from "../Tab/Tab.css.js";
@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
7
7
  import { Button } from "../Button/Button.js";
8
8
  import "../Button/Button.css.js";
9
9
  import "react-use";
10
- import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
10
+ import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
11
11
  const ContentBanner = ({
12
12
  variant,
13
13
  icon,
@@ -4,7 +4,7 @@ import { getVariant } from "../utils/getVariant.js";
4
4
  import { Chevron } from "../Chevron/index.js";
5
5
  import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
6
6
  import { Overlay } from "./Overlay.js";
7
- import { executive_bio, compact, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
7
+ import { executive_bio, compact, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay, ceoSection } from "./ExecutiveBio.css.js";
8
8
  import "../Accordion/Accordion.js";
9
9
  import "../Accordion/Accordion.css.js";
10
10
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -83,8 +83,8 @@ import "../Chatbot/store/messages.js";
83
83
  /* empty css */
84
84
  import "../Comparison/Comparison.css.js";
85
85
  import "next/image.js";
86
- import "../HeroBanner/HeroBanner.css.js";
87
86
  import "../HeroBanner/LargeBanner.css.js";
87
+ import "../HeroBanner/HeroBanner.css.js";
88
88
  import "../HeroBanner/SelectionBanner.css.js";
89
89
  import "../SetContainer/SetContainer.css.js";
90
90
  import "../Tab/Tab.css.js";
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
3
  import { ExecutiveBio } from "./ExecutiveBio.js";
4
- import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
4
+ import { bio_section_text, header_theme, components, details, section_theme } from "./ExecutiveBio.css.js";
5
5
  import "react";
6
6
  import { columnValues } from "../utils/variant.types.js";
7
7
  import { getNumOfColumns } from "../utils/getNumber.js";
@@ -83,8 +83,8 @@ import "../Chatbot/store/messages.js";
83
83
  /* empty css */
84
84
  import "../Comparison/Comparison.css.js";
85
85
  import "next/image.js";
86
- import "../HeroBanner/HeroBanner.css.js";
87
86
  import "../HeroBanner/LargeBanner.css.js";
87
+ import "../HeroBanner/HeroBanner.css.js";
88
88
  import "../HeroBanner/SelectionBanner.css.js";
89
89
  import { setcontainer_section_text } from "../SetContainer/SetContainer.css.js";
90
90
  import "../Tab/Tab.css.js";
@@ -130,7 +130,7 @@ import "../StepItemSet/StepItemSet.css.js";
130
130
  /* empty css */
131
131
  import { getLevelNumber } from "../utils/faqAccordionOptions.js";
132
132
  import { create } from "zustand";
133
- import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
133
+ import { content, summary, summaryHeader, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
134
134
  const useAccordion = create()((set) => ({
135
135
  itemsOpened: [],
136
136
  addItem: (id) => {
@@ -1,5 +1,5 @@
1
- import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_1f6md_1";
2
- const inner_container = "_inner_container_1f6md_6";
1
+ import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_eqzgp_1";
2
+ const inner_container = "_inner_container_eqzgp_11";
3
3
  const css = {
4
4
  fdic_callout,
5
5
  inner_container
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
- import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
3
+ import { footerDisclosure, iconsContent, footerParagraph } from "./FooterDisclosure.css.js";
4
4
  const FooterContent = (props) => {
5
5
  return /* @__PURE__ */ jsx(
6
6
  "div",
@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../../HeroBanner/HeroBanner.css.js";
83
82
  import "../../HeroBanner/LargeBanner.css.js";
83
+ import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
85
85
  import "../../SetContainer/SetContainer.css.js";
86
86
  import "../../Tab/Tab.css.js";
@@ -84,8 +84,8 @@ import "../Chatbot/store/messages.js";
84
84
  /* empty css */
85
85
  import "../Comparison/Comparison.css.js";
86
86
  import "next/image.js";
87
- import "../HeroBanner/HeroBanner.css.js";
88
87
  import "../HeroBanner/LargeBanner.css.js";
88
+ import "../HeroBanner/HeroBanner.css.js";
89
89
  import "../HeroBanner/SelectionBanner.css.js";
90
90
  import "../SetContainer/SetContainer.css.js";
91
91
  import "../Tab/Tab.css.js";
@@ -85,8 +85,8 @@ import "../Chatbot/store/messages.js";
85
85
  /* empty css */
86
86
  import "../Comparison/Comparison.css.js";
87
87
  import "next/image.js";
88
- import "../HeroBanner/HeroBanner.css.js";
89
88
  import "../HeroBanner/LargeBanner.css.js";
89
+ import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
91
91
  import "../SetContainer/SetContainer.css.js";
92
92
  import "../Tab/Tab.css.js";
@@ -85,8 +85,8 @@ import "../Chatbot/store/messages.js";
85
85
  /* empty css */
86
86
  import "../Comparison/Comparison.css.js";
87
87
  import "next/image.js";
88
- import "../HeroBanner/HeroBanner.css.js";
89
88
  import "../HeroBanner/LargeBanner.css.js";
89
+ import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
91
91
  import "../SetContainer/SetContainer.css.js";
92
92
  import "../Tab/Tab.css.js";
@@ -85,8 +85,8 @@ import "../Chatbot/store/messages.js";
85
85
  /* empty css */
86
86
  import "../Comparison/Comparison.css.js";
87
87
  import "next/image.js";
88
- import "../HeroBanner/HeroBanner.css.js";
89
88
  import "../HeroBanner/LargeBanner.css.js";
89
+ import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
91
91
  import "../SetContainer/SetContainer.css.js";
92
92
  import "../Tab/Tab.css.js";
@@ -85,8 +85,8 @@ import "../Chatbot/store/messages.js";
85
85
  /* empty css */
86
86
  import "../Comparison/Comparison.css.js";
87
87
  import "next/image.js";
88
- import "../HeroBanner/HeroBanner.css.js";
89
88
  import "../HeroBanner/LargeBanner.css.js";
89
+ import "../HeroBanner/HeroBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
91
91
  import "../SetContainer/SetContainer.css.js";
92
92
  import "../Tab/Tab.css.js";