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

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

@@ -80,9 +80,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-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 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 css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

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

package/dist/Button/Button.js

@@ -81,9 +81,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Calculators/Calculator.js

@@ -76,9 +76,9 @@ import "react-use";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Carousel/index.js

@@ -84,9 +84,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Chevron/index.js

@@ -83,9 +83,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Comparison/Comparison.js

@@ -83,9 +83,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/FaqAccordion/index.js

@@ -84,9 +84,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/FdicCallout/FdicCallout.module.js

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

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -80,9 +80,9 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                          */
 import "../../PageNavItem/PageNavItem.css.js";

package/dist/Forms/ContactUsBusiness.js

@@ -86,9 +86,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Forms/ContactUsNMLSId.js

@@ -86,9 +86,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Forms/EmailOnly.js

@@ -87,9 +87,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Forms/SuccesForm.js

@@ -74,9 +74,9 @@ import "react-use";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Hyperlink/index.js

@@ -81,9 +81,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/ImageLink/ImageLink.js

@@ -77,9 +77,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -84,9 +84,9 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/ImageLink/index.js

@@ -79,9 +79,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -79,9 +79,9 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                          */
 import "../../PageNavItem/PageNavItem.css.js";

package/dist/Insight/Featured/Featured.js

@@ -83,9 +83,9 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                          */
 import "../../PageNavItem/PageNavItem.css.js";

package/dist/Interstitial/Interstitial.module.js

