@axos-web-dev/shared-components 1.0.17 → 1.0.19

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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/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/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/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.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                                                    */

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -1,3 +1,13 @@
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(-10%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 ._1m7m2a0 {
   height: auto;
 }
@@ -193,6 +203,58 @@
 main > div:nth-last-child(2) > ._1m7m2a0 {
   margin-bottom: 3.5rem;
 }
+._1m7m2a12 {
+  position: fixed;
+  inset: 0;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  min-height: 100vh;
+  justify-content: center;
+  width: 100%;
+  z-index: 9999;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+._1m7m2a13 {
+  width: 100%;
+}
+._1m7m2a13 .billboard {
+  animation: fadeIn 0.3s ease-in-out;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
+  gap: 1.5rem;
+  max-width: 1150px;
+  position: relative;
+}
+._1m7m2a13 ._1m7m2au {
+  border-radius: 1rem;
+  overflow: hidden;
+}
+._1m7m2a13 ._1m7m2an {
+  padding: 0;
+}
+._1m7m2a13 ._1m7m2aj img {
+  object-fit: none;
+}
+._1m7m2a14 {
+  position: absolute;
+  top: 1.5rem;
+  right: 1.75rem;
+  background: #faa74a;
+  border: none;
+  border-radius: 8px;
+  color: #1e3860;
+  cursor: pointer;
+  font-family: var(--header-font-family);
+  font-size: 1.1rem;
+  font-weight: 600;
+  line-height: 1;
+  padding: 8px 14px;
+}
+._1m7m2a14:focus {
+  outline: 2px solid #faa74a;
+  outline-offset: 2px;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
     flex-direction: column;
@@ -216,6 +278,11 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2an {
     max-width: 100%;
   }
+  ._1m7m2a12 {
+    display: block;
+    padding-top: 85px;
+    padding-bottom: 1rem;
+  }
 }
 @media screen and (max-width:475px) {
   ._1m7m2am {
@@ -243,6 +310,13 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   main > div:nth-last-child(2) > ._1m7m2a0 {
     margin-bottom: 42px;
   }
+  ._1m7m2a13 .billboard {
+    padding: 32px;
+    width: min(33rem, calc(100% - 2rem));
+  }
+  ._1m7m2a13 ._1m7m2aj img {
+    object-fit: cover;
+  }
 }
 @media screen and (max-width: 768px) {
   ._1m7m2au {
@@ -267,4 +341,36 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2a11 {
     padding-left: 20px;
   }
+}
+@media screen and (min-width: 1024px) {
+  ._1m7m2a13 .billboard {
+    gap: calc(1rem + ((1vw - 10.24px) * 21.875));
+    padding-inline: calc(1.25rem + ((1vw - 10.24px) * 10.9375));
+    padding-block: calc(2rem + ((1vw - 10.24px) * 6.25));
+  }
+  ._1m7m2a13 h2 {
+    font-size: 40px;
+    line-height: 1.25;
+    text-wrap: pretty;
+  }
+  ._1m7m2a13 ._1m7m2an {
+    max-width: 60%;
+  }
+  ._1m7m2a13 ._1m7m2aj {
+    max-width: 40%;
+  }
+  ._1m7m2a13 ._1m7m2am {
+    justify-content: flex-start;
+  }
+}
+@media screen and (min-width: 1281px) {
+  ._1m7m2a13 .billboard {
+    gap: 72px;
+    padding: 48px;
+  }
+}
+@media screen and (max-width: 1024px) {
+  ._1m7m2a13 .billboard:not(.reversed) {
+    flex-direction: column-reverse;
+  }
 }

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-/* empty css                                         */
+import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
 /* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,4 +1,4 @@
-/* empty 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                                */

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                              */

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../../assets/icons/Star/Star.css';/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-/* empty css                                         */
+import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
 /* empty css                           */
 /* empty css                         */

package/dist/main.js

@@ -117,7 +117,7 @@ import { default as default26 } from "./icons/Logos/GBLVF.js";
 import { default as default27 } from "./icons/Logos/LVF.js";
 import { default as default28 } from "./icons/Logos/LVFText.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
-import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, exit_intent, exit_intent_backdrop, header, imagePlacement, image_background, mh_330, modal_close_button, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { SetContainer } from "./SetContainer/SetContainer.js";
 import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_container_cols, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
@@ -432,6 +432,8 @@ export {
   dropdown,
   dynPH,
   executive_bio,
+  exit_intent,
+  exit_intent_backdrop,
   expand_icon,
   feature_header,
   feature_title,
@@ -553,6 +555,7 @@ export {
   mh_330,
   modalCheckboxContainer,
   modalMobile,
+  modal_close_button,
   modifier,
   mt1Rem,
   mt2rem,

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/axos.css';/* empty css                        */
 var axosTheme = "_1073cm80";
 var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

package/dist/themes/victorie.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                            */
 var victorieTheme = "fl2fv50";
 export {

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,4 +1,4 @@
-const loader = "_loader_ib32l_10";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_ib32l_10";
 const loading = "_loading_ib32l_17";
 const shimmer = "_shimmer_ib32l_1";
 const css = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",