@axos-web-dev/shared-components 0.0.207 → 0.0.208

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

@@ -4,16 +4,16 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
 /* empty css                                    */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-/* empty css                                          */
-/* empty css                                          */
+/* empty css                                              */
+/* empty css                                              */
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
@@ -22,19 +22,19 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-/* empty css                                                    */
+/* empty css                                                        */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                    */
+/* empty css                                                                        */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -43,12 +43,12 @@ import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
+/* empty css                                                  */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                          */
-/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                             */
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -70,46 +70,46 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Chevron/Chevron.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
-/* empty css                                                         */
-/* empty css                                                      */
+/* empty css                                                             */
+/* empty css                                                          */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                        */
-/* empty css                                              */
-/* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
+/* empty css                                                  */
+/* empty css                                                          */
+/* empty css                                                */
+/* empty css                                        */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-/* empty css                                                   */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                       */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";
-/* empty css                                                      */
-/* empty css                                                       */
+/* empty css                                                          */
+/* empty css                                                           */
 import "../NavigationMenu/AxosALTS/NavData.js";
-/* empty css                                                   */
-/* empty css                                                     */
+/* empty css                                                       */
+/* empty css                                                         */
 import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                 */
-/* empty css                                          */
-/* empty css                                                    */
-/* empty css                                                  */
+/* empty css                                                     */
+/* empty css                                              */
+/* empty css                                                        */
+/* empty css                                                      */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                        */
-/* empty css                                                  */
-/* empty css                                                */
+/* empty css                                            */
+/* empty css                                                      */
+/* empty css                                                    */
 import "next/script.js";
-/* empty css                                        */
-/* empty css                                              */
+/* empty css                                            */
+/* empty css                                                  */
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Accordion/Accordion.css.js

@@ -1,8 +1,8 @@
-import '../assets/Accordion/Accordion.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                              */
 /* empty css                                    */
-/* empty css                             */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var accordion = createRuntimeFn({ defaultClassName: "qfoxng0", variantClassNames: { width: { "1/2": "qfoxng1", "1/3": "qfoxng2", "2/3": "qfoxng3", "1/4": "qfoxng4", "3/4": "qfoxng5", "1/5": "qfoxng6", "2/5": "qfoxng7", "3/5": "qfoxng8", "4/5": "qfoxng9" } }, defaultVariants: {}, compoundVariants: [] });
 var headerAccordion = createRuntimeFn({ defaultClassName: "qfoxnga", variantClassNames: { variant: { primary: "qfoxngb" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });

package/dist/Accordion/Accordion.js

@@ -6,11 +6,11 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
 /* empty css                                    */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,

package/dist/AlertBanner/AlertBanner.css.js

@@ -1,4 +1,4 @@
-import '../assets/AlertBanner/AlertBanner.css';/* empty css                               */
+/* empty css                                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var alertBanner = createRuntimeFn({ defaultClassName: "_1jmmqba0", variantClassNames: { variant: { Standard: "_1jmmqba1", Emergency: "_1jmmqba2" } }, defaultVariants: {}, compoundVariants: [] });
 var alertBanner_img_section = "_1jmmqba3";

package/dist/AlertBanner/index.js

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
 /* empty css                                    */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import SvgLockIcon from "../icons/LockIcon/index.js";
 import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
 import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";

package/dist/Article/Article.css.js

@@ -1,8 +1,8 @@
-import '../assets/Article/Article.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                              */
 /* empty css                                    */
-/* empty css                           */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var ant_article = createRuntimeFn({ defaultClassName: "n5hj5p0", variantClassNames: { variant: { primary: "n5hj5p1", secondary: "n5hj5p2", tertiary: "n5hj5p3", quaternary: "n5hj5p4" } }, defaultVariants: {}, compoundVariants: [] });
 var ant_img = "n5hj5p5";

package/dist/ArticlesSet/ArticlesSet.css.js

@@ -1,8 +1,8 @@
-import '../assets/ArticlesSet/ArticlesSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                              */
 /* empty css                                    */
-/* empty css                               */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var ant_section = "kjcqgc0";
 var ant_header = "kjcqgc1";

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css.css';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/AwardsBanner/AwardsBanner.css.js

@@ -1,4 +1,4 @@
-import '../assets/AwardsBanner/AwardsBanner.css';/* empty css                                */
+/* empty css                                                  */
 var awards_section = "_1amgyqo0";
 var awards_row = "_1amgyqo1";
 export {

package/dist/AwardsItem/AwardsItem.css.js

@@ -1,5 +1,5 @@
-import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                              */
+/* empty css                                              */
+/* empty css                                              */
 var award_item = "_16tnqb20";
 var award_company = "_16tnqb21";
 var award_name = "_16tnqb22";

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1r8g1_1";
-const author = "_author_1r8g1_13";
-const quote = "_quote_1r8g1_1";
+const quote_spacer = "_quote_spacer_1mzku_1";
+const author = "_author_1mzku_7";
+const quote = "_quote_1mzku_1";
 const css = {
   quote_spacer,
   author,

package/dist/BulletItem/BulletItem.css.js

@@ -1,5 +1,5 @@
-import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                              */
+/* empty css                                              */
+/* empty css                                              */
 var bulletIcon = "d5iqlx0";
 export {
   bulletIcon

package/dist/BulletItem/BulletItem.js

@@ -3,11 +3,11 @@ import { listItem } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
 /* empty css                                    */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";

package/dist/Button/Button.css.js

@@ -1,8 +1,8 @@
-import '../assets/Button/Button.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                              */
 /* empty css                                    */
-/* empty css                          */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7" }, disabled: { true: "_13pdpuj8" }, rounded: { none: "_13pdpuj9", small: "_13pdpuja", medium: "_13pdpujb", large: "_13pdpujc" }, square: { true: "_13pdpujd" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpuje"], [{ color: "secondary", disabled: true }, "_13pdpujf"], [{ color: "tertiary", disabled: true }, "_13pdpujg"], [{ skeleton: true, size: "large" }, "_13pdpujh"], [{ skeleton: true, size: "medium" }, "_13pdpuji"], [{ skeleton: true, size: "small" }, "_13pdpujj"]] });
 export {