@axos-web-dev/shared-components 0.0.185 → 0.0.186

package/dist/TextBlock/TextBlock.css.js

@@ -1,6 +1,6 @@
-/* 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 @@
-/* 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 @@
-/* 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 @@
-/* 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,7 +1,7 @@
-/* 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,10 +4,10 @@ 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                                */
-/* 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 @@
-/* empty css                                */
+/* empty css                                                  */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -3,10 +3,10 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -15,10 +15,10 @@ import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
 import clsx from "clsx";
-/* 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";
@@ -48,17 +48,17 @@ 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";
+/* 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";
@@ -67,43 +67,43 @@ 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                                                             */
 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/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
+/* empty css                                                          */
 import "next/link.js";
-/* empty css                                                       */
+/* empty css                                                           */
 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;
+}

package/dist/assets/TextBlock/TextBlock.css

@@ -15,6 +15,12 @@
 main > div:nth-last-child(2) > ._16g7rvn0 {
   margin-bottom: 3.5rem;
 }
+._16g7rvn0 li + li {
+  margin-top: 1em;
+}
+._16g7rvn0 li {
+  padding-left: 15px;
+}
 @media screen and (max-width: 1023px) {
   main > div:nth-last-child(2) > ._16g7rvn0 {
     margin-bottom: 42px;

package/dist/assets/node_modules/react-date-range/dist/styles.css.css

@@ -0,0 +1,194 @@
+.rdrCalendarWrapper {
+  box-sizing: border-box;
+  background: #ffffff;
+  display: inline-flex;
+  flex-direction: column;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.rdrDateDisplay{
+  display: flex;
+  justify-content: space-between;
+}
+
+.rdrDateDisplayItem{
+  flex: 1 1;
+  width: 0;
+  text-align: center;
+  color: inherit;
+}
+
+.rdrDateDisplayItem + .rdrDateDisplayItem{
+    margin-left: 0.833em;
+  }
+
+.rdrDateDisplayItem input{
+    text-align: inherit
+  }
+
+.rdrDateDisplayItem input:disabled{
+      cursor: default;
+    }
+
+.rdrDateDisplayItemActive{}
+
+.rdrMonthAndYearWrapper {
+  box-sizing: inherit;
+  display: flex;
+  justify-content: space-between;
+}
+
+.rdrMonthAndYearPickers{
+  flex: 1 1 auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.rdrMonthPicker{}
+
+.rdrYearPicker{}
+
+.rdrNextPrevButton {
+  box-sizing: inherit;
+  cursor: pointer;
+  outline: none;
+}
+
+.rdrPprevButton {}
+
+.rdrNextButton {}
+
+.rdrMonths{
+  display: flex;
+}
+
+.rdrMonthsVertical{
+  flex-direction: column;
+}
+
+.rdrMonthsHorizontal > div > div > div{
+  display: flex;
+  flex-direction: row;
+}
+
+.rdrMonth{
+  width: 27.667em;
+}
+
+.rdrWeekDays{
+  display: flex;
+}
+
+.rdrWeekDay {
+  flex-basis: calc(100% / 7);
+  box-sizing: inherit;
+  text-align: center;
+}
+
+.rdrDays{
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.rdrDateDisplayWrapper{}
+
+.rdrMonthName{}
+
+.rdrInfiniteMonths{
+  overflow: auto;
+}
+
+.rdrDateRangeWrapper{
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.rdrDateInput {
+  position: relative;
+}
+
+.rdrDateInput input {
+    outline: none;
+  }
+
+.rdrDateInput .rdrWarning {
+    position: absolute;
+    font-size: 1.6em;
+    line-height: 1.6em;
+    top: 0;
+    right: .25em;
+    color: #FF0000;
+  }
+
+.rdrDay {
+  box-sizing: inherit;
+  width: calc(100% / 7);
+  position: relative;
+  font: inherit;
+  cursor: pointer;
+}
+
+.rdrDayNumber {
+  display: block;
+  position: relative;
+}
+
+.rdrDayNumber span{
+    color: #1d2429;
+  }
+
+.rdrDayDisabled {
+  cursor: not-allowed;
+}
+
+@supports (-ms-ime-align: auto) {
+  .rdrDay {
+    flex-basis: 14.285% !important;
+  }
+}
+
+.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
+  pointer-events: none;
+}
+
+.rdrInRange{}
+
+.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
+  pointer-events: none;
+}
+
+.rdrDayHovered{}
+
+.rdrDayActive{}
+
+.rdrDateRangePickerWrapper{
+  display: inline-flex;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.rdrDefinedRangesWrapper{}
+
+.rdrStaticRanges{
+  display: flex;
+  flex-direction: column;
+}
+
+.rdrStaticRange{
+  font-size: inherit;
+}
+
+.rdrStaticRangeLabel{}
+
+.rdrInputRanges{}
+
+.rdrInputRange{
+  display: flex;
+}
+
+.rdrInputRangeInput{}