@axos-web-dev/shared-components 0.0.91 → 0.0.93

package/dist/TopicalNavSet/TopicalNavSet.js

@@ -5,15 +5,15 @@ const TopicalNavSet = ({
   id,
   topicalNavigationItems
 }) => {
-  return /* @__PURE__ */ jsx("nav", { className: picker_section, children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("nav", { id: `id_${id}`, className: picker_section, children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav) => /* @__PURE__ */ jsx(
     TopicalNavItem,
     {
-      id: `id_${id}`,
+      id: `id_${nav?.id}`,
       icon: { src: nav?.icon?.src || "" },
       displayText: nav?.displayText,
       targetUrl: nav?.targetUrl
     },
-    `id_${id}`
+    `id_${nav?.id}`
   )) }) }) });
 };
 export {

package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css

@@ -22,8 +22,21 @@
   height: 50px;
   border-radius: 8px;
   margin-top: .5rem;
+  text-align-last: center;
 }
 ._10pitvc7 {
+  color: var(--_1073cm82);
+}
+._10pitvc8 {
+  color: var(--_1073cm89);
+}
+._10pitvc9 {
+  color: var(--_1073cm8g);
+}
+._10pitvca {
+  color: var(--_1073cm8n);
+}
+._10pitvcb {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -31,10 +44,10 @@
   font-size: 2.5rem;
   font-weight: 700;
 }
-._10pitvc8 {
+._10pitvcc {
   padding: 2rem;
 }
-._10pitvc9 {
+._10pitvcd {
   align-items: flex-start;
 }
 ._10pitvc5 input {
@@ -47,15 +60,15 @@ select {
   background: url(https://images.axos.com/o9ov1v03uwqk/4ayjjdIkEzQsfmhKbPeNaE/636b57923fbdac891d48f78ca06ffeb6/image_1_-_2024-06-27T142052.191.png) no-repeat 95%;
   background-color: #fff;
 }
-._10pitvca {
+._10pitvce {
   font-weight: 700;
   font-size: 24px;
   color: #666;
 }
-._10pitvcb {
+._10pitvcf {
   color: #d0021b;
 }
-._10pitvcc {
+._10pitvcg {
   font-size: 34px!important;
   line-height: 1.25;
 }
@@ -64,7 +77,7 @@ select {
     width: 100%;
     margin-bottom: 1rem;
   }
-  ._10pitvc9 {
+  ._10pitvcd {
     align-items: center;
     flex-direction: column;
   }

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -42,7 +42,6 @@
   max-height: 200px;
 }
 ._1tdyl74a {
-  width: 100%;
   justify-content: space-between;
 }
 ._1tdyl74b {
@@ -75,6 +74,9 @@
 ._1tdyl74f {
   max-height: 315px;
 }
+._1tdyl740 p {
+  margin-bottom: 0;
+}
 @media screen and (max-width:1127px) {
   [class*=cta_section_lg] {
     max-height: 256px;

package/dist/assets/Hyperlink/Hyperlink.css

@@ -0,0 +1,22 @@
+.hvs5ng0 {
+  text-decoration: none;
+  cursor: pointer;
+}
+.hvs5ng1 {
+  color: #0062B3;
+}
+.hvs5ng1:hover {
+  text-decoration: underline;
+  text-decoration-color: #0062B3;
+}
+.hvs5ng2 {
+  color: #FAA74A;
+}
+.hvs5ng2:hover {
+  text-decoration: underline;
+  text-decoration-color: #FAA74A;
+}
+.hvs5ng3 {
+  color: inherit;
+  text-decoration: underline;
+}

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/Interstitial/Interstitial-variants.css

@@ -6,4 +6,13 @@
 }
 .ep91dm2 {
   color: var(--_1073cm8a);
+}
+.ep91dm3 {
+  z-index: 99999999;
+}
+.ep91dm4 {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  list-style: none;
 }