@axos-web-dev/shared-components 0.0.213 → 0.0.215

package/dist/VideoWrapper/index.js

@@ -3,11 +3,11 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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                                       */
+/* empty css                                        */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import "react";
@@ -16,10 +16,10 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-/* empty css                                          */
-/* empty css                                          */
+/* empty css                                              */
+/* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
 import "../Button/Button.css.js";
 import "react-use";
@@ -49,18 +49,18 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Inputs/Input.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                      */
+/* empty css                                                          */
 import "iframe-resizer";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
-/* empty css                                                    */
+/* empty css                                                        */
 import "../Carousel/index.js";
-/* empty css                                                                    */
+/* empty css                                                                        */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -69,48 +69,48 @@ 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 "../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                                                         */
-/* 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";
 import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                        */
+/* empty css                                            */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

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 {
+.txcb8d3 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-._1es6o1h0 .txcb8d3 {
-  background: var(--_1073cm88);
-  color: var(--_1073cm89);
-}
-._1073cm80 .txcb8d4 {
+.txcb8d4 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-._1es6o1h0 .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;
@@ -111,12 +94,12 @@
   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 {
@@ -151,20 +134,20 @@
   width: auto;
 }
 .txcb8d10 {
+  margin-bottom: 40px;
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: 40px;
-  text-align: center;
   max-width: 800px;
+  text-align: center;
 }
 .txcb8d10 h2 + p {
-  margin-top: 8px;
   color: #333D46;
+  margin-top: 8px;
 }
 .txcb8d11 {
-  padding-top: 56px;
-  padding-bottom: 56px;
   margin-top: 0;
+  padding-bottom: 56px;
+  padding-top: 56px;
 }
 .txcb8d12 {
   background: var(--_1073cm81);
@@ -197,8 +180,8 @@
   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;

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/Input/DatePicker.css

@@ -0,0 +1,95 @@
+.react-date-picker {
+  width: 100%;
+}
+.react-date-picker__wrapper {
+  border: none !important;
+}
+.react-calendar__month-view__weekdays__weekday {
+  width: 45px;
+  height: 22px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--main-font-family);
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  justify-content: center;
+}
+.react-calendar__month-view__weekdays__weekday {
+  font-size: 12px;
+  line-height: 16;
+  color: #2F5B88;
+}
+.react-calendar__month-view__weekdays__weekday > abbr {
+  text-decoration: none;
+}
+.react-calendar__month-view__days__day {
+  width: 49px;
+  height: 49px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.react-calendar__month-view__days__day > abbr {
+  font-family: var(--main-font-family) !important;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  color: #051A3F;
+}
+.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
+  color: #5E6A74 !important;
+}
+.react-date-picker__clear-button {
+  display: none;
+}
+.react-calendar__navigation__label__labelText {
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+  color: #1E3860;
+  font-family: var(--header-font-family);
+}
+.react-datepicker-popper {
+  transform: translateY(40px)!important;
+}
+.react-calendar__month-view__days__day--neighboringMonth {
+  background-color: #F4F4F4 !important;
+  opacity: 50%;
+}
+.react-calendar__month-view__days__day--neighboringMonth > abbr {
+  color: #5E6A74;
+}
+.react-calendar__tile--active > abbr {
+  color: white;
+}
+.react-calendar {
+  border: 12px solid #FFFFFF4D !important;
+  border-radius: 4px;
+}
+.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
+  display: none;
+}
+.react-date-picker__calendar {
+  max-width: 100% !important;
+}
+.react-date-picker__inputGroup__input:focus-visible {
+  outline: none;
+}
+.react-date-picker__inputGroup__input:invalid {
+  background: transparent !important;
+}
+@media screen and (max-width:320px) {
+  .react-calendar__month-view__weekdays__weekday {
+    width: 43.5px;
+  }
+  .react-calendar__month-view__days__day {
+    width: 43.5px;
+  }
+}
+@media screen and (max-width:400px) {
+  .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
+    min-width: auto;
+  }
+}

package/dist/assets/Input/InputDate.css

@@ -0,0 +1,39 @@
+.skzved0 {
+  position: relative;
+}
+.skzved1 {
+  position: relative;
+  top: 5px;
+  left: 5px;
+}
+.skzved2 {
+  width: 100px;
+  padding-left: 5px;
+  padding-right: 5px;
+  line-height: 28px;
+  font-size: 14pt;
+}
+.skzved3 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.skzved4 {
+  display: block;
+  background: #FFFFFF;
+  width: 300px;
+  border: solid 1px #CCCCCC;
+  margin: 10px auto;
+  box-shadow: 0 0 15px 0 #C0C0C0;
+  font-size: 1.3rem;
+  text-align: center;
+  z-index: 999;
+}
+.skzved4 .skzved5 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #FFFFFF;
+  cursor: default;
+  font-weight: bold;
+}

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);
 }