@axos-web-dev/shared-components 0.0.84 → 0.0.86

package/dist/SetContainer/SetContainer.js

@@ -24,6 +24,10 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "next/image.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -39,11 +43,9 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-/* empty css                                                                                */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -73,7 +75,6 @@ import "next/link.js";
 /* empty css                                                  */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-import "../Table/Table.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */

package/dist/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.interface.d.ts

@@ -1,4 +1,4 @@
-import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
@@ -12,13 +12,15 @@ export interface TableProps extends PropsWithChildren {
     highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
     tableType?: "Standard" | "Rate";
     alternateColorRows?: boolean;
+    style?: CSSProperties;
+    className?: string;
 }
 export interface TableContainerProps extends PropsWithChildren {
     id?: string;
     variant: string;
-    tableTitle: ReactNode | string;
+    tableTitle?: ReactNode | string;
     tableBody?: ReactNode | string;
-    tableFooter: ReactNode | string;
+    tableFooter?: ReactNode | string;
     tableType?: string;
     tableDescription?: ReactNode | string;
     internalName?: string;

package/dist/Table/Table.js

@@ -33,13 +33,21 @@ const Table = ({
   children,
   highlight,
   tableType = "Standard",
-  alternateColorRows = false
+  alternateColorRows = false,
+  style,
+  className
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: tableWrapper({ variant: getVariant(variant) }),
-      style: tableType === "Rate" ? { width: "90%", border: "none" } : {},
+      className: clsx(
+        tableWrapper({ variant: getVariant(variant) }),
+        className
+      ),
+      style: {
+        ...tableType === "Rate" ? { width: "90%", border: "none" } : {},
+        ...style
+      },
       children: /* @__PURE__ */ jsx(
         "table",
         {

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

@@ -0,0 +1,200 @@
+._1mjmksf0 {
+  padding: 48px 0;
+}
+._1mjmksf1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1mjmksf2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._1mjmksf3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1mjmksf4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._1mjmksf5 {
+  padding: 64px;
+  margin: 32px 0;
+  background: #F4F4F4;
+  color: #4A5560;
+}
+._1mjmksf6 {
+  display: inline-flex;
+  background-color: #FFFFFF;
+  border-radius: 1rem;
+}
+._1mjmksf7 {
+  align-items: center;
+  color: #333d46;
+  display: flex;
+  font-size: 21px;
+  padding: 0 1.5rem;
+}
+._1mjmksf8 {
+  font-weight: 500;
+  margin-bottom: 0;
+}
+._1mjmksf9 {
+  align-self: stretch;
+  border: 0;
+  max-width: 193px;
+  outline: 0;
+  padding-left: 8px;
+  overflow: visible;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+._1mjmksfb {
+  display: none;
+}
+._1mjmksfc {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.4;
+  padding: 15px;
+  background-color: var(--_1073cm86);
+  color: #FFFFFF;
+}
+._1mjmksfd {
+  letter-spacing: 0.2px;
+  line-height: 1.44;
+  margin-bottom: 0;
+}
+._1mjmksfd small {
+  position: relative;
+  left: 338px;
+  margin-top: 7px;
+  font-size: 12px;
+}
+._1mjmksfe {
+  color: #d0021b;
+}
+._1mjmksff {
+  padding-bottom: 32px;
+}
+._1mjmksfg {
+  margin-bottom: 32px;
+}
+._1mjmksfh {
+  font-family: var(--header-font-family);
+}
+._1073cm80 ._1mjmksfi {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 ._1mjmksfi {
+  color: var(--_1073cm83);
+}
+._1073cm80 ._1mjmksfj {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 ._1mjmksfj {
+  color: var(--_1073cm8a);
+}
+._1mjmksfk {
+  color: var(--_1073cm8h);
+}
+._1mjmksfl {
+  color: var(--_1073cm8o);
+}
+._1mjmksfm {
+  margin-inline: auto;
+}
+._1mjmksfn {
+  margin-top: 1rem;
+}
+._1mjmksfo {
+  color: var(--_1073cm82);
+}
+._1mjmksfp {
+  color: var(--_1073cm89);
+}
+._1mjmksfq {
+  color: var(--_1073cm8g);
+}
+._1mjmksfr {
+  color: var(--_1073cm8n);
+}
+._1mjmksfs {
+  margin-top: 16px;
+}
+._1mjmksft {
+  color: var(--_1073cm82);
+}
+._1mjmksfu {
+  color: var(--_1073cm89);
+}
+._1mjmksfv {
+  color: var(--_1073cm8g);
+}
+._1mjmksfw {
+  color: var(--_1073cm8n);
+}
+@media screen and (max-width: 603px) {
+  ._1mjmksf5 {
+    padding: 30px 14px;
+  }
+  ._1mjmksf6 {
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+    background-color: transparent;
+  }
+  ._1mjmksf9 {
+    border-radius: 8px;
+    margin-left: 0;
+    padding: 7px 15px;
+    text-align: center;
+    margin-top: 12px;
+    position: relative;
+  }
+  ._1mjmksfa {
+    display: none;
+  }
+  ._1mjmksfb {
+    display: block;
+  }
+  ._1mjmksfd {
+    text-align: center;
+  }
+}
+@media screen and (max-width:603px) {
+  ._1mjmksf7 {
+    flex-direction: column;
+  }
+  ._1mjmksfc {
+    font-weight: 700;
+    font-size: 18px;
+    border-radius: 8px;
+    margin-top: 20px;
+    padding: 5px 36px;
+  }
+}
+@media screen and (max-width: 769px) {
+  ._1mjmksf9 {
+    max-width: 145px;
+  }
+}
+@media screen and (max-width: 769px) {
+  ._1mjmksfd small {
+    left: 290px;
+  }
+}
+@media screen and (max-width: 603px) {
+  ._1mjmksfd small {
+    left: 0;
+  }
+}

package/dist/assets/SetContainer/SetContainer.css

@@ -1,6 +1,3 @@
-._18ygy9m0 {
-  padding: 3rem 0;
-}
 ._18ygy9m1 {
   background: var(--_1073cm81);
 }
@@ -25,6 +22,7 @@
   padding-bottom: 2.5rem;
   text-align: center;
   max-width: 1000px;
+  padding-top: 3rem;
 }
 ._18ygy9m5 .containment {
   width: 100%;

package/dist/utils/allowedAxosDomains.js

@@ -9,7 +9,9 @@ const moreDomains = {
   "{IMAGEASSETSURL}": "https://images.axos.com",
   "{ONLINEBANKING}": "https://onlinebanking.uat.axsobank.com",
   "{UFBDIRECT}": "https://www.ufbdirect.com",
-  "{ARMS}": "https://arms.axosadvisor.com"
+  "{ARMS}": "https://arms.axosadvisor.com",
+  "{APPS}": "https://apps.axosbank.com",
+  "{AFP}": "https://afp.axosbank.com"
   // "assets.axos.com": "https://assets.axos.com",
   // "images.axos.com": "https://images.axos.com",
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.84",
+  "version": "0.0.86",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -39,6 +39,8 @@
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
     "iframe-resizer": "4.3.11",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
     "react-hook-form": "^7.52.0",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",