@axos-web-dev/shared-components 1.0.77-patch.54 → 1.0.77-patch.56

package/dist/VideoTile/VideoTile.js

@@ -4,8 +4,9 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/VideoWrapper/VideoWrapper.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/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/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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.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/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/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/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.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                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -75,10 +76,11 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/VideoWrapper/index.js

@@ -3,8 +3,9 @@ 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/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/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/CallToActionBar/CallToActionBar.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/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/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/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/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.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                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -68,10 +69,11 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,68 @@
-._quote_spacer_168r9_1 {
-  line-height: 1.35;
-  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
-  margin-inline: auto;
-}
-
-._author_168r9_13,
-._quote_168r9_1 {
-  color: #1f1f1f;
-}
-
-._author_168r9_13 {
-  text-align: right;
-  margin-top: 18px;
-}
-
-._author_168r9_13 cite {
-  font-style: normal;
-}
-
-._quote_spacer_168r9_1 .img_fluid {
-  margin-right: 24px;
-  transform: rotateY(180deg) scaleY(-1);
-}
-
-._quote_spacer_168r9_1 .flex_row {
-  align-items: flex-start;
-}
-
-._quote_168r9_1 p {
-  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
-  font-style: italic;
-  line-height: 1.2;
-}
-
-@media (max-width: 768px) {
-  ._quote_spacer_168r9_1 .img_fluid {
-    max-width: 30px;
-    margin-right: 12px;
-  }
-  ._author_168r9_13 {
-    margin-top: 14px;
-  }
-  ._quote_168r9_1 p {
-    font-size: 18px;
-  }
-  ._author_168r9_13 cite {
-    font-size: 14px;
-  }
-}
-
-@media (max-width: 500px) {
-  ._author_168r9_13 {
-    margin-top: 12px;
-  }
-}
-
-@media (min-width: 604px) {
-  ._quote_spacer_168r9_1 {
-    width: min(calc(100% - 2rem), 792px);
-  }
-}
-
-@media (min-width: 1023px) {
-  ._quote_168r9_1 p {
-    font-weight: 700;
-  }
-}
+._quote_spacer_53yiw_1 {
+  line-height: 1.35;
+  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+  margin-inline: auto;
+}
+
+._author_53yiw_7,
+._quote_53yiw_1 {
+  color: #1f1f1f;
+}
+
+._author_53yiw_7 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_53yiw_7 cite {
+  font-style: normal;
+}
+
+._quote_spacer_53yiw_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_53yiw_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_53yiw_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+  line-height: 1.2;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_53yiw_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_53yiw_7 {
+    margin-top: 14px;
+  }
+  ._quote_53yiw_1 p {
+    font-size: 18px;
+  }
+  ._author_53yiw_7 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_53yiw_7 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_53yiw_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_53yiw_1 p {
+    font-weight: 700;
+  }
+}

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

@@ -1,3 +1,13 @@
+@keyframes _11b2y8zo {
+  0% {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 ._11b2y8z0 {
   position: relative;
 }
@@ -8,11 +18,24 @@
   background: #fff;
   color: #1e3860;
 }
+._11b2y8z0 th {
+  background: #fff !important;
+  color: #1e3860;
+}
+._11b2y8z0 ._1nivbwet {
+  overflow-x: hidden;
+}
+._11b2y8z0 tbody tr:first-child td:first-child {
+  border-radius: 1rem 0 0 1rem !important;
+}
+._11b2y8z0 tbody tr:first-child td:last-child {
+  border-radius: 0 1rem 1rem 0 !important;
+}
 ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
   background: #fff;
 }
 ._11b2y8z0 > .containment {
-  padding: 84px 82px 100px;
+  padding: 56px;
   background: #def4ff;
   border-radius: 1rem;
 }
@@ -131,12 +154,18 @@
   margin-top: 2rem;
   gap: 3rem;
 }
