@axos-web-dev/shared-components 0.0.136 → 0.0.138

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

@@ -0,0 +1,210 @@
+._11b2y8z0 {
+  position: relative;
+}
+._11b2y8z0 ._1nivbwe13 ._1nivbwee ._1nivbwe8 {
+  margin-bottom: 0;
+}
+._11b2y8z0 ._1nivbwe13 ._1nivbwee {
+  background: #fff;
+  color: #1e3860;
+}
+._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
+  background: #fff;
+}
+._11b2y8z0 > .containment {
+  padding: 84px 82px 100px;
+  background: #def4ff;
+  border-radius: 1rem;
+}
+._11b2y8z0 tbody tr + tr ._1nivbwel {
+  border-bottom: 1px solid #d9d9d9;
+}
+._11b2y8z0 ._1nivbwes {
+  border-radius: 0px;
+}
+._11b2y8z0 tbody tr:first-child td {
+  background: #def4ff;
+  font-size: 24px;
+  line-height: 1.3;
+  color: #1e3860;
+  font-family: var(--header-font-family);
+}
+._11b2y8z1 {
+  padding: 40px 56px;
+  background: #FFF;
+  color: #5e6a74;
+}
+._11b2y8z2 {
+  display: flex;
+  background-color: #FFFFFF;
+  border-radius: 1rem;
+  border: 1px solid #d9d9d9;
+  justify-content: space-between;
+  padding: 15px;
+}
+._11b2y8z3 {
+  align-items: center;
+  color: #1e3860;
+  display: flex;
+  font-size: 24px;
+  flex: 1 1 0%;
+  font-family: var(--header-font-family);
+}
+._11b2y8z4 {
+  font-weight: 400;
+  margin-bottom: 0;
+}
+._11b2y8z5 {
+  align-self: stretch;
+  border: 0;
+  flex: 1 1 0%;
+  font-family: var(--header-font-family);
+  outline: 0;
+  padding-left: 3px;
+  font-weight: 600;
+  color: #1e3860;
+  margin: 0;
+}
+._11b2y8z7 {
+  display: none;
+}
+._11b2y8z8 {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 1.4;
+  padding: 14px 64px;
+  background-color: var(--_1073cm86);
+  color: #FFFFFF;
+  width: auto;
+}
+._11b2y8z9 {
+  padding-bottom: 32px;
+}
+._11b2y8za {
+  margin-bottom: 32px;
+}
+._11b2y8zb {
+  color: #1e3860;
+}
+._11b2y8zc {
+  margin-inline: auto;
+}
+._11b2y8zd {
+  margin-top: 1rem;
+}
+._11b2y8ze {
+  color: var(--_1073cm82);
+}
+._11b2y8zf {
+  color: var(--_1073cm89);
+}
+._11b2y8zg {
+  color: var(--_1073cm8g);
+}
+._11b2y8zh {
+  color: var(--_1073cm8n);
+}
+._11b2y8zi {
+  margin-top: 16px;
+}
+._11b2y8zj {
+  color: var(--_1073cm82);
+}
+._11b2y8zk {
+  color: var(--_1073cm89);
+}
+._11b2y8zl {
+  color: var(--_1073cm8g);
+}
+._11b2y8zm {
+  color: var(--_1073cm8n);
+}
+@media screen and (max-width: 1023px) {
+  ._11b2y8z0 > .containment {
+    max-width: 100%;
+    width: 100%;
+    border-radius: 0;
+    padding: 84px 28px 100px;
+  }
+  ._11b2y8z1 {
+    padding: 32px 24px;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._11b2y8z3 {
+    font-size: 23px;
+  }
+}
+@media screen and (max-width: 900px) {
+  ._11b2y8z8 {
+    padding: 4px 32px;
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
+    background: #f4f4f4;
+  }
+  ._11b2y8z0 > .containment {
+    padding: 0px;
+  }
+  ._11b2y8z0 tbody tr + tr ._1nivbwel {
+    border-bottom: none;
+  }
+  ._11b2y8z0 tbody tr:first-child td {
+    font-size: 16px;
+    line-height: 1.5;
+    font-family: var(--main-font-family);
+    background: #ace1fc;
+  }
+  ._11b2y8z0 ._1nivbwes._1nivbwet {
+    padding: 0px;
+    margin-top: 0px !important;
+  }
+  ._11b2y8z1 {
+    border-radius: 0;
+    padding: 0;
+  }
+  ._11b2y8z2 {
+    border: 0;
+    padding: 0 16px 28px;
+    flex-wrap: wrap;
+    background: #def4ff;
+    border-radius: 0;
+  }
+  ._11b2y8z3 {
+    font-size: 18px;
+    flex: 1 1 100%;
+    border: 1px solid #d9d9d9;
+    border-radius: 8px;
+    overflow: hidden;
+    font-family: var(--main-font-family);
+    padding-left: 8px;
+    background: #fff;
+  }
+  ._11b2y8z5 {
+    font-family: var(--main-font-family);
+    padding: 8px 8px 8px 0;
+  }
+  ._11b2y8z6 {
+    display: none;
+  }
+  ._11b2y8z7 {
+    display: block;
+  }
+  ._11b2y8z8 {
+    margin-top: 16px;
+  }
+  ._11b2y8za {
+    margin-top: 16px;
+    padding: 32px 16px 0;
+  }
+}
+@media screen and (max-width: 450px) {
+  ._11b2y8z4 {
+    width: 151px;
+  }
+  ._11b2y8z5 {
+    width: 50%;
+  }
+}

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/main.d.ts

@@ -12,6 +12,8 @@ export * from './Button';
 export * from './Calculators';
 export * from './Calculators/AnnualFeeCalculator';
 export * from './Calculators/ApyCalculator';
+export * from './Calculators/BalanceAPYCalculator';
+export * from './Calculators/AxosOneCalculator';
 export * from './Calculators/MarginTradingCalculator';
 export * from './Calculators/MonthlyPaymentCalculator';
 export * from './CallToActionBar';

package/dist/main.js

@@ -19,6 +19,7 @@ import { button } from "./Button/Button.css.js";
 import { GoBackButton } from "./Button/GoBackButton.js";
 import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js";
 import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
+import { AxosOneCalculator } from "./Calculators/AxosOneCalculator/index.js";
 import { BalanceAPYCalculator } from "./Calculators/BalanceAPYCalculator/index.js";
 import { Calculator } from "./Calculators/Calculator.js";
 import { calculator, calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
@@ -183,6 +184,7 @@ export {
   AwardsBanner,
   AwardsItem,
   AxosFooterSiteMap,
+  AxosOneCalculator,
   default3 as AxosX,
   default4 as AxosXBlue,
   BalanceAPYCalculator,

package/dist/utils/allowedAxosDomains.js

@@ -20,7 +20,8 @@ const moreDomains = {
   "{AUTOAXB}": "https://auto.axosbank.com/partner/axos-purchase/AU",
   "{COMMERCIALPORTAL}": process.env.COMMERCIALPORTAL_URL || "https://portals.axosbank.com/",
   "{DEVAXC}": process.env.DEVELOPER_CLEARING || "https://developer.axosclearing.com",
-  "{AFF}": process.env.FUNDFINDER_URL || "https://axosfundfinder.com/"
+  "{AFF}": process.env.FUNDFINDER_URL || "https://axosfundfinder.com/",
+  "{APL}": process.env.PERSONAL_LOANS || "https://personalloans.axosbank.com"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",