@axos-web-dev/shared-components 0.0.212 → 0.0.214

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+import '../assets/Typography/Typography.css';/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/VideoTile/VideoTile.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                                    */

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty 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/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

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/ExecutiveBio/ExecutiveBio.css

@@ -1,37 +1,20 @@
 .txcb8d1 {
   border: 1px solid transparent;
 }
-._1073cm80 .txcb8d2 {
+.txcb8d2 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
   border-color: var(--_1073cm87);
 }
-._1es6o1h0 .txcb8d2 {
-  background: var(--_1073cm81);
-  color: var(--_1073cm82);
-  border-color: var(--_1073cm87);
-}
-._1073cm80 .txcb8d3 {
-  background: var(--_1073cm88);
-  color: var(--_1073cm89);
-}
-._1es6o1h0 .txcb8d3 {
+.txcb8d3 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-._1073cm80 .txcb8d4 {
-  background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
-}
-._1es6o1h0 .txcb8d4 {
+.txcb8d4 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-._1073cm80 .txcb8d5 {
-  background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
-}
-._1es6o1h0 .txcb8d5 {
+.txcb8d5 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
@@ -89,8 +72,8 @@
   color: inherit;
 }
 .txcb8dm a:hover {
-  text-decoration: underline;
   opacity: 0.8;
+  text-decoration: underline;
 }
 .txcb8dm > * + * {
   margin-top: 24px;
@@ -105,13 +88,18 @@
   font-size: 16px;
   line-height: 1.5;
 }
+.txcb8do sub {
+  display: block;
+  font-style: italic;
+  margin-top: 5px;
+}
 .txcb8dp {
-  margin-left: 15px;
-  font-size: 20px;
   font-family: var(--header-font-family);
-  text-decoration: none;
+  font-size: 20px;
   font-weight: 600;
+  margin-left: 15px;
   overflow: hidden;
+  text-decoration: none;
   text-overflow: ellipsis;
 }
 .txcb8dq {
@@ -133,16 +121,7 @@
   display: flex;
   flex-direction: column;
 }
-.txcb8dv {
-  width: 50%;
-}
-.txcb8dm + .txcb8dv {
-  margin-left: 1.5rem;
-}
-.txcb8dv svg {
-  margin-left: 8px;
-}
-.txcb8dx {
+.txcb8dw {
   aspect-ratio: 1 / 1;
   background-position: center center;
   background-repeat: no-repeat;
@@ -150,70 +129,70 @@
   border-radius: 50%;
   width: 320px;
 }
-.txcb8dy {
+.txcb8dx {
   margin-right: 64px;
   width: auto;
 }
-.txcb8d11 {
+.txcb8d10 {
+  margin-bottom: 40px;
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: 40px;
-  text-align: center;
   max-width: 800px;
+  text-align: center;
 }
-.txcb8d11 h2 + p {
-  margin-top: 8px;
+.txcb8d10 h2 + p {
   color: #333D46;
+  margin-top: 8px;
 }
-.txcb8d12 {
-  padding-top: 56px;
-  padding-bottom: 56px;
+.txcb8d11 {
   margin-top: 0;
+  padding-bottom: 56px;
+  padding-top: 56px;
 }
-.txcb8d13 {
+.txcb8d12 {
   background: var(--_1073cm81);
 }
-.txcb8d14 {
+.txcb8d13 {
   background: var(--_1073cm88);
 }
-.txcb8d15 {
+.txcb8d14 {
   background: var(--_1073cm8f);
 }
-.txcb8d16 {
+.txcb8d15 {
   background: var(--_1073cm8m);
 }
-.txcb8d18 {
+.txcb8d17 {
   color: var(--_1073cm83);
 }
-.txcb8d19 {
+.txcb8d18 {
   color: var(--_1073cm8a);
 }
-.txcb8d1a {
+.txcb8d19 {
   color: var(--_1073cm8h);
 }
-.txcb8d1b {
+.txcb8d1a {
   color: var(--_1073cm8o);
 }
-.txcb8d1c {
+.txcb8d1b {
   position: relative;
 }
-.txcb8d1d {
+.txcb8d1c {
   margin-left: auto;
   margin-right: auto;
   margin-top: 40px;
-  text-align: center;
   max-width: 800px;
+  text-align: center;
 }
 main > div:nth-last-child(2) > .txcb8d0 {
   margin-bottom: 3.5rem;
 }
+.txcb8d1d {
+  gap: 36px;
+}
 @media (max-width: 1240px) and (min-width: 1024px) {
   .txcb8dm {
     max-width: max-content;
   }
-  .txcb8dv {
-    align-items: flex-end;
-  }
 }
 @media (max-width: 1023px) {
   .txcb8dl {
@@ -223,35 +202,29 @@ main > div:nth-last-child(2) > .txcb8d0 {
     max-width: 100%;
   }
   .txcb8dv {
-    margin-top: 24px;
-  }
-  .txcb8dm + .txcb8dv {
-    margin-left: 0;
-  }
-  .txcb8dw {
     display: flex;
     justify-content: center;
   }
-  .txcb8dy {
+  .txcb8dx {
     margin-right: 0px;
   }
-  .txcb8dz {
+  .txcb8dy {
     transform: translateY(1%);
   }
-  .txcb8dz p:first-of-type {
+  .txcb8dy p:first-of-type {
     margin-top: 8px;
   }
-  .txcb8d10 {
+  .txcb8dz {
     flex-direction: column;
   }
-  .txcb8d11 {
+  .txcb8d10 {
     margin-bottom: 24px;
   }
-  .txcb8d12 {
+  .txcb8d11 {
     padding-top: 42px;
     padding-bottom: 42px;
   }
-  .txcb8d1d {
+  .txcb8d1c {
     margin-top: 24px;
   }
 }
@@ -268,27 +241,24 @@ main > div:nth-last-child(2) > .txcb8d0 {
     padding: 24px;
   }
   .txcb8do {
-    margin-top: 8x;
+    margin-top: 8px;
   }
   .txcb8dp {
     font-size: 18px;
-    line-height: 26px;
+    line-height: 1.44;
+    margin-left: 10px;
   }
   .txcb8du {
     margin-top: 16px;
   }
-  .txcb8dv {
-    width: 90%;
-    margin-top: 16px;
-  }
-  .txcb8dx {
+  .txcb8dw {
     width: 200px;
   }
-  .txcb8d11 h2 + p {
+  .txcb8d10 h2 + p {
     font-size: 1rem;
     line-height: 1.5;
   }
-  .txcb8d12 {
+  .txcb8d11 {
     padding-top: 32px;
     padding-bottom: 32px;
   }
@@ -302,4 +272,16 @@ main > div:nth-last-child(2) > .txcb8d0 {
   main > div:nth-last-child(2) > .txcb8d0 {
     margin-bottom: 2rem;
   }
+}
+@media (max-width: 500px) {
+  .txcb8d1d {
+    gap: 24px;
+  }
+}
+@media (max-width: 400px) {
+  .txcb8d1d {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 10px;
+  }
 }

package/dist/assets/Forms/Forms.css

@@ -56,6 +56,9 @@
 ._1es6o1h0 .tfms6a8 {
   color: var(--_1073cm83);
 }
+.fl2fv50 .tfms6a8 {
+  color: var(--_1073cm83);
+}
 ._1073cm80 .tfms6a9 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
@@ -65,6 +68,9 @@
 ._1es6o1h0 .tfms6a9 {
   color: var(--_1073cm8a);
 }
+.fl2fv50 .tfms6a9 {
+  color: var(--_1073cm8a);
+}
 .tfms6aa {
   color: var(--_1073cm8h);
 }

package/dist/assets/IconBillboard/IconBillboard.css

@@ -58,6 +58,9 @@
 ._1es6o1h0 ._1r4ovbua {
   color: var(--_1073cm83);
 }
+.fl2fv50 ._1r4ovbua {
+  color: var(--_1073cm83);
+}
 ._1073cm80 ._1r4ovbub {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
@@ -67,6 +70,9 @@
 ._1es6o1h0 ._1r4ovbub {
   color: var(--_1073cm8a);
 }
+.fl2fv50 ._1r4ovbub {
+  color: var(--_1073cm8a);
+}
 ._1r4ovbuc {
   color: var(--_1073cm8h);
 }

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -47,6 +47,9 @@
 ._1es6o1h0 ._1m7m2a9 {
   color: var(--_1073cm83);
 }
+.fl2fv50 ._1m7m2a9 {
+  color: var(--_1073cm83);
+}
 ._1073cm80 ._1m7m2aa {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
@@ -56,6 +59,9 @@
 ._1es6o1h0 ._1m7m2aa {
   color: var(--_1073cm8a);
 }
+.fl2fv50 ._1m7m2aa {
+  color: var(--_1073cm8a);
+}
 ._1m7m2ab {
   color: var(--_1073cm8k);
 }
@@ -71,6 +77,9 @@
 ._1es6o1h0 ._1m7m2ae {
   color: var(--_1073cm83);
 }
+.fl2fv50 ._1m7m2ae {
+  color: var(--_1073cm83);
+}
 ._1073cm80 ._1m7m2af {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
@@ -80,6 +89,9 @@
 ._1es6o1h0 ._1m7m2af {
   color: var(--_1073cm8a);
 }
+.fl2fv50 ._1m7m2af {
+  color: var(--_1073cm8a);
+}
 ._1m7m2ag {
   color: var(--_1073cm8h);
 }

package/dist/assets/LandingPageHeader/LandingPageHeader.css

@@ -1,19 +1,10 @@
-._1073cm80 ._1o1hxre1 {
+._1o1hxre1 {
   background: var(--_1073cm81);
 }
-._1es6o1h0 ._1o1hxre1 {
+._1o1hxre2 {
   background: var(--_1073cm81);
 }
-._1073cm80 ._1o1hxre2 {
-  background: var(--_1073cm81);
-}
-._1es6o1h0 ._1o1hxre2 {
-  background: var(--_1073cm81);
-}
-._1073cm80 ._1o1hxre3 {
-  background: var(--_1073cm81);
-}
-._1es6o1h0 ._1o1hxre3 {
+._1o1hxre3 {
   background: var(--_1073cm81);
 }
 ._1o1hxre4 {
@@ -29,21 +20,6 @@
 ._1o1hxre5:active {
   opacity: 1;
 }
-._1073cm80 ._1o1hxre7 {
-  fill: #1e3860;
-}
-._1es6o1h0 ._1o1hxre7 {
-  fill: #1e3860;
-}
-._1073cm80 ._1o1hxre8 {
-  fill: #1e3860;
-}
-._1es6o1h0 ._1o1hxre8 {
-  fill: #1e3860;
-}
-._1073cm80 ._1o1hxre9 {
-  fill: #fff;
-}
-._1es6o1h0 ._1o1hxre9 {
-  fill: #fff;
+._1o1hxre6 {
+  fill: var(--_1073cm83);
 }