+._11b2y8zp {
+  animation: _11b2y8zo 0.5s ease-out forwards;
+}
+._11b2y8zq {
+  animation: _11b2y8zo 0.5s ease-out 0.15s forwards;
+  opacity: 0;
+}
 @media screen and (max-width: 1023px) {
   ._11b2y8z0 > .containment {
     max-width: 100%;
     width: 100%;
     border-radius: 0;
-    padding: 84px 28px 100px;
   }
   ._11b2y8z1 {
     padding: 32px 24px;
@@ -159,6 +188,15 @@
   }
 }
 @media screen and (max-width: 768px) {
+  ._11b2y8z0 ._1nivbwet {
+    margin-top: 0px !important;
+  }
+  ._11b2y8z0 tbody tr:first-child td:first-child {
+    border-radius: 0px !important;
+  }
+  ._11b2y8z0 tbody tr:first-child td:last-child {
+    border-radius: 0px !important;
+  }
   ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
     background: var(--_1073cm88);
   }

package/dist/assets/Chatbot/AnimatedGradientBorder.css

@@ -0,0 +1,38 @@
+@property --angle {
+  syntax: "<angle>";
+  inherits: false;
+  initial-value: 90deg;
+}
+@keyframes ic6iil0 {
+  from {
+    --angle: 0deg;
+  }
+  to {
+    --angle: 360deg;
+  }
+}
+.ic6iil1 {
+  border: 2px solid var(--_1073cm813);
+  background: var(--_1073cm815);
+  animation: ic6iil0 2s ease-in-out infinite;
+}
+.ic6iil2 {
+  --angle: 90deg;
+  border: 2px solid var(--_1073cm819);
+  animation: ic6iil0 3s ease-in-out infinite;
+  border-radius: 12px;
+  background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
+}
+.ic6iil2:focus-within {
+  --angle: 270deg;
+  border: 2px solid transparent;
+  background: linear-gradient(white) padding-box, linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
+  background: linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
+}
+@media screen and (min-width:768px) {
+  .ic6iil1:hover {
+    --angle: 270deg;
+    border: 2px solid transparent;
+    background: linear-gradient(white, white) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
+  }
+}

package/dist/assets/Chatbot/Bubble.css

@@ -20,32 +20,69 @@
     box-shadow: 0 0 0 10px rgba(0,123,255,0);
   }
 }
-._7u9pv30 {
-  align-items: center;
-  animation: fade-in-bounce 2s cubic-bezier(0.65, 0.25, 0.14, 0.93) forwards, pulse 4.5s 0.5s;
-  background-color: #14263d;
-  border-radius: 50%;
+@keyframes _7u9pv30 {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+._7u9pv31:hover::before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  border-radius: inherit;
+  background: var(--_1073cm815);
+  transform: rotate(0deg);
+  height: 500px;
+  width: 500px;
+  display: block;
+  animation: _7u9pv30 8s linear infinite;
+}
+._7u9pv32 {
   bottom: 16px;
-  cursor: pointer;
-  display: grid;
-  font-family: var(--main-font-family);
-  height: 68px;
-  line-height: 1;
-  outline: 2px solid #98DDFF;
-  place-items: center;
   position: fixed;
   right: 16px;
-  width: 68px;
   z-index: 9999;
+  overflow: hidden;
+  border-radius: 100px;
 }
-._1hpv6vm1 ._7u9pv30 {
-  animation: fade-in-bounce 2s cubic-bezier(0.65, 0.25, 0.14, 0.93) forwards;
-  background-color: #60707A;
-  outline: none;
+._7u9pv33 {
+  align-items: center;
+  background-color: var(--_1073cm813);
+  cursor: pointer;
+  display: flex;
+  height: 56px;
+  gap: 4px;
+  color: var(--_1073cm816);
+  line-height: 97%;
+  place-items: center;
+  justify-content: center;
+  padding: 12px 32px;
+  font-weight: 700;
+  font-size: 14px;
+  border: none;
+}
+._7u9pv34 {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
 }
-._7u9pv31 {
-  fill: #98DDFF;
+._7u9pv36 {
+  fill: var(--_1073cm816);
 }
-._1hpv6vm1 ._7u9pv31 {
-  fill: #FFFFFF;
+@media screen and (max-width:768px) {
+  ._7u9pv32 {
+    border-radius: 16px;
+    height: 56px;
+    width: 56px;
+  }
+  ._7u9pv33 {
+    width: 56px;
+    padding: 0;
+  }
+  ._7u9pv35 {
+    display: none;
+  }
 }