@axos-web-dev/shared-components 0.0.147 → 0.0.148

package/dist/Table/Table.css.js

@@ -19,6 +19,7 @@ var alternate_color_rows = "_1nivbwe12";
 var apy_table = "_1nivbwe13";
 var table_description_text = "_1nivbwe14 _1nivbwe4";
 var highlight_cell = "_1nivbwe15";
+var highlight_th = "_1nivbwe16";
 export {
   alternate_color_rows,
   apy_table,
@@ -28,6 +29,7 @@ export {
   highlight_cell,
   highlight_first_row,
   highlight_last_row,
+  highlight_th,
   table,
   tableWrapper,
   table_container,

package/dist/Table/index.js

@@ -1,5 +1,5 @@
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./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, table_section, td, th } from "./Table.css.js";
+import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table.css.js";
 export {
   Table,
   TableBody,
@@ -15,6 +15,7 @@ export {
   highlight_cell,
   highlight_first_row,
   highlight_last_row,
+  highlight_th,
   table,
   tableWrapper,
   table_container,

package/dist/assets/Forms/Forms.css

@@ -246,6 +246,58 @@
 .tfms6a1i {
   padding-left: 16px;
 }
+.tfms6a1k label {
+  white-space: nowrap;
+}
+.tfms6a1m {
+  margin-top: 2rem;
+}
+.tfms6a1n {
+  display: flex;
+  justify-content: center;
+}
+.tfms6a1n > div {
+  width: 100%;
+}
+.tfms6a1o {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2rem;
+}
+.tfms6a1p {
+  display: flex;
+  margin: 1rem 0;
+  text-align: left;
+  gap: 1rem;
+}
+.tfms6a1q {
+  display: flex;
+  justify-content: space-between;
+}
+.tfms6a1q > div {
+  min-width: 32%;
+}
+.tfms6a1r {
+  margin-top: 1rem;
+}
+.tfms6a1s {
+  min-width: 24px;
+}
+.tfms6a1t {
+  width: min(calc(100% - 2rem));
+  height: min(calc(100% - 2rem));
+  overflow: scroll!important;
+}
+.tfms6a1u {
+  display: none;
+}
+.tfms6a1w::placeholder {
+  color: transparent;
+}
+.tfms6a1x {
+  cursor: not-allowed;
+}
 @media screen and (max-width:1023px) {
   .tfms6a0 {
     padding-inline: 0;
@@ -295,8 +347,34 @@
     align-items: flex-end;
   }
 }
-@media screen and (max-width: 483px) {
-  .tfms6a1k label {
-    white-space: nowrap;
+@media screen and (min-width: 481px) {
+  .tfms6a1l select {
+    background: url(https://images.axos.com/o9ov1v03uwqk/4ayjjdIkEzQsfmhKbPeNaE/636b57923fbdac891d48f78ca06ffeb6/image_1_-_2024-06-27T142052.191.png) no-repeat 98%;
+  }
+}
+@media screen and (min-width: 769px) {
+  .tfms6a1n > div {
+    grid-template: none;
+    width: 50%;
+  }
+}
+@media screen and (max-width: 800px) {
+  .tfms6a1q {
+    flex-direction: column;
+  }
+  .tfms6a1v select {
+    white-space: normal;
+    padding-right: 4rem;
+  }
+  .tfms6a1w::placeholder {
+    color: #5E6A74;
+  }
+}
+@media screen and (min-width: 801px) {
+  hr {
+    display: none;
+  }
+  .tfms6a1u {
+    display: block;
   }
 }

package/dist/assets/Input/Dropdown.css

@@ -7,4 +7,7 @@
 }
 option {
   font-family: var(--main-font-family);
+}
+._1vzv2cd1:focus-within {
+  color: #fff;
 }

package/dist/assets/Interstitial/Interstitial.css.css

@@ -1,137 +1,141 @@
-@keyframes _appear_1euix_1 {
-  0% {
-    opacity: 0;
-    transform: scale(0.9);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes _vanish_1euix_1 {
-  0% {
-    display: block;
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    display: none;
-    opacity: 0;
-    transform: scale(0.9);
-  }
-}
-
-._overlay_1euix_24 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.4);
-  display: none;
-  align-items: center;
-  justify-content: center;
-}
-
-._overlay_1euix_24.active {
-  display: flex;
-}
-
-._modal_1euix_40 {
-  animation: _vanish_1euix_1 0.45s ease;
-  background: #fff;
-  border-radius: 16px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  position: relative;
-  transition: transform 0.45s ease;
-  width: min(calc(100% - 2rem), 800px);
-  overflow: hidden;
-}
-
-._modal_1euix_40.active {
-  animation: _appear_1euix_1 0.45s ease;
-}
-
-._close_button_1euix_55 {
-  position: absolute;
-  background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 8px;
-  border: none;
-  color: #4a5560;
-  cursor: pointer;
-  font-size: 1.9rem;
-  line-height: 1;
-  right: 1.5rem;
-  text-align: center;
-  top: 1.5rem;
-  width: 32px;
-}
-
-._modal_content_1euix_70 {
-  padding: 16px 24px 24px;
-}
-
-._img_area_1euix_74 {
-  background-position: center center;
-  background-size: cover;
-  height: 418px;
-}
-
-body:has(._overlay_1euix_24.active) {
-  overflow-y: hidden;
-}
-
-._body_copy_1euix_84 {
-  margin-top: 8px;
-}
-
-._body_copy_1euix_84 > * {
-  color: #333d46;
-}
-
-._body_copy_1euix_84 > p {
-  text-align: center;
-  font-size: 16px;
-  line-height: 1.5;
-}
-
-._btns_1euix_98 {
-  display: flex;
-  align-items: center;
-  gap: 2rem;
-  padding-top: 16px;
-  margin-top: 16px;
-  width: 100%;
-  justify-content: center;
-}
-
-._btns_1euix_98:empty {
-  display: none;
-}
-
-._modal_content_1euix_70:nth-child(2) h2 {
-  margin-top: 31px;
-}
-
-@media (max-width: 1023px) {
-  ._btns_1euix_98 {
-    flex-direction: column-reverse;
-  }
-}
-
-@media (max-width: 832px) {
-  ._img_area_1euix_74 {
-    height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
-  }
-}
-
-@media (max-width: 500px) {
-  ._modal_1euix_40 {
-    width: calc(100% - 1rem);
-  }
-  ._overlay_1euix_24.active {
-    align-items: flex-start;
-    overflow-y: scroll;
-    padding-top: 40px;
-  }
-}
+@keyframes _appear_zy28p_1 {
+  0% {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes _vanish_zy28p_1 {
+  0% {
+    display: block;
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    display: none;
+    opacity: 0;
+    transform: scale(0.9);
+  }
+}
+
+._overlay_zy28p_47 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.4);
+  display: none;
+  align-items: center;
+  justify-content: center;
+}
+
+._overlay_zy28p_47.active {
+  display: flex;
+}
+
+._modal_zy28p_79 {
+  animation: _vanish_zy28p_1 0.45s ease;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  position: relative;
+  transition: transform 0.45s ease;
+  width: min(calc(100% - 2rem), 800px);
+  overflow: hidden;
+}
+
+._modal_zy28p_79.active {
+  animation: _appear_zy28p_1 0.45s ease;
+}
+
+._close_button_zy28p_109 {
+  position: absolute;
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 8px;
+  border: none;
+  color: #4a5560;
+  cursor: pointer;
+  font-size: 1.9rem;
+  line-height: 1;
+  right: 1.5rem;
+  text-align: center;
+  top: 1.5rem;
+  width: 32px;
+}
+
+._modal_content_zy28p_139 {
+  padding: 16px 24px 24px;
+}
+
+._img_area_zy28p_147 {
+  background-position: center center;
+  background-size: cover;
+  height: 418px;
+}
+
+body:has(._overlay_zy28p_47.active) {
+  overflow-y: hidden;
+}
+
+._body_copy_zy28p_167 {
+  margin-top: 8px;
+}
+
+._body_copy_zy28p_167 > * {
+  color: #333d46;
+}
+
+._body_copy_zy28p_167 > p {
+  text-align: center;
+  font-size: 16px;
+  line-height: 1.5;
+}
+
+._btns_zy28p_195 {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  padding-top: 16px;
+  margin-top: 16px;
+  width: 100%;
+  justify-content: center;
+}
+
+._btns_zy28p_195:empty {
+  display: none;
+}
+
+._modal_content_zy28p_139:nth-child(2) h2 {
+  margin-top: 31px;
+}
+
+@media (max-width: 1023px) {
+  ._btns_zy28p_195 {
+    flex-direction: column-reverse;
+  }
+}
+
+@media (max-width: 832px) {
+  ._img_area_zy28p_147 {
+    height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
+  }
+}
+
+@media (max-width: 500px) {
+  ._modal_zy28p_79 {
+    width: calc(100% - 1rem);
+  }
+  ._overlay_zy28p_47.active {
+    align-items: flex-start;
+    overflow-y: scroll;
+    padding-top: 40px;
+  }
+}
+
+._white_modal_zy28p_277 {
+  color: #1e3860;
+}

package/dist/assets/Table/Table.css

@@ -275,6 +275,12 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
 main > div:nth-last-child(2) > ._1nivbwe0 {
   margin-bottom: 3.5rem;
 }
+._1nivbwe16 {
+  background: var(--_1073cm8f)!important;
+}
+._1nivbwe16 th:first-child {
+  background: none;
+}
 @media screen and (max-width: 1023px) {
   main > div:nth-last-child(2) > ._1nivbwe0 {
     margin-bottom: 42px;

package/dist/main.js

@@ -55,7 +55,7 @@ import { CpraRequest } from "./Forms/CpraRequest.js";
 import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
-import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, pl_label, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, x_input, xc_input } from "./Forms/Forms.css.js";
+import { actions, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, fullRowForm, fullRowSelect, headerContainer, headerForm, iconForm, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
 import { QuickPricer } from "./Forms/QuickPricer.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
@@ -63,6 +63,12 @@ import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
+import { MortgageRate } from "./Forms/MortgageRate/MortgageRateForm.js";
+import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilters.js";
+import "react/jsx-runtime";
+import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
+import { LoadingIndicator } from "./LoadingIndicator/index.js";
+import "./Interstitial/Interstitial-variants.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
@@ -98,7 +104,6 @@ import { default as default25 } from "./icons/Logos/AXOS.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
 import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
-import "react/jsx-runtime";
 import { SetContainer } from "./SetContainer/SetContainer.js";
 import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
 import "react";
@@ -106,12 +111,13 @@ import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
 import { CurrencyInput } from "./Input/CurrencyInput.js";
 import { Dropdown } from "./Input/Dropdown.js";
-import { selectInput } from "./Input/Dropdown.css.js";
+import { dp_input, selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
 import { InputAmount } from "./Input/InputAmount.js";
 import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
+import { DownPaymentInput } from "./Input/DownPaymentInput.js";
 import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
 import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
 import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
@@ -119,7 +125,6 @@ import { footnotes, insight_header, insight_header_2, insight_header_3, insight_
 import { Interstitial } from "./Interstitial/Interstitial.js";
 import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
 import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
-import { LoadingIndicator } from "./LoadingIndicator/index.js";
 import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/Modal.js";
 import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
@@ -138,7 +143,7 @@ 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, table_section, td, th } from "./Table/Table.css.js";
+import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, 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, textBlockSection } from "./TextBlock/TextBlock.css.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
@@ -220,6 +225,7 @@ export {
   CpraRequest,
   CurrencyInput,
   DealerServices,
+  DownPaymentInput,
   default11 as DownloadIcon,
   DownloadTile,
   Dropdown,
@@ -262,6 +268,8 @@ export {
   default15 as MemberFdicLogo,
   Modal,
   MonthlyPaymentCalculator,
+  MortgageRate,
+  MortgageRateFilters,
   default27 as NavBarAAS,
   default30 as NavBarAFS,
   default26 as NavBarAXA,
@@ -273,6 +281,7 @@ export {
   default16 as QuoteIconGrey,
   default17 as QuoteIconWhite,
   default18 as QuoteIconYellow,
+  RateWatchForm,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -352,6 +361,7 @@ export {
   calculator,
   calculator_description,
   calculator_headline,
+  centerSelect,
   checkbox_group,
   comparison,
   comparison_buttons,
@@ -373,6 +383,9 @@ export {
   descriptionField,
   details,
   disclosureForm,
+  dp_input,
+  dropdown,
+  dynPH,
   executive_bio,
   expand_icon,
   feature_header,
@@ -399,6 +412,7 @@ export {
   footer_wrapper,
   footnotes,
   form,
+  formBtns,
   formContainer,
   formWrapper,
   ft_col,
@@ -407,6 +421,7 @@ export {
   ft_panel,
   ft_panel_group,
   fullRowForm,
+  fullRowSelect,
   getVariant,
   getVariantWithRegex,
   header,
@@ -438,6 +453,7 @@ export {
   highlight_cell,
   highlight_first_row,
   highlight_last_row,
+  highlight_th,
   icon,
   iconContainer,
   iconContainerBase,
@@ -478,7 +494,13 @@ export {
   mb_8,
   media,
   mh_330,
+  modalCheckboxContainer,
+  modalMobile,
   modifier,
+  mt1Rem,
+  mt2rem,
+  mw24,
+  na_cursor,
   nested_grid,
   ol,
   one_row,
@@ -502,6 +524,7 @@ export {
   rate_billboard,
   rate_container,
   rate_pad,
+  resposiveLabel,
   reversed,
   reversed_lg_image,
   ro_input,
@@ -554,6 +577,7 @@ export {
   textBlockParagraph,
   textBlockSection,
   th,
+  threeColRow,
   three_inline,
   title,
   toggle_container,