@axos-web-dev/shared-components 0.0.146 → 0.0.148

package/README.md

@@ -1,111 +1,111 @@
-# Installation
-
-Using npm:
-
-```shell
-$ npm install @axos-web-dev/shared-components
-```
-
-To import components
-In Node.js:
-
-```js
-// Import Components
-import {
-  AlertBanner,
-  CallToActionBar,
-  DownloadTile,
-  ImageBillboard,
-  SecondaryFooter,
-} from "@axos-web-dev/shared-components";
-
-// Import Types/Interfaces
-
-import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
-```
-
-In css files:
-
-```css
-/*** Import styles ***/
-
-@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
-```
-
-# Shared components
-
-This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
-
-## How to add new component
-
-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.
-
-Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
-
-```shell
-git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
-
-cd shared-components
-
-npm install
-
-# for using storybook
-npm run storybook
-
-# for build
-npm run build
-
-# for testing in other projects
-npm run build
-
-npm link
-
-```
-
-For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
-
-```
-Given a version number MAJOR.MINOR.PATCH, increment the:
-
-    MAJOR version when you make incompatible API changes
-    MINOR version when you add functionality in a backward compatible manner
-    PATCH version when you make backward compatible bug fixes
-
-Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
-```
-
-we can update the version with the following commands:
-
-```shell
-# bumps the patch number like 0.0.0 -> 0.0.1
-npm version patch
-
-# bumps the patch number like 0.0.0 -> 0.1.0
-npm version minor
-
-# bumps the patch number like 0.0.0 -> 1.0.0
-npm version major
-
-
-
-```
-
-## How to publish new library version to npm
-
-First update the version as previously described
-
-```shell
-npm version [...]
-```
-
-Then you will need to login into npm to do that write:
-
-```shell
-npm login --scope=@my-org
-```
-
-Last you to publish the new version:
-
-```shell
-npm publish
-```
+# Installation
+
+Using npm:
+
+```shell
+$ npm install @axos-web-dev/shared-components
+```
+
+To import components
+In Node.js:
+
+```js
+// Import Components
+import {
+  AlertBanner,
+  CallToActionBar,
+  DownloadTile,
+  ImageBillboard,
+  SecondaryFooter,
+} from "@axos-web-dev/shared-components";
+
+// Import Types/Interfaces
+
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
+```
+
+In css files:
+
+```css
+/*** Import styles ***/
+
+@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
+```
+
+# Shared components
+
+This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
+
+## How to add new component
+
+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.
+
+Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
+
+```shell
+git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
+
+cd shared-components
+
+npm install
+
+# for using storybook
+npm run storybook
+
+# for build
+npm run build
+
+# for testing in other projects
+npm run build
+
+npm link
+
+```
+
+For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
+
+```
+Given a version number MAJOR.MINOR.PATCH, increment the:
+
+    MAJOR version when you make incompatible API changes
+    MINOR version when you add functionality in a backward compatible manner
+    PATCH version when you make backward compatible bug fixes
+
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+```
+
+we can update the version with the following commands:
+
+```shell
+# bumps the patch number like 0.0.0 -> 0.0.1
+npm version patch
+
+# bumps the patch number like 0.0.0 -> 0.1.0
+npm version minor
+
+# bumps the patch number like 0.0.0 -> 1.0.0
+npm version major
+
+
+
+```
+
+## How to publish new library version to npm
+
+First update the version as previously described
+
+```shell
+npm version [...]
+```
+
+Then you will need to login into npm to do that write:
+
+```shell
+npm login --scope=@my-org
+```
+
+Last you to publish the new version:
+
+```shell
+npm publish
+```

package/dist/ATMLocator/ATMLocator.js

@@ -51,12 +51,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import { iconForm } from "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -64,6 +65,9 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                        */
 import "react-wrap-balancer";
@@ -71,7 +75,6 @@ import "react-wrap-balancer";
 /* empty css                                                      */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */
@@ -98,7 +101,6 @@ import "../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "iframe-resizer";
 const ATMLocator = (props) => {

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-const avatar_sec = "_avatar_sec_wf36a_1";
-const container = "_container_wf36a_9";
-const image = "_image_wf36a_27";
-const text = "_text_wf36a_45";
-const name = "_name_wf36a_57";
-const title = "_title_wf36a_73";
-const description = "_description_wf36a_87";
+const avatar_sec = "_avatar_sec_1bnm9_1";
+const container = "_container_1bnm9_5";
+const image = "_image_1bnm9_14";
+const text = "_text_1bnm9_23";
+const name = "_name_1bnm9_29";
+const title = "_title_1bnm9_37";
+const description = "_description_1bnm9_44";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-const quote_spacer = "_quote_spacer_44gig_1";
-const author = "_author_44gig_15";
-const quote = "_quote_44gig_1";
+const quote_spacer = "_quote_spacer_4e152_1";
+const author = "_author_4e152_8";
+const quote = "_quote_4e152_1";
 const css = {
   quote_spacer,
   author,

package/dist/Button/Button.js

@@ -31,13 +31,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -45,12 +45,15 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";

package/dist/Calculators/Calculator.js

@@ -54,12 +54,13 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
@@ -103,6 +104,7 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../Input/RadioButton.js";
+import "../Inputs/Input.css.js";
 import { iframeResizer } from "iframe-resizer";
 import { calculators } from "./calculators.js";
 const Calculator = (props) => {

package/dist/Carousel/index.js

@@ -37,12 +37,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -50,6 +51,7 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Chevron/index.js

@@ -33,13 +33,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -47,12 +47,15 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";

package/dist/Comparison/Comparison.js

@@ -31,13 +31,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -45,11 +45,15 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
@@ -72,9 +76,7 @@ import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                    */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */

package/dist/FaqAccordion/index.js

@@ -31,13 +31,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -45,12 +45,16 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
@@ -73,9 +77,7 @@ import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                    */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,5 +1,5 @@
-const fdic_callout = "_fdic_callout_eqzgp_1";
-const inner_container = "_inner_container_eqzgp_11";
+const fdic_callout = "_fdic_callout_1f6md_1";
+const inner_container = "_inner_container_1f6md_6";
 const css = {
   fdic_callout,
   inner_container

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -32,12 +32,13 @@ import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import "../../Input/Dropdown.js";
-/* empty css                                      */
+import "../../Input/Dropdown.css.js";
 import "../../Input/Input.js";
 import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
@@ -45,6 +46,7 @@ import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
+import "../../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Forms/ApplicationStart.js

@@ -8,13 +8,13 @@ import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ClearingForm.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import CheckboxGroup from "../Input/CheckboxGroup.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/CommercialDeposits.js

@@ -8,13 +8,13 @@ import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/CommercialLending.js

@@ -8,13 +8,13 @@ import { useLocation } from "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/ContactCompany.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ContactUs.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ContactUsAAS.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";