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

package/dist/StepItem/StepItem.css.js

@@ -1,8 +1,8 @@
-import '../assets/StepItem/StepItem.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                                              */
 /* empty css                                    */
-/* empty css                            */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var li = "_1y8r7dk0";
 var line_points = createRuntimeFn({ defaultClassName: "_1y8r7dk1", variantClassNames: { variant: { primary: "_1y8r7dk2", secondary: "_1y8r7dk3", tertiary: "_1y8r7dk4", quaternary: "_1y8r7dk5" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,7 +1,7 @@
-import '../assets/StepItemSet/StepItemSet.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                                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
 var bs_wrapper = "_18par6f5";

package/dist/Tab/Tab.css.js

@@ -1,8 +1,8 @@
-import '../assets/Tab/Tab.css';import '../assets/Typography/Typography.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                                              */
+/* empty css                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var tab = createRuntimeFn({ defaultClassName: "lhhm340", variantClassNames: { variant: { primary: "lhhm341", secondary: "lhhm342", tertiary: "lhhm343", quaternary: "lhhm344" } }, defaultVariants: {}, compoundVariants: [] });
 var active_tab = createRuntimeFn({ defaultClassName: "lhhm345", variantClassNames: { variant: { primary: "lhhm346", secondary: "lhhm347", tertiary: "lhhm348", quaternary: "lhhm349" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Table/Table.css.js

@@ -1,7 +1,7 @@
-import '../assets/Table/Table.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                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var table_section = "_1nivbwe0";
 var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe1", variantClassNames: { variant: { apy: "_1nivbwe2", standard: "_1nivbwe3" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Table/Table.js

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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 "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";

package/dist/TextBlock/TextBlock.css.js

@@ -1,7 +1,7 @@
-import '../assets/TextBlock/TextBlock.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                                            */
 var textBlockSection = "_16g7rvn0";
 var textBlockParagraph = "_16g7rvn1";
 var textBlockHeader = "_16g7rvn2";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
+/* empty css                                                      */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty css                                 */
+/* empty css                                                    */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-import '../assets/Typography/Typography.css';/* empty 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,8 +1,8 @@
-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                                              */
 /* empty css                                    */
-/* empty css                             */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                            */
 var video_tile = "_16puo4g0";
 var show = "_16puo4g1";
 var video_title = "_16puo4g2";

package/dist/VideoTile/VideoTile.js

@@ -4,11 +4,11 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-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 ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";

package/dist/VideoWrapper/VideoWrapper.css.js

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

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/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;
+}