@axos-web-dev/shared-components 0.0.233 → 0.0.234

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/StepItemSet/StepItemSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                               */

package/dist/Tab/Tab.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Tab/Tab.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                          */

package/dist/Table/Table.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                         */

package/dist/Table/Table.d.ts

@@ -10,17 +10,19 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     colSpan: number | undefined;
     className: string;
     manifest?: string | undefined;
-    amp?: string | undefined;
+    amp?: string;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -30,7 +32,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     style?: import('react').CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import('react').AriaRole | undefined;
     about?: string | undefined;
@@ -44,7 +46,6 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -55,38 +56,38 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     inert?: boolean | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -101,9 +102,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/Table/Table.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -11,7 +11,7 @@ import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { createElement } from "react";
-import { table_section, table_container, table_container_text, table_headline, table_description_text, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
+import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,

package/dist/TextBlock/TextBlock.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/TextBlock/TextBlock.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                             */

package/dist/TextBlock/TextBlock.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { textBlockSection, textBlockHeader } from "./TextBlock.css.js";
+import { textBlockHeader, textBlockSection } from "./TextBlock.css.js";
 const TextBlock = (props) => {
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                  */
+import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                 */
+import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty css                                 */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+import '../assets/Typography/Typography.css';/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -56,6 +56,7 @@ import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

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

@@ -0,0 +1,207 @@
+._11oamgh0 {
+  position: relative;
+}
+._11oamgh0 ._1nivbwe13 ._1nivbwee ._1nivbwe8 {
+  margin-bottom: 0;
+}
+._11oamgh0 ._1nivbwe13 ._1nivbwee {
+  background: #fff;
+  color: #1e3860;
+}
+._11oamgh0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
+  background: #fff;
+}
+._11oamgh0 > .containment {
+  padding: 24px 33px 0px;
+}
+._11oamgh0 tbody tr + tr ._1nivbwel {
+  border-bottom: 1px solid #d9d9d9;
+}
+._11oamgh0 ._1nivbwes {
+  border-radius: 0px;
+}
+._11oamgh0 tbody tr:first-child td {
+  background: #def4ff;
+  font-size: 24px;
+  line-height: 1.3;
+  color: #1e3860;
+  font-family: var(--header-font-family);
+}
+._11oamgh1 {
+  padding: 0px 56px 17px;
+  background: #FFF;
+  color: #5e6a74;
+}
+._11oamgh2 {
+  display: flex;
+  background-color: #FFFFFF;
+  border-radius: 1rem;
+  border: 1px solid #d9d9d9;
+  justify-content: space-between;
+  padding: 15px;
+}
+._11oamgh3 {
+  align-items: center;
+  color: #1e3860;
+  display: flex;
+  font-size: 24px;
+  flex: 1 1 0%;
+  font-family: var(--header-font-family);
+}
+._11oamgh4 {
+  font-weight: 400;
+  margin-bottom: 0;
+}
+._11oamgh5 {
+  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;
+}
+._11oamgh7 {
+  display: none;
+}
+._11oamgh8 {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 1.4;
+  padding: 14px 64px;
+  background-color: var(--_1073cm86);
+  color: #FFFFFF;
+  width: auto;
+}
+._11oamgh9 {
+  padding-bottom: 32px;
+}
+._11oamgha {
+  margin-bottom: 44px;
+}
+._11oamghb {
+  color: #1e3860;
+}
+._11oamghc {
+  margin-inline: auto;
+}
+._11oamghd {
+  margin-top: 1rem;
+}
+._11oamghe {
+  color: var(--_1073cm82);
+}
+._11oamghf {
+  color: var(--_1073cm89);
+}
+._11oamghg {
+  color: var(--_1073cm8g);
+}
+._11oamghh {
+  color: var(--_1073cm8n);
+}
+._11oamghi {
+  margin-top: 16px;
+}
+._11oamghj {
+  color: var(--_1073cm82);
+}
+._11oamghk {
+  color: var(--_1073cm89);
+}
+._11oamghl {
+  color: var(--_1073cm8g);
+}
+._11oamghm {
+  color: var(--_1073cm8n);
+}
+@media screen and (max-width: 1023px) {
+  ._11oamgh0 > .containment {
+    max-width: 100%;
+    width: 100%;
+    border-radius: 0;
+    padding: 24px 28px;
+  }
+  ._11oamgh1 {
+    padding: 0px 24px;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._11oamgh3 {
+    font-size: 23px;
+  }
+}
+@media screen and (max-width: 900px) {
+  ._11oamgh8 {
+    padding: 4px 32px;
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._11oamgh0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
+    background: #f4f4f4;
+  }
+  ._11oamgh0 > .containment {
+    padding: 0px;
+  }
+  ._11oamgh0 tbody tr + tr ._1nivbwel {
+    border-bottom: none;
+  }
+  ._11oamgh0 tbody tr:first-child td {
+    font-size: 16px;
+    line-height: 1.5;
+    font-family: var(--main-font-family);
+    background: #ace1fc;
+  }
+  ._11oamgh0 ._1nivbwes._1nivbwet {
+    padding: 0px;
+    margin-top: 0px !important;
+  }
+  ._11oamgh1 {
+    border-radius: 0;
+    padding: 0;
+  }
+  ._11oamgh2 {
+    border: 0;
+    padding: 0 16px 16px;
+    flex-wrap: wrap;
+    border-radius: 0;
+  }
+  ._11oamgh3 {
+    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;
+  }
+  ._11oamgh5 {
+    font-family: var(--main-font-family);
+    padding: 8px 8px 8px 0;
+  }
+  ._11oamgh6 {
+    display: none;
+  }
+  ._11oamgh7 {
+    display: block;
+  }
+  ._11oamgh8 {
+    margin-top: 16px;
+  }
+  ._11oamgha {
+    margin-top: 16px;
+    padding: 32px 16px 0;
+  }
+}
+@media screen and (max-width: 450px) {
+  ._11oamgh4 {
+    width: 151px;
+  }
+  ._11oamgh5 {
+    width: 50%;
+  }
+}