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

package/dist/NavigationMenu/AxosBank/index.js

@@ -29,13 +29,13 @@ import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import "../../Input/Dropdown.js";
-/* empty css                                             */
-/* empty css                                      */
+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 "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
@@ -43,12 +43,15 @@ import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
+import "../../Interstitial/Interstitial-variants.css.js";
+import "../../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                             */
+/* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
 import "../../Hyperlink/Hyperlink.css.js";
@@ -72,7 +75,6 @@ import "react-wrap-balancer";
 /* empty css                                                 */
 /* empty css                                                         */
 /* empty css                                       */
-import "../../Interstitial/Interstitial-variants.css.js";
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";

package/dist/SetContainer/SetContainer.js

@@ -30,12 +30,13 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+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 "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -44,6 +45,9 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Input/RadioButton.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
@@ -71,7 +75,6 @@ import "react-wrap-balancer";
 /* empty css                                                      */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */
@@ -98,7 +101,6 @@ import "../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
-import "../Interstitial/Interstitial-variants.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 const SetContainer = ({

package/dist/Table/Table.css.d.ts

@@ -161,3 +161,4 @@ export declare const alternate_color_rows: string;
 export declare const apy_table: string;
 export declare const table_description_text: string;
 export declare const highlight_cell: string;
+export declare const highlight_th: string;

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/Insight/Featured/CategorySelector.css

@@ -16,16 +16,19 @@
   font-weight: 600;
 }
 ._13y9ptj3 {
+  text-transform: capitalize;
+}
+._13y9ptj4 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 24px;
   overflow: hidden;
 }
-._13y9ptj4 {
+._13y9ptj5 {
   max-width: 370px;
   grid-template-rows: 1fr 1fr;
 }
-._13y9ptj5 {
+._13y9ptj6 {
   font-size: 28px;
   padding-bottom: 10px;
   -webkit-line-clamp: 4;
@@ -34,7 +37,7 @@
   text-overflow: ellipsis;
   max-height: min(76px, 108px);
 }
-._13y9ptj6 {
+._13y9ptj7 {
   padding: 24px;
   color: #333D46;
   font-family: var(--main-font-family);
@@ -42,16 +45,16 @@
   display: grid;
   grid-template-rows: 120px 30px;
 }
-._13y9ptj7 {
+._13y9ptj8 {
   aspect-ratio: 16 / 9;
 }
 @media screen and (max-width:1024px) {
-  ._13y9ptj3 {
+  ._13y9ptj4 {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 @media screen and (max-width:768px) {
-  ._13y9ptj3 {
+  ._13y9ptj4 {
     grid-template-columns: 1fr;
     justify-items: center;
   }

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

@@ -1,4 +1,4 @@
-@keyframes _appear_1euix_1 {
+@keyframes _appear_1u8jc_1 {
   0% {
     opacity: 0;
     transform: scale(0.9);
@@ -8,7 +8,7 @@
     transform: scale(1);
   }
 }
-@keyframes _vanish_1euix_1 {
+@keyframes _vanish_1u8jc_1 {
   0% {
     display: block;
     opacity: 1;
@@ -21,7 +21,7 @@
   }
 }
 
-._overlay_1euix_24 {
+._overlay_1u8jc_24 {
   position: fixed;
   top: 0;
   left: 0;
@@ -33,12 +33,12 @@
   justify-content: center;
 }
 
-._overlay_1euix_24.active {
+._overlay_1u8jc_24.active {
   display: flex;
 }
 
-._modal_1euix_40 {
-  animation: _vanish_1euix_1 0.45s ease;
+._modal_1u8jc_40 {
+  animation: _vanish_1u8jc_1 0.45s ease;
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -48,11 +48,11 @@
   overflow: hidden;
 }
 
-._modal_1euix_40.active {
-  animation: _appear_1euix_1 0.45s ease;
+._modal_1u8jc_40.active {
+  animation: _appear_1u8jc_1 0.45s ease;
 }
 
-._close_button_1euix_55 {
+._close_button_1u8jc_55 {
   position: absolute;
   background-color: rgba(255, 255, 255, 0.3);
   border-radius: 8px;
@@ -67,35 +67,35 @@
   width: 32px;
 }
 
-._modal_content_1euix_70 {
+._modal_content_1u8jc_70 {
   padding: 16px 24px 24px;
 }
 
-._img_area_1euix_74 {
+._img_area_1u8jc_74 {
   background-position: center center;
   background-size: cover;
   height: 418px;
 }
 
-body:has(._overlay_1euix_24.active) {
+body:has(._overlay_1u8jc_24.active) {
   overflow-y: hidden;
 }
 
-._body_copy_1euix_84 {
+._body_copy_1u8jc_84 {
   margin-top: 8px;
 }
 
-._body_copy_1euix_84 > * {
+._body_copy_1u8jc_84 > * {
   color: #333d46;
 }
 
-._body_copy_1euix_84 > p {
+._body_copy_1u8jc_84 > p {
   text-align: center;
   font-size: 16px;
   line-height: 1.5;
 }
 
-._btns_1euix_98 {
+._btns_1u8jc_98 {
   display: flex;
   align-items: center;
   gap: 2rem;
@@ -105,33 +105,37 @@ body:has(._overlay_1euix_24.active) {
   justify-content: center;
 }
 
-._btns_1euix_98:empty {
+._btns_1u8jc_98:empty {
   display: none;
 }
 
-._modal_content_1euix_70:nth-child(2) h2 {
+._modal_content_1u8jc_70:nth-child(2) h2 {
   margin-top: 31px;
 }
 
 @media (max-width: 1023px) {
-  ._btns_1euix_98 {
+  ._btns_1u8jc_98 {
     flex-direction: column-reverse;
   }
 }
 
 @media (max-width: 832px) {
-  ._img_area_1euix_74 {
+  ._img_area_1u8jc_74 {
     height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
   }
 }
 
 @media (max-width: 500px) {
-  ._modal_1euix_40 {
+  ._modal_1u8jc_40 {
     width: calc(100% - 1rem);
   }
-  ._overlay_1euix_24.active {
+  ._overlay_1u8jc_24.active {
     align-items: flex-start;
     overflow-y: scroll;
     padding-top: 40px;
   }
 }
+
+._white_modal_1u8jc_139 {
+  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,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.147",
+  "version": "0.0.149",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",