@axos-web-dev/shared-components 1.0.19 → 1.0.21

package/dist/Input/RadioButton.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { labelClassName, helperText } from "./Input.css.js";
 import { fieldset_wrapper, fieldset_container, fieldset } from "./RadioButton.css.js";
+import clsx from "clsx";
 const RadioButtonSet = (props) => {
   const {
     disabled,
@@ -10,19 +11,27 @@ const RadioButtonSet = (props) => {
     variant,
     helperText: helper,
     children,
-    direction = "row"
+    direction = "row",
+    className
     // id,
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: fieldset_wrapper, children: [
     label && /* @__PURE__ */ jsx(
       "label",
       {
-        className: labelClassName({ error, variant }),
+        className: clsx(labelClassName({ error, variant }), className),
         htmlFor: props.name,
         children: label
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx("fieldset", { className: fieldset({ direction }), children }) }),
+    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx(
+      "fieldset",
+      {
+        className: fieldset({ direction }),
+        disabled: disabled ?? false,
+        children
+      }
+    ) }),
     /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
   ] });
 };

package/dist/Insight/Featured/CategorySelector.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/Insight/Featured/Featured.js

@@ -58,6 +58,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/Insight/Featured/Header.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/Modal/Modal.js

@@ -55,6 +55,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosALTS/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -58,6 +58,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosBank/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/LaVictoire/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/SetContainer/SetContainer.js

@@ -58,6 +58,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/SocialMediaBar/iconsRepository.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/VideoWrapper/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css

@@ -0,0 +1,197 @@
+.n9fzuw0 {
+  padding-inline: 120px;
+  padding-top: 48px;
+  padding-bottom: 48px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.n9fzuw1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+.n9fzuw2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.n9fzuw3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.n9fzuw4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.n9fzuw5 {
+  padding: 2.5rem 0;
+  display: flex;
+}
+.n9fzuw6 {
+  width: 100%;
+}
+.n9fzuw7 {
+  margin-bottom: 2.5rem;
+  max-width: 49.5rem;
+  text-align: center;
+  margin-inline: auto;
+}
+.n9fzuw8 {
+  margin-inline: auto;
+}
+.n9fzuw9 {
+  color: red;
+  font-size: larger;
+  list-style: none;
+}
+.n9fzuwa {
+  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+.n9fzuwb {
+  color: var(--_1073cm82);
+}
+.n9fzuwc {
+  color: var(--_1073cm89);
+}
+.n9fzuwd {
+  color: var(--_1073cm8g);
+}
+.n9fzuwe {
+  color: var(--_1073cm8n);
+}
+.n9fzuwf {
+  max-width: 792px;
+  margin: 0 auto;
+}
+.n9fzuwg {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: 15px;
+}
+.n9fzuwh {
+  display: flex;
+  flex-direction: row;
+}
+.n9fzuwg > div {
+  flex-grow: 1;
+  width: 100%;
+}
+.n9fzuwi {
+  margin-top: 1.5rem;
+  text-align: center;
+  margin-inline: auto;
+  margin-bottom: 1.5rem;
+}
+.n9fzuwg .input_label {
+  color: inherit;
+}
+.n9fzuwj {
+  position: relative;
+}
+.n9fzuwk {
+  position: absolute;
+  color: #323339;
+  font-size: 18px;
+  font-weight: 500!important;
+  margin-bottom: 0;
+}
+.n9fzuwl {
+  left: 21px;
+  top: 46px;
+}
+.n9fzuwm {
+  top: 47px;
+  right: 10px;
+}
+.n9fzuwn {
+  padding-left: 2rem;
+}
+.n9fzuwp {
+  width: 100%;
+}
+.n9fzuwq > p {
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 10px;
+  letter-spacing: .2px;
+}
+.n9fzuwr {
+  margin-bottom: 1rem;
+}
+._1073cm80 .n9fzuwt {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n9fzuwt {
+  color: var(--_1073cm83);
+}
+._1073cm80 .n9fzuwu {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n9fzuwu {
+  color: var(--_1073cm8a);
+}
+.n9fzuwv {
+  color: var(--_1073cm8h);
+}
+.n9fzuww {
+  color: var(--_1073cm8o);
+}
+.n9fzuwx {
+  margin-top: 0.5rem;
+}
+.n9fzuwy {
+  padding-inline-start: 0;
+}
+.n9fzuwz {
+  font-weight: 400;
+  color: #344a53;
+  margin-bottom: 8px;
+}
+.n9fzuw8 label:not(.n9fzuwz) {
+  font-weight: 700;
+  color: #28587d;
+}
+@media screen and (max-width:1023px) {
+  .n9fzuw0 {
+    padding-inline: 0;
+    padding: 0 3.5rem;
+  }
+  .n9fzuwq {
+    margin-top: 1rem;
+  }
+}
+@media screen and (max-width:768px) {
+  .n9fzuw0 {
+    padding: 0 2rem;
+  }
+}
+@media screen and (max-width:470px) {
+  .n9fzuw0 {
+    padding: 0 1.5rem;
+  }
+}
+@media screen and (max-width:1124px) {
+  .n9fzuw5 {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+}
+@media screen and (min-width:1125px) {
+  .n9fzuw6 {
+    margin-right: 2rem;
+  }
+}
+@media screen and (max-width:480px) {
+  .n9fzuwg {
+    flex-direction: column;
+  }
+}

package/dist/assets/Insight/Insight.css

@@ -70,6 +70,18 @@ article.containment {
   }
 }
 @media screen and (max-width:768px) {
+  .lchs2s0 {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+  .lchs2s1 {
+    font-size: 24px;
+    line-height: 1.33;
+  }
+  .lchs2s2 {
+    font-size: 20px;
+    line-height: 1.4;
+  }
   article.containment {
     max-width: unset;
     width: min(1200px, calc(100% - 4rem));

package/dist/main.d.ts

@@ -16,6 +16,7 @@ export * from './Calculators/AxosOneCalculator';
 export * from './Calculators/BalanceAPYCalculator';
 export * from './Calculators/MarginTradingCalculator';
 export * from './Calculators/MonthlyPaymentCalculator';
+export * from './Calculators/BuyDownCalculator';
 export * from './CallToActionBar';
 export * from './Carousel';
 export * from './Chevron';

package/dist/main.js

@@ -28,6 +28,7 @@ import { MaxLoanCalculator } from "./Calculators/MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
 import { MonthlyPaymentLVFCalculator } from "./Calculators/MonthlyPaymentLVFCalculator/index.js";
 import { SummitApyCalculator } from "./Calculators/SummitApyCalculator/index.js";
+import { BuyDownCalculator } from "./Calculators/BuyDownCalculator/index.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
@@ -222,6 +223,7 @@ export {
   BreadcumbHeader,
   BulletItem,
   Button,
+  BuyDownCalculator,
   Calculator,
   CallToActionBar,
   Carousel,