@axos-web-dev/shared-components 2.0.0-dev.30 → 2.0.0-dev.31.insights

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";
-import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/ImageToast/ImageToast.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/HoneyPot/HoneyPot.css';import '../assets/ImageToast/ImageToast.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -29,6 +29,11 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -48,7 +53,8 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
+/* empty css                                            */
+import "../Forms/HoneyPot/honeyPotValidation.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -80,11 +86,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-/* empty css                                          */
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -104,16 +105,16 @@ import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 /* empty css                                                                  */
-import "next/link.js";
 import "../NavigationMenu/ServerNavigation/Menu.js";
 import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/WalnutIframe/index.d.ts

@@ -2,5 +2,5 @@ type WalnutProps = {
     id?: string;
     sourceUrl?: string;
 };
-declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react/jsx-runtime").JSX.Element;
+declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react").JSX.Element;
 export default WalnutIframe;

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -22,7 +22,7 @@
   background: #fff !important;
   color: #1e3860;
 }
-._11b2y8z0 ._1nivbwex {
+._11b2y8z0 ._1nivbwez {
   overflow-x: hidden;
 }
 ._11b2y8z0 tbody tr:first-child td:first-child {
@@ -188,7 +188,7 @@
   }
 }
 @media screen and (max-width: 768px) {
-  ._11b2y8z0 ._1nivbwex {
+  ._11b2y8z0 ._1nivbwez {
     margin-top: 0px !important;
   }
   ._11b2y8z0 tbody tr:first-child td:first-child {

package/dist/assets/Comparison/Comparison.css

@@ -112,7 +112,7 @@
 ._198o0lt1 ._1nivbwe5 {
   height: initial;
 }
-._198o0lt1 ._1nivbwe9 {
+._198o0lt1 ._1nivbweb {
   font-size: 20px;
 }
 .comparison_container--many_items ._198o0ltf {

package/dist/assets/Forms/Forms.css

@@ -405,6 +405,11 @@
   max-width: fit-content;
 }
 .tfms6a2h {
+  color: var(--_1073cm8t);
+  text-align: center;
+  margin-top: 16px;
+}
+.tfms6a2i {
   padding: 16px 64px;
   border-radius: 0 8px 8px 0;
 }
@@ -412,7 +417,7 @@
   .tfms6a0 {
     font-size: 28px;
   }
-  .tfms6a2h {
+  .tfms6a2i {
     padding: 16px;
   }
 }

package/dist/assets/Insight/Featured/Featured.css

@@ -1,32 +1,70 @@
 ._1sr2o6v0 {
-  min-height: 725px;
-  width: 100%;
-  padding: 48px 0;
+  background: var(--_1073cm88);
+  padding-block-end: clamp(48px, calc(3rem + ((1vw - 6.03px) * 19.3939)), 80px);
+  padding-block-start: 0;
 }
 ._1sr2o6v1 {
-  color: #ffffff;
-  padding-bottom: 24px;
+  color: var(--_1073cm8c);
+  font-size: 18px;
+  line-height: 1.15;
+  padding-bottom: 16px;
 }
 ._1sr2o6v2 {
   font-size: 14px;
 }
 ._1sr2o6v3 {
   display: grid;
-  grid-template-columns: 3fr 2fr;
-  gap: 25px;
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
 }
 ._1sr2o6v4 {
+  border-radius: 16px;
+  cursor: pointer;
+  overflow: hidden;
+  text-decoration: none;
+}
+._1sr2o6v5 {
+  aspect-ratio: 1.69;
+  width: 100%;
+}
+._1sr2o6v6 {
+  display: grid;
+  gap: 16px;
+  padding-block-start: 16px;
+}
+._1sr2o6v7 {
+  font-size: clamp(24px, calc(1.5rem + ((1vw - 7.69px) * 1.5656)), 32px);
+  line-height: 1.15;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  color: var(--_1073cm8c);
+}
+._1sr2o6v8 {
+  color: var(--_1073cm8c);
+  font-size: 16px;
+  line-height: 1.5;
+  margin-bottom: 0;
+}
+._1sr2o6v9 {
+  color: var(--_1073cm8f);
+  font-size: 14px;
+  line-height: 1.5;
+}
+._1sr2o6va {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  max-height: 525px;
+  gap: 24px;
 }
-._1sr2o6v5 {
-  flex: 1 1 100%;
-  cursor: pointer;
+._1sr2o6vb {
+  flex: 1 1 0%;
   text-decoration: none;
 }
-._1sr2o6v6 {
+._1sr2o6vc {
   margin-bottom: 8px;
   max-height: min(76px, 108px);
   display: -webkit-box;
@@ -37,77 +75,26 @@
   text-overflow: ellipsis;
   width: 100%;
 }
-._1sr2o6v7 {
-  margin: clamp(24px, 28px, 38px) 0;
-  color: #D4D4D4;
-  display: block;
-}
-._1sr2o6v8 {
+._1sr2o6vd {
   display: inline-block;
   vertical-align: middle;
 }
-._1sr2o6v9 {
-  display: grid;
-  background: #ffffff;
-  border-radius: 16px;
-  height: 100%;
-  cursor: pointer;
-  border: 1px solid #D4D4D4;
-  text-decoration: none;
-  overflow: hidden;
-  max-height: 525px;
-}
-._1sr2o6va {
-  grid-template-rows: 340px 1fr;
-}
-._1sr2o6vb {
+._1sr2o6ve {
   height: 100%;
   object-fit: cover;
-  width: 100%;
 }
-._1sr2o6vc {
+._1sr2o6vf {
   padding: 24px;
   color: #333D46;
   font-family: var(--main-font-family);
   min-height: 170px;
 }
-._1sr2o6vd {
-  font-size: clamp(1.75rem, 1.269rem + 1.923vw, 2.5rem) !important;
-  line-height: clamp(2.25rem, 1.625rem + 1.667vw, 3.125rem) !important;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-bottom: 8px;
-  max-height: max(76px, 100px);
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  line-clamp: 2;
-  -webkit-line-clamp: 2;
-  width: 100%;
-}
-@media screen and (max-width:1024px) {
-  ._1sr2o6vd {
-    font-size: 32px !important;
-    line-height: 46px !important;
-  }
-}
 @media screen and (max-width:768px) {
-  ._1sr2o6v3 {
-    grid-template-columns: 1fr;
-  }
-  ._1sr2o6v7 {
-    margin: 24px 0;
+  ._1sr2o6v1 {
+    font-size: 16px;
+    padding-bottom: 24px;
   }
-  ._1sr2o6va {
-    grid-template-rows: 314px 1fr;
-  }
-  ._1sr2o6vd {
-    font-size: 28px !important;
-    line-height: 36px !important;
-    max-height: 80px;
-  }
-}
-@media screen and (min-width:769px) {
   ._1sr2o6v3 {
-    min-height: min(525px, 680px);
+    grid-template-columns: 1fr;
   }
 }

package/dist/assets/Insight/Featured/Header.css

@@ -1,40 +1,49 @@
 ._19yqlq40 {
-  padding: 24px 0;
+  background: var(--_1073cm88);
   display: flex;
   flex-direction: column;
   gap: 24px;
+  padding-block-start: 48px;
+  padding-block-end: clamp(24px, calc(1.5rem + ((1vw - 6.03px) * 14.5455)), 48px);
 }
 ._19yqlq41 {
+  margin-inline: auto;
+  width: min(1200px,100% - 4rem);
+  box-sizing: border-box;
+}
+._19yqlq42 {
   display: flex;
   gap: 6px;
   text-transform: capitalize;
   letter-spacing: 0.2px;
   font-size: 14px;
 }
-._19yqlq42 {
+._19yqlq43 {
   text-decoration: underline;
   cursor: pointer;
   text-underline-offset: 2px;
 }
-._19yqlq42:hover {
+._19yqlq43:hover {
   opacity: 0.75;
 }
-._19yqlq43 {
+._19yqlq44 {
   text-transform: capitalize;
 }
-h1._19yqlq43 {
-  font-size: 48px;
-  line-height: 1.3;
+h1._19yqlq44 {
+  font-size: clamp(40px, calc(2.5rem + ((1vw - 6.03px) * 4.8485)), 48px);
+  line-height: 1.15;
+  min-height: 0vh;
 }
-._19yqlq44 {
+._19yqlq45 {
   max-width: 800px;
 }
-@media screen and (max-width:768px) {
-  h1._19yqlq43 {
-    font-size: 28px;
-    line-height: 36px;
+@media screen and (max-width:603px) {
+  ._19yqlq41 {
+    width: calc(100% - 2rem);
   }
-  ._19yqlq44 {
+}
+@media screen and (max-width:768px) {
+  ._19yqlq45 {
     max-width: unset;
     width: min(1200px, calc(100% - 4rem));
   }

package/dist/assets/LandingPageHeader/LandingPageHeader.css

@@ -51,6 +51,68 @@
 ._1o1hxred {
   fill: var(--_1073cm8q);
 }
+._1o1hxree {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 700;
+  gap: 6px;
+  padding: 0;
+}
+._1o1hxref {
+  display: none;
+}
+._1o1hxreg {
+  display: block;
+}
+._1o1hxreh {
+  background-color: var(--_1073cm8f) !important;
+  color: var(--_1073cm86) !important;
+}
+._1o1hxreg ._1o1hxreh {
+  padding-block: 8px !important;
+}
+._1o1hxreh:hover {
+  background-color: transparent !important;
+  border-color: var(--_1073cm8f) !important;
+  color: var(--_1073cm8f) !important;
+}
+._1o1hxreh:active {
+  background-color: var(--_1073cm8f) !important;
+  color: var(--_1073cm86) !important;
+}
+._1o1hxreh:hover > svg path {
+  fill: var(--_1073cm8f);
+}
+._1o1hxreh:active > svg path {
+  fill: var(--_1073cm86);
+}
+._1o1hxrei {
+  background-color: var(--_1073cm8g) !important;
+  color: var(--_1073cm8k) !important;
+}
+._1o1hxreg ._1o1hxrei {
+  padding-block: 8px !important;
+}
+._1o1hxrei:hover {
+  background-color: transparent !important;
+  border-color: var(--_1073cm8g) !important;
+  color: var(--_1073cm8g) !important;
+}
+._1o1hxrei:active {
+  background-color: var(--_1073cm8g) !important;
+  color: var(--_1073cm8k) !important;
+}
+._1o1hxrei > svg path {
+  fill: var(--_1073cm8k);
+}
+._1o1hxrei:hover > svg path {
+  fill: var(--_1073cm8g);
+}
+._1o1hxrei:active > svg path {
+  fill: var(--_1073cm8k);
+}
 @media screen and (max-width: 1023px) {
   ._1o1hxre6 {
     padding: 28px 24px;
@@ -68,4 +130,10 @@
     width: 340px;
     height: 46px;
   }
+  ._1o1hxref {
+    display: block;
+  }
+  ._1o1hxreg {
+    display: none;
+  }
 }