@axos-web-dev/shared-components 1.0.18 → 1.0.20

package/dist/ATMLocator/ATMLocator.js

@@ -31,6 +31,21 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "react-hook-form";
+import "@hookform/resolvers/zod";
+import "../Input/PercentageInput.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
@@ -50,19 +65,6 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
-import "@hookform/resolvers/zod";
-import "../Input/Checkbox.js";
-import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
-import "../Input/Dropdown.css.js";
-import "../Input/Input.js";
-import "../Input/Input.css.js";
-import "../Input/InputAmount.js";
-import "../Input/InputPhone.js";
-import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
-import "../Input/RadioButton.js";
-import "react-hook-form";
 import { iconForm } from "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";

package/dist/Accordion/Accordion.js

@@ -11,7 +11,7 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
+import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/Button/Button.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/Calculators/AxosOneCalculator/index.js

@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { ax1_container, ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_table_container, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_calc_disclosure } from "./BalanceAPYCalculator.css.js";
+import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { container, calc_icon, header_container, header_calc, calc_text, description_text, table_container, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, calc_disclosure } from "./BalanceAPYCalculator.css.js";
+import { calc_icon, header_container, header_calc, calc_text, description_text, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, table_container, calc_disclosure, container } from "./BalanceAPYCalculator.css.js";
 const BalanceAPYCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts

@@ -0,0 +1,101 @@
+export declare const calc_container: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const apy_calculator: string;
+export declare const calculator_section: string;
+export declare const section_header: string;
+export declare const buydown_calculator_form: string;
+export declare const errorTag: string;
+export declare const form_wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const fieldset: string;
+export declare const row_form: string;
+export declare const checkbox_row: string;
+export declare const calculate_row: string;
+export declare const relative: string;
+export declare const label_symbol: string;
+export declare const cash: string;
+export declare const percent: string;
+export declare const prefix_pad: string;
+export declare const submit_section: string;
+export declare const span_12: string;
+export declare const form_disclosure: string;
+export declare const bodyContent: string;
+export declare const theme_header: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const mt_8: string;
+export declare const pis_0: string;
+export declare const limit_one: string;

package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js

@@ -0,0 +1,56 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                       */
+/* empty css                                             */
+/* empty css                                     */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var calc_container = createRuntimeFn({ defaultClassName: "n9fzuw0", variantClassNames: { variant: { primary: "n9fzuw1", secondary: "n9fzuw2", tertiary: "n9fzuw3", quaternary: "n9fzuw4" } }, defaultVariants: {}, compoundVariants: [] });
+var apy_calculator = "n9fzuw5";
+var calculator_section = "n9fzuw6";
+var section_header = "n9fzuw7";
+var buydown_calculator_form = "n9fzuw8";
+var errorTag = "n9fzuw9";
+var form_wrapper = createRuntimeFn({ defaultClassName: "n9fzuwa", variantClassNames: { variant: { primary: "n9fzuwb", secondary: "n9fzuwc", tertiary: "n9fzuwd", quaternary: "n9fzuwe" } }, defaultVariants: {}, compoundVariants: [] });
+var fieldset = "n9fzuwf";
+var row_form = "n9fzuwg";
+var checkbox_row = "n9fzuwh";
+var calculate_row = "n9fzuwi";
+var relative = "n9fzuwj";
+var label_symbol = "n9fzuwk";
+var cash = "n9fzuwl";
+var percent = "n9fzuwm";
+var prefix_pad = "n9fzuwn";
+var submit_section = "n9fzuwo";
+var span_12 = "n9fzuwp";
+var form_disclosure = "n9fzuwq";
+var bodyContent = "n9fzuwr";
+var theme_header = createRuntimeFn({ defaultClassName: "n9fzuws", variantClassNames: { variant: { primary: "n9fzuwt", secondary: "n9fzuwu", tertiary: "n9fzuwv", quaternary: "n9fzuww" } }, defaultVariants: {}, compoundVariants: [] });
+var mt_8 = "n9fzuwx";
+var pis_0 = "n9fzuwy";
+var limit_one = "n9fzuwz";
+export {
+  apy_calculator,
+  bodyContent,
+  buydown_calculator_form,
+  calc_container,
+  calculate_row,
+  calculator_section,
+  cash,
+  checkbox_row,
+  errorTag,
+  fieldset,
+  form_disclosure,
+  form_wrapper,
+  label_symbol,
+  limit_one,
+  mt_8,
+  percent,
+  pis_0,
+  prefix_pad,
+  relative,
+  row_form,
+  section_header,
+  span_12,
+  submit_section,
+  theme_header
+};

package/dist/Calculators/BuyDownCalculator/index.d.ts

@@ -0,0 +1,25 @@
+import { QuaternaryTypes } from '../../utils';
+import { FC, ReactNode } from 'react';
+
+export interface BuyDownCalculatorProps {
+    header?: ReactNode | string;
+    body?: ReactNode | string;
+    variant: QuaternaryTypes;
+    disclosure?: ReactNode | string;
+}
+export type BuyDownCalculatorInputs = {
+    purchasePrice: number;
+    downpayment: number;
+    dealerContribution: number;
+    program: string;
+    fico: string;
+    buydownRate: number;
+    buydownTerm: number;
+    fullTimeCharter: boolean;
+    mooringOutsideContinentalUS: boolean;
+    operatingAccount: boolean;
+    ltvAbove60: boolean;
+    floorplanDealerIncentive: boolean;
+    dealerCommercialDeposit: boolean;
+};
+export declare const BuyDownCalculator: FC<BuyDownCalculatorProps>;