@axos-web-dev/shared-components 0.0.118 → 0.0.120

package/dist/assets/Table/Table.css

@@ -1,101 +1,101 @@
-._1nivbwe0 {
+._1nivbwe1 {
   border-radius: 16px;
   height: 100%;
 }
-._1nivbwe1 {
+._1nivbwe2 {
   background: #f4f4f4;
   padding: 2rem 0;
 }
-._1nivbwe2 {
+._1nivbwe3 {
   background: white;
 }
-._1nivbwe3 {
+._1nivbwe4 {
   margin-inline: auto;
   margin-bottom: 2.5rem;
   text-align: center;
   max-width: 1000px;
 }
-._1nivbwe4 {
+._1nivbwe5 {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1nivbwe5 tbody tr:first-child td {
+._1nivbwe6 tbody tr:first-child td {
   background-color: #DEF4FF !important;
   background: #DEF4FF !important;
   color: #1E3860;
   font-size: 20px;
 }
-._1nivbwe6 tbody tr:last-child td {
+._1nivbwe7 tbody tr:last-child td {
   background-color: #DEF4FF !important;
   background: #DEF4FF !important;
   color: #1E3860;
   font-size: 20px;
 }
-._1nivbwe7 {
+._1nivbwe8 {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: 0.2px;
   margin-bottom: 8px;
 }
-._1nivbwe7 p sup {
+._1nivbwe8 p sup {
   vertical-align: top;
   position: relative;
   top: -0.5em;
 }
-._1nivbwe8 {
+._1nivbwe9 {
   color: var(--_1073cm82);
 }
-._1nivbwe9 {
+._1nivbwea {
   color: var(--_1073cm89);
 }
-._1nivbwea {
+._1nivbweb {
   color: var(--_1073cm8g);
 }
-._1nivbweb {
+._1nivbwec {
   color: var(--_1073cm8o);
 }
-._1nivbwec {
+._1nivbwed {
   font-size: 12px;
   font-weight: 700;
   line-height: 1.33;
   letter-spacing: 0.2px;
 }
-._1nivbwed {
+._1nivbwee {
   padding: 16px;
   border-bottom: thin solid #F4F4F4;
 }
-._1nivbwed:first-child {
+._1nivbwee:first-child {
   position: sticky;
   left: 0;
 }
-._1nivbwee {
+._1nivbwef {
   color: #4A5560;
   background: var(--_1073cm81);
   border-bottom: 1px solid var(--_1073cm87);
 }
-._1nivbwef {
+._1nivbweg {
   color: #4A5560;
   background: var(--_1073cm88);
   border-bottom: 1px solid var(--_1073cm8e);
 }
-._1nivbweg {
+._1nivbweh {
   color: var(--_1073cm8g);
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweg:first-child {
+._1nivbweh:first-child {
   background: var(--_1073cm8f);
 }
-._1nivbweh {
+._1nivbwei {
   color: #FFFFFF;
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweh:first-child {
+._1nivbwei:first-child {
   background: var(--_1073cm8m);
 }
-._1nivbwej {
+._1nivbwek {
   padding: 16px;
   font-size: 12px;
   font-weight: 700;
@@ -104,64 +104,64 @@
   border-bottom: thin solid #FFFFFF66;
   text-align: center;
 }
-._1nivbwej:first-child {
+._1nivbwek:first-child {
   position: sticky;
   left: 0;
 }
-._1nivbwek {
+._1nivbwel {
   background: var(--_1073cm81);
   color: #4A5560;
   border-bottom: 1px solid #D4D4D4;
 }
-._1nivbwel {
+._1nivbwem {
   background: var(--_1073cm88);
   color: #4A5560;
   border-bottom: 1px solid #D4D4D4;
 }
-._1nivbwem {
+._1nivbwen {
   color: var(--_1073cm8g);
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbwem:first-child {
+._1nivbwen:first-child {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-._1nivbwen {
+._1nivbweo {
   color: var(--_1073cm8n);
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbwen:first-child {
+._1nivbweo:first-child {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-._1nivbwep {
+._1nivbweq {
   background: #F4F4F4;
 }
-._1nivbweq {
+._1nivbwer {
   background: #D4D4D4;
 }
 tr:last-child td {
   border-bottom: 0;
 }
-._1nivbwer {
+._1nivbwes {
   width: 100%;
   overflow: hidden;
   margin: auto;
   border-radius: 1rem;
 }
-._1nivbwes {
-  border: 1px solid var(--_1073cm87);
-}
 ._1nivbwet {
-  border: 1px solid var(--_1073cm8e);
+  border: 1px solid var(--_1073cm87);
 }
 ._1nivbweu {
-  border: none;
+  border: 1px solid var(--_1073cm8e);
 }
 ._1nivbwev {
   border: none;
 }
 ._1nivbwew {
+  border: none;
+}
+._1nivbwex {
   background-color: white;
   position: relative;
   overflow: hidden;
@@ -171,65 +171,65 @@ tr:last-child td {
   width: 100%;
   table-layout: fixed;
 }
-._1nivbwex {
+._1nivbwey {
   background: var(--_1073cm81);
 }
-._1nivbwey {
+._1nivbwez {
   background: var(--_1073cm88);
 }
-._1nivbwez {
+._1nivbwe10 {
   background: var(--_1073cm8f);
 }
-._1nivbwe10 {
+._1nivbwe11 {
   background: var(--_1073cm8m);
 }
-._1nivbwes ._1nivbwe11 tr:nth-child(even) td {
+._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
   background: #F4F4F4;
 }
-._1nivbwet ._1nivbwe11 tr:nth-child(even) td {
+._1nivbweu ._1nivbwe12 tr:nth-child(even) td {
   background: #FFFFFF;
 }
-._1nivbwe12 ._1nivbwed {
+._1nivbwe13 ._1nivbwee {
   font-size: 18px;
   text-align: center;
   line-height: 1.44;
   letter-spacing: 0.2px;
 }
-._1nivbwe12 ._1nivbwej {
+._1nivbwe13 ._1nivbwek {
   font-size: 18px;
   text-align: center;
   line-height: 1.44;
   letter-spacing: 0.2px;
   font-weight: 400;
 }
-._1nivbwe1 ._1nivbwe3 {
+._1nivbwe2 ._1nivbwe4 {
   max-width: 90%;
   text-align: left;
 }
-._1nivbwe12 ._1nivbwed {
+._1nivbwe13 ._1nivbwee {
   text-align: center;
   background: #f4f4f4;
 }
-._1nivbwe12 tr:nth-child(even) td {
+._1nivbwe13 tr:nth-child(even) td {
   background: #f4f4f4;
 }
-._1nivbwe12 tr:nth-child(odd) td {
+._1nivbwe13 tr:nth-child(odd) td {
   background: #ffffff;
 }
-._1nivbwe12 tr th:first-child {
+._1nivbwe13 tr th:first-child {
   text-align: left;
 }
-._1nivbwe12 tr td:first-child {
+._1nivbwe13 tr td:first-child {
   text-align: left;
 }
-._1nivbwe12:has(td:nth-child(3):is(:last-child)) {
+._1nivbwe13:has(td:nth-child(3):is(:last-child)) {
   min-width: unset;
   width: 100%;
 }
- tr:has(> :last-child:nth-child(-n + 3)) td {
+._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) td {
   width: 33%;
 }
-tr:has(> :last-child:nth-child(-n + 3)) th {
+._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) th {
   width: 33%;
 }
  tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
@@ -238,16 +238,16 @@ tr:has(> :last-child:nth-child(-n + 3)) th {
  tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
   position: relative;
 }
-._1nivbwe12 tr td:first-child p {
+._1nivbwe13 tr td:first-child p {
   justify-content: left;
 }
-._1nivbwe12 tr th:first-child ._1nivbwe7 p {
+._1nivbwe13 tr th:first-child ._1nivbwe8 p {
   justify-content: left;
 }
-._1nivbwe12 tr td, ._1nivbwe12 tr th {
+._1nivbwe13 tr td, ._1nivbwe13 tr th {
   border-bottom: 0;
 }
-._1nivbwe13 {
+._1nivbwe14 {
   margin-bottom: 1rem;
 }
 th .flex.middle.center {
@@ -268,43 +268,55 @@ td:has(.flex.middle span.img_fluid) .flex.middle {
 td:has(.flex.middle span.img_fluid) .img_fluid {
   min-width: 24px;
 }
-._1nivbwe14 {
+._1nivbwe15 {
   background-image: var(--_1073cm8z) !important;
   color: var(--_1073cm810) !important;
 }
+main > div:nth-last-child(2) > ._1nivbwe0 {
+  margin-bottom: 3.5rem;
+}
+@media screen and (max-width: 1023px) {
+  main > div:nth-last-child(2) > ._1nivbwe0 {
+    margin-bottom: 42px;
+  }
+}
 @media screen and (max-width: 768px) {
-  ._1nivbwed:first-child {
+  ._1nivbwee:first-child {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
     top: 0;
     min-width: 150px;
   }
-  ._1nivbweg:first-child {
+  ._1nivbweh:first-child {
     background: var(--_1073cm8f);
   }
-  ._1nivbweh:first-child {
+  ._1nivbwei:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwej {
+  ._1nivbwek {
     font-size: 14px;
   }
-  ._1nivbwej:first-child {
+  ._1nivbwek:first-child {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
   }
-  ._1nivbwew {
+  ._1nivbwex {
     border-radius: 0;
     overflow: auto;
     width: auto;
   }
-   tr:has(> :last-child:nth-child(-n + 3)) td {
+  ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) td {
+    width: 30%;
+  }
+  tr:has(> :last-child:nth-child(-n + 3)) td {
     font-size: 14px;
     min-width: unset;
+  }
+  ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) th {
     width: 30%;
   }
   tr:has(> :last-child:nth-child(-n + 3)) th {
     min-width: unset;
-    width: 30%;
   }
    tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
     box-shadow: none;
@@ -316,33 +328,36 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
     z-index: 0;
     width: 40%;
   }
+  main > div:nth-last-child(2) > ._1nivbwe0 {
+    margin-bottom: 2rem;
+  }
 }
 @media screen and (max-width: 327px) {
-  ._1nivbwe0 {
+  ._1nivbwe1 {
     scrollbar-width: thin;
   }
-  ._1nivbwem:first-child {
+  ._1nivbwen:first-child {
     background-image: var(--_1073cm8f);
   }
-  ._1nivbwen:first-child {
+  ._1nivbweo:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwew {
+  ._1nivbwex {
     overflow-x: auto;
   }
 }
 @media screen and (max-width:768px) {
-  ._1nivbwe4 {
+  ._1nivbwe5 {
     font-size: 28px;
     line-height: 1.29;
   }
-  ._1nivbwer {
+  ._1nivbwes {
     border-radius: 0;
     overflow-x: scroll;
   }
 }
 @media screen and (max-width: 450px) {
-  ._1nivbwe12 {
+  ._1nivbwe13 {
     min-width: 100%;
   }
 }

package/dist/assets/TextBlock/TextBlock.css

@@ -1,14 +1,27 @@
-._16g7rvn0 {
+._16g7rvn1 {
   margin: 1em 0;
   line-height: 1.5;
 }
-._16g7rvn1 {
+._16g7rvn2 {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._16g7rvn2 {
+._16g7rvn3 {
   margin: 1em 0;
   padding-left: 1.5em;
+}
+main > div:nth-last-child(2) > ._16g7rvn0 {
+  margin-bottom: 3.5rem;
+}
+@media screen and (max-width: 1023px) {
+  main > div:nth-last-child(2) > ._16g7rvn0 {
+    margin-bottom: 42px;
+  }
+}
+@media screen and (max-width: 768px) {
+  main > div:nth-last-child(2) > ._16g7rvn0 {
+    margin-bottom: 2rem;
+  }
 }

package/dist/assets/VideoTile/VideoTile.css

@@ -1,4 +1,4 @@
-._16puo4g0 {
+._16puo4g1 {
   opacity: 1;
   height: 100%;
   visibility: visible;
@@ -6,7 +6,7 @@
   position: relative;
   overflow: hidden;
 }
-._16puo4g1 {
+._16puo4g2 {
   color: var(--_1073cm83);
   font-size: 24px;
   font-weight: 600;
@@ -14,56 +14,74 @@
   text-align: center;
   font-family: var(--header-font-family);
   height: 64px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
 }
-._16puo4g2 {
+._16puo4g3 {
   font-size: 18px;
   font-weight: 700;
   font-family: var(--main-font-family);
   color: #2F5B88;
 }
-._16puo4g4 {
+._16puo4g5 {
   max-width: 588px;
   min-width: 327px;
   grid-column: span 6;
   height: fit-content;
 }
-._16puo4g5 {
+._16puo4g6 {
   margin-bottom: 8px;
 }
-._16puo4g6 {
+._16puo4g7 {
   display: flex;
   justify-content: space-between;
   text-decoration: none;
 }
-._16puo4g7 {
+._16puo4g8 {
   display: inline-block;
   top: 50%;
   right: 0;
   width: 19px;
 }
-._16puo4g8 {
+._16puo4g9 {
   padding: 0 16px;
 }
-._16puo4g9 {
+._16puo4ga {
   width: 100%;
 }
-._16puo4ga {
+._16puo4gb {
   font-family: var(--main-font-family);
   color: #333D46;
 }
-._16puo4gb {
+._16puo4gc {
   box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 }
-._16puo4gc {
+._16puo4gd {
   display: none;
 }
+main > div:nth-last-child(2) > ._16puo4g0 {
+  margin-bottom: 3.5rem;
+}
 @media screen and (max-width:1023px) {
-  ._16puo4g4 {
+  ._16puo4g5 {
     grid-column: span 12!important;
   }
 }
 @media screen and (min-width:1024px) {
-  ._16puo4g4 {
+  ._16puo4g5 {
     width: 100%;
   }
+}
+@media screen and (max-width: 1023px) {
+  main > div:nth-last-child(2) > ._16puo4g0 {
+    margin-bottom: 42px;
+  }
+}
+@media screen and (max-width: 768px) {
+  main > div:nth-last-child(2) > ._16puo4g0 {
+    margin-bottom: 2rem;
+  }
 }

package/dist/assets/VideoWrapper/VideoWrapper.css

@@ -1,21 +1,34 @@
-._2i5u4u0 {
+._2i5u4u1 {
   display: grid;
   grid-template-columns: repeat(12,1fr);
   gap: 1.5rem;
 }
-._2i5u4u1 > div {
+._2i5u4u2 > div {
   grid-column: span 6;
 }
-._2i5u4u2 > div {
+._2i5u4u3 > div {
   grid-column: span 4;
 }
+main > div:nth-last-child(2) > ._2i5u4u0 {
+  margin-bottom: 3.5rem;
+}
 @media (max-width: 1023px) {
-  ._2i5u4u1 > div {
+  ._2i5u4u2 > div {
     grid-column: span 12;
   }
 }
 @media (max-width: 1280px) {
-  ._2i5u4u2 > div {
+  ._2i5u4u3 > div {
     grid-column: span 12;
   }
+}
+@media screen and (max-width: 1023px) {
+  main > div:nth-last-child(2) > ._2i5u4u0 {
+    margin-bottom: 42px;
+  }
+}
+@media screen and (max-width: 768px) {
+  main > div:nth-last-child(2) > ._2i5u4u0 {
+    margin-bottom: 2rem;
+  }
 }

package/dist/index.css.js

@@ -1,3 +1,3 @@
-/* empty css                           */
 /* empty css                                         */
+/* empty css                           */
 /* empty css                         */

package/dist/main.js

@@ -21,7 +21,7 @@ import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js"
 import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
 import { BalanceAPYCalculator } from "./Calculators/BalanceAPYCalculator/index.js";
 import { Calculator } from "./Calculators/Calculator.js";
-import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
+import { calculator, calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
 import { MarginTradingCalculator } from "./Calculators/MarginTradingCalculator/index.js";
 import { MaxLoanCalculator } from "./Calculators/MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
@@ -34,7 +34,7 @@ import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
-import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio/ExecutiveBio.css.js";
+import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, executive_bio, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
@@ -134,9 +134,9 @@ import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } f
 import { StepItemSet } from "./StepItemSet/StepItemSet.js";
 import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
-import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
+import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
-import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
+import { textBlockHeader, textBlockList, textBlockParagraph, textBlockSection } from "./TextBlock/TextBlock.css.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
 import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
@@ -145,7 +145,7 @@ import { picker_container, picker_orient, picker_section } from "./TopicalNavSet
 import { TopicalNavSet } from "./TopicalNavSet/TopicalNavSet.js";
 import { VideoInit } from "./VideoTile/VideoInit.js";
 import { VideoTile } from "./VideoTile/VideoTile.js";
-import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
+import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_tile, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
 import { VideoWrapper } from "./VideoWrapper/index.js";
 import { Tab } from "./Tab/Tab.js";
 import { TabContainer } from "./Tab/TabContainer.js";
@@ -342,6 +342,7 @@ export {
   bullet_details,
   button,
   buttons,
+  calculator,
   calculator_description,
   calculator_headline,
   checkbox_group,
@@ -365,6 +366,7 @@ export {
   descriptionField,
   details,
   disclosureForm,
+  executive_bio,
   expand_icon,
   feature_header,
   feature_title,
@@ -528,11 +530,13 @@ export {
   table_container_text,
   table_description_text,
   table_headline,
+  table_section,
   tablet_col,
   td,
   textBlockHeader,
   textBlockList,
   textBlockParagraph,
+  textBlockSection,
   th,
   three_inline,
   title,
@@ -546,6 +550,7 @@ export {
   validateLink,
   vars,
   video_container,
+  video_tile,
   video_title,
   vidyard_height,
   w_100,

package/dist/utils/allowedAxosDomains.js

@@ -9,7 +9,7 @@ const moreDomains = {
   "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://enrollment.axosbank.com",
   "{ASSETSURL}": "https://assets.axos.com",
   "{IMAGEASSETSURL}": "https://images.axos.com",
-  "{ONLINEBANKING}": process.env.ONLINEBANKING_URL || "https://onlinebanking.uat.axsobank.com",
+  "{ONLINEBANKING}": process.env.ONLINEBANKING_URL || "https://onlinebanking.uat.axosbank.com",
   "{UFBDIRECT}": process.env.UFB_URL || "https://www.ufbdirect.com",
   "{ARMS}": process.env.ARMS_URL || "https://arms.axosadvisor.com",
   "{APPS}": process.env.APPS_URL || "https://apps.axosbank.com",
@@ -17,7 +17,8 @@ const moreDomains = {
   "{INVESTORS}": process.env.INVESTORS_URL || "https://investors.axosfinancial.com",
   "{OBAXB}": process.env.ONLINEBANKING_URL || "https://onlinebanking.axosbank.com",
   "{UNVENROLLMENT}": process.env.UNVENROLLMENT_URL || "https://enroll.axosbank.com",
-  "{AUTOAXB}": "https://auto.axosbank.com/partner/axos-purchase/AU"
+  "{AUTOAXB}": "https://auto.axosbank.com/partner/axos-purchase/AU",
+  "{COMMERCIALPORTAL}": process.env.COMMERCIALPORTAL_URL || "https://portals.axosbank.com/"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);