@@ -1,12 +1,12 @@
-const overlay = "_overlay_1euix_24";
-const modal = "_modal_1euix_40";
-const vanish = "_vanish_1euix_1";
-const appear = "_appear_1euix_1";
-const close_button = "_close_button_1euix_55";
-const modal_content = "_modal_content_1euix_70";
-const img_area = "_img_area_1euix_74";
-const body_copy = "_body_copy_1euix_84";
-const btns = "_btns_1euix_98";
+const overlay = "_overlay_s4llo_47";
+const modal = "_modal_s4llo_79";
+const vanish = "_vanish_s4llo_1";
+const appear = "_appear_s4llo_1";
+const close_button = "_close_button_s4llo_109";
+const modal_content = "_modal_content_s4llo_139";
+const img_area = "_img_area_s4llo_147";
+const body_copy = "_body_copy_s4llo_167";
+const btns = "_btns_s4llo_195";
 const css = {
   overlay,
   modal,

package/dist/Modal/Modal.js

@@ -80,9 +80,9 @@ import "./contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-import "next/navigation.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,57 +1,57 @@
-const header = "_header_5kqsg_1";
-const wrapper = "_wrapper_5kqsg_5";
-const header_main_row = "_header_main_row_5kqsg_11";
-const mobile_header = "_mobile_header_5kqsg_12";
-const logo_wrap = "_logo_wrap_5kqsg_18";
-const primary_links = "_primary_links_5kqsg_22";
-const main_nav_link = "_main_nav_link_5kqsg_26";
-const sub_nav_link = "_sub_nav_link_5kqsg_48";
-const signin_wrap = "_signin_wrap_5kqsg_50";
-const signin_btn = "_signin_btn_5kqsg_51";
-const sub_nav = "_sub_nav_5kqsg_48";
-const header_sub_row = "_header_sub_row_5kqsg_94";
-const signin_dropdown = "_signin_dropdown_5kqsg_110";
-const shadow = "_shadow_5kqsg_120";
-const signin_header = "_signin_header_5kqsg_128";
-const signin_subheader = "_signin_subheader_5kqsg_135";
-const opacity = "_opacity_5kqsg_157";
-const fadeInDown = "_fadeInDown_5kqsg_1";
-const footer = "_footer_5kqsg_163";
-const open = "_open_5kqsg_179";
-const dd_wrapper = "_dd_wrapper_5kqsg_191";
-const dd_media = "_dd_media_5kqsg_196";
-const dd_media_img = "_dd_media_img_5kqsg_201";
-const dd_site_navs = "_dd_site_navs_5kqsg_205";
-const dd_media_header = "_dd_media_header_5kqsg_212";
-const mt_8 = "_mt_8_5kqsg_221";
-const mt_16 = "_mt_16_5kqsg_225";
-const ml_8 = "_ml_8_5kqsg_229";
-const dd_media_cta = "_dd_media_cta_5kqsg_233";
-const reversed_row = "_reversed_row_5kqsg_247";
-const headline = "_headline_5kqsg_263";
-const nav_anchor = "_nav_anchor_5kqsg_269";
-const headline_cta = "_headline_cta_5kqsg_277";
-const site_lists = "_site_lists_5kqsg_292";
-const hamburger = "_hamburger_5kqsg_327";
-const mobile_only = "_mobile_only_5kqsg_341";
-const mobile_logo = "_mobile_logo_5kqsg_347";
-const highlight = "_highlight_5kqsg_352";
-const mobile_nav = "_mobile_nav_5kqsg_388";
-const mobile_opened = "_mobile_opened_5kqsg_399";
-const _mobile_opened = "__mobile_opened_5kqsg_403";
-const mobile_nav_item = "_mobile_nav_item_5kqsg_407";
-const has_dropdown = "_has_dropdown_5kqsg_422";
-const icon_wrap = "_icon_wrap_5kqsg_443";
-const mobile_footer = "_mobile_footer_5kqsg_448";
-const mobile_footer_content = "_mobile_footer_content_5kqsg_453";
-const mobile_footer_media = "_mobile_footer_media_5kqsg_467";
-const footer_cta = "_footer_cta_5kqsg_473";
-const inner_wrapper = "_inner_wrapper_5kqsg_501";
-const btn = "_btn_5kqsg_506";
-const sub_menu = "_sub_menu_5kqsg_511";
-const main = "_main_5kqsg_26";
-const dd_footer = "_dd_footer_5kqsg_536";
-const desktop_only = "_desktop_only_5kqsg_555";
+const header = "_header_10rry_1";
+const wrapper = "_wrapper_10rry_9";
+const header_main_row = "_header_main_row_10rry_21";
+const mobile_header = "_mobile_header_10rry_23";
+const logo_wrap = "_logo_wrap_10rry_35";
+const primary_links = "_primary_links_10rry_43";
+const main_nav_link = "_main_nav_link_10rry_51";
+const sub_nav_link = "_sub_nav_link_10rry_95";
+const signin_wrap = "_signin_wrap_10rry_99";
+const signin_btn = "_signin_btn_10rry_101";
+const sub_nav = "_sub_nav_10rry_95";
+const header_sub_row = "_header_sub_row_10rry_187";
+const signin_dropdown = "_signin_dropdown_10rry_219";
+const shadow = "_shadow_10rry_239";
+const signin_header = "_signin_header_10rry_255";
+const signin_subheader = "_signin_subheader_10rry_269";
+const opacity = "_opacity_10rry_313";
+const fadeInDown = "_fadeInDown_10rry_1";
+const footer = "_footer_10rry_325";
+const open = "_open_10rry_357";
+const dd_wrapper = "_dd_wrapper_10rry_381";
+const dd_media = "_dd_media_10rry_391";
+const dd_media_img = "_dd_media_img_10rry_401";
+const dd_site_navs = "_dd_site_navs_10rry_409";
+const dd_media_header = "_dd_media_header_10rry_423";
+const mt_8 = "_mt_8_10rry_441";
+const mt_16 = "_mt_16_10rry_449";
+const ml_8 = "_ml_8_10rry_457";
+const dd_media_cta = "_dd_media_cta_10rry_465";
+const reversed_row = "_reversed_row_10rry_493";
+const headline = "_headline_10rry_525";
+const nav_anchor = "_nav_anchor_10rry_537";
+const headline_cta = "_headline_cta_10rry_553";
+const site_lists = "_site_lists_10rry_583";
+const hamburger = "_hamburger_10rry_653";
+const mobile_only = "_mobile_only_10rry_681";
+const mobile_logo = "_mobile_logo_10rry_693";
+const highlight = "_highlight_10rry_703";
+const mobile_nav = "_mobile_nav_10rry_775";
+const mobile_opened = "_mobile_opened_10rry_797";
+const _mobile_opened = "__mobile_opened_10rry_805";
+const mobile_nav_item = "_mobile_nav_item_10rry_813";
+const has_dropdown = "_has_dropdown_10rry_843";
+const icon_wrap = "_icon_wrap_10rry_885";
+const mobile_footer = "_mobile_footer_10rry_895";
+const mobile_footer_content = "_mobile_footer_content_10rry_905";
+const mobile_footer_media = "_mobile_footer_media_10rry_933";
+const footer_cta = "_footer_cta_10rry_945";
+const inner_wrapper = "_inner_wrapper_10rry_1001";
+const btn = "_btn_10rry_1011";
+const sub_menu = "_sub_menu_10rry_1021";
+const main = "_main_10rry_51";
+const dd_footer = "_dd_footer_10rry_1071";
+const desktop_only = "_desktop_only_10rry_1109";
 const styles = {
   header,
   wrapper,