@axos-web-dev/shared-components 1.0.99-dev-10 → 1.0.99-dev.11

package/dist/assets/Forms/Forms.css

@@ -1,4 +1,4 @@
-@keyframes tfms6as {
+@keyframes tfms6az {
   from {
     stroke-dashoffset: 1;
   }
@@ -6,7 +6,7 @@
     opacity: 100;
   }
 }
-@keyframes tfms6at {
+@keyframes tfms6a10 {
   0% {
     stroke-dashoffset: -1000;
   }
@@ -43,69 +43,96 @@
 }
 .tfms6a6 {
   margin-bottom: 32px;
+  background: var(--_1073cm81);
+}
+._1073cm80 .tfms6a7 {
+  background: var(--_1073cm81);
+  padding: 0 1rem;
+  margin-bottom: 32px;
+  display: inline-block;
+}
+.tfms6a8 {
+  font-size: 36px;
+  font-weight: 600;
+  letter-spacing: 1px;
+  margin-top: 0.1rem;
+  margin-bottom: 0.7rem;
+  text-align: center;
+}
+.tfms6a9 {
+  color: var(--_1073cm83);
+}
+.tfms6aa {
+  color: var(--_1073cm8a);
 }
-.tfms6a7 {
+.tfms6ab {
+  color: var(--_1073cm8h);
+}
+.tfms6ac {
+  color: var(--_1073cm8o);
+}
+.tfms6ad {
   font-family: var(--header-font-family);
 }
-._1073cm80 .tfms6a8 {
+._1073cm80 .tfms6ae {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 .tfms6a8 {
+._1es6o1h0 .tfms6ae {
   color: var(--_1073cm83);
 }
-.fl2fv50 .tfms6a8 {
+.fl2fv50 .tfms6ae {
   color: var(--_1073cm83);
 }
-._1073cm80 .tfms6a9 {
+._1073cm80 .tfms6af {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 .tfms6a9 {
+._1es6o1h0 .tfms6af {
   color: var(--_1073cm8a);
 }
-.fl2fv50 .tfms6a9 {
+.fl2fv50 .tfms6af {
   color: var(--_1073cm8a);
 }
-.tfms6aa {
+.tfms6ag {
   color: var(--_1073cm8h);
 }
-.tfms6ab {
+.tfms6ah {
   color: var(--_1073cm8o);
 }
-.tfms6ac {
+.tfms6ai {
   font-family: var(--main-font-family);
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1.5rem;
 }
-.tfms6ad {
+.tfms6aj {
   color: var(--_1073cm82);
 }
-.tfms6ae {
+.tfms6ak {
   color: var(--_1073cm89);
 }
-.tfms6af {
+.tfms6al {
   color: var(--_1073cm8g);
 }
-.tfms6ag {
+.tfms6am {
   color: var(--_1073cm8n);
 }
-.tfms6ah {
+.tfms6an {
   grid-template-columns: 1fr;
 }
-.tfms6ai {
+.tfms6ao {
   display: flex;
   flex-direction: column;
 }
-.tfms6aj {
+.tfms6ap {
   grid-template-columns: 1fr 1fr;
 }
-.tfms6ai h4 {
+.tfms6ao h4 {
   font-size: 24px;
   font-weight: 700;
   letter-spacing: 3px;
@@ -114,84 +141,88 @@
   font-family: var(--header-font-family);
   line-height: 30px;
 }
-.tfms6ai h4:before {
+.tfms6ao h4:before {
   content: "";
   border-top: 2px solid #60AECB;
   height: 40px;
   position: relative;
   width: 100%;
 }
-.tfms6ai h5 {
+.tfms6ao h5 {
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 2px;
   font-family: var(--header-font-family);
   line-height: 16px;
 }
-.tfms6ai p {
+.tfms6ao p {
   font-size: 15px;
   font-weight: 400;
   margin-bottom: 10px;
   font-family: var(--header-font-family);
   line-height: 28px;
 }
-.tfms6ai label {
+.tfms6ao label {
   padding-left: 0;
   margin-bottom: 10px;
 }
-.tfms6ak {
+.tfms6aq {
   display: flex;
   flex-direction: row;
   width: 100%;
   gap: 15px;
 }
-.tfms6ak > div {
+.tfms6aq > div {
   flex-grow: 1;
 }
-.tfms6al {
+.tfms6ar {
   margin-top: 1.5rem;
   text-align: center;
   margin-inline: auto;
 }
-.tfms6am {
+.tfms6as {
   margin-top: 16px;
 }
-.tfms6an {
+.tfms6at {
   color: var(--_1073cm82);
 }
-.tfms6ao {
+.tfms6au {
   color: var(--_1073cm89);
 }
-.tfms6ap {
+.tfms6av {
   color: var(--_1073cm8g);
 }
-.tfms6aq {
+.tfms6aw {
   color: var(--_1073cm8n);
 }
-.tfms6ar {
+.tfms6ax {
   max-width: 860px;
   margin-inline: auto;
 }
-.tfms6au {
+.tfms6ay {
+  max-width: 900px;
+  margin-inline: auto;
+}
+.tfms6a11 {
   padding: 2.5rem 0;
 }
-.tfms6av {
+.tfms6a12 {
   color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
-.tfms6aw {
+.tfms6a13 {
   color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
-.tfms6ax {
+.tfms6a14 {
   color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-.tfms6ay {
+.tfms6a15 {
   color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
-.tfms6au h1 {
+.tfms6a11 h1 {
   font-size: 43px;
   font-weight: 600;
   letter-spacing: 1px;
@@ -199,29 +230,29 @@
   margin-bottom: 0.7rem;
   font-family: var(--header-font-family);
 }
-.tfms6au p {
+.tfms6a11 p {
   margin-bottom: 0;
 }
-.tfms6az {
+.tfms6a16 {
   margin: 0 auto;
   display: block;
 }
-.tfms6a10 {
+.tfms6a17 {
   fill: none;
   stroke: #faa74a;
   stroke-width: 4;
   stroke-dasharray: 100px;
   stroke-dashoffset: 100;
-  animation: tfms6as 0.5s ease-in-out forwards reverse;
+  animation: tfms6az 0.5s ease-in-out forwards reverse;
   -webkit-animation-delay: 0.7s;
 }
-.tfms6a11 {
+.tfms6a18 {
   fill: none;
   stroke-width: 4;
   stroke-dasharray: 1000px;
   stroke-dashoffset: 1000;
-  -webkit-animation: tfms6at 0.8s ease-in-out forwards;
-  animation: tfms6at 0.8s ease-in-out forwards;
+  -webkit-animation: tfms6a10 0.8s ease-in-out forwards;
+  animation: tfms6a10 0.8s ease-in-out forwards;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
@@ -229,143 +260,143 @@
   -ms-transform: rotate(-40deg);
   transform: rotate(-40deg);
 }
-.tfms6a12 {
+.tfms6a19 {
   stroke: var(--_1073cm83);
 }
-.tfms6a13 {
+.tfms6a1a {
   stroke: var(--_1073cm8a);
 }
-.tfms6a14 {
+.tfms6a1b {
   stroke: var(--_1073cm8g);
 }
-.tfms6a15 {
+.tfms6a1c {
   stroke: var(--_1073cm8n);
 }
-.tfms6a16 {
+.tfms6a1d {
   margin-top: 1rem;
 }
-.tfms6a17 {
+.tfms6a1e {
   color: var(--_1073cm82);
 }
-.tfms6a18 {
+.tfms6a1f {
   color: var(--_1073cm89);
 }
-.tfms6a19 {
+.tfms6a1g {
   color: var(--_1073cm8g);
 }
-.tfms6a1a {
+.tfms6a1h {
   color: var(--_1073cm8n);
 }
-.tfms6a1b {
+.tfms6a1i {
   margin-top: 1rem;
 }
-.tfms6ac .tfms6a1c {
+.tfms6ai .tfms6a1j {
   grid-column-start: 1;
   grid-column-end: 3;
 }
-.tfms6a1d {
+.tfms6a1k {
   grid-column: 1 / -1;
 }
-.tfms6a1e {
+.tfms6a1l {
   width: 100%;
   padding-bottom: 4px;
 }
-.tfms6a1f {
+.tfms6a1m {
   border-bottom: 1px solid var(--_1073cm82);
 }
-.tfms6a1g {
+.tfms6a1n {
   border-bottom: 1px solid var(--_1073cm89);
 }
-.tfms6a1h {
+.tfms6a1o {
   border-bottom: 1px solid var(--_1073cm8g);
 }
-.tfms6a1i {
+.tfms6a1p {
   border-bottom: 1px solid var(--_1073cm8n);
 }
-.tfms6a1f > h4, .tfms6a1g > h4 {
+.tfms6a1m > h4, .tfms6a1n > h4 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm83);
   -webkit-text-fill-color: var(--_1073cm83);
 }
-.tfms6a1h > h4, .tfms6a1i > h4 {
+.tfms6a1o > h4, .tfms6a1p > h4 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8h);
   -webkit-text-fill-color: var(--_1073cm8h);
 }
-.tfms6a1j {
+.tfms6a1q {
   display: flex;
 }
-.tfms6a1k {
+.tfms6a1r {
   cursor: pointer;
   caret-color: transparent;
 }
-.tfms6a1l {
+.tfms6a1s {
   padding-left: 16px;
 }
-.tfms6a1n label {
+.tfms6a1u label {
   white-space: nowrap;
 }
-.tfms6a1p {
+.tfms6a1w {
   margin-top: 2rem;
 }
-.tfms6a1q {
+.tfms6a1x {
   display: flex;
   justify-content: center;
 }
-.tfms6a1q > div {
+.tfms6a1x > div {
   width: 100%;
 }
-.tfms6a1r {
+.tfms6a1y {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 2rem;
 }
-.tfms6a1s {
+.tfms6a1z {
   display: flex;
   margin: 1rem 0;
   text-align: left;
   gap: 1rem;
 }
-.tfms6a1t {
+.tfms6a20 {
   display: flex;
   justify-content: space-between;
 }
-.tfms6a1t > div {
+.tfms6a20 > div {
   min-width: 32%;
 }
-.tfms6a1u {
+.tfms6a21 {
   margin-top: 1rem;
 }
-.tfms6a1v {
+.tfms6a22 {
   min-width: 24px;
 }
-.tfms6a1w {
+.tfms6a23 {
   width: min(calc(100% - 2rem));
   height: min(calc(100% - 2rem));
   overflow: scroll!important;
 }
-.tfms6a1x {
+.tfms6a24 {
   display: none;
 }
-.tfms6a1z::placeholder {
+.tfms6a26::placeholder {
   color: transparent;
 }
-.tfms6a20 {
+.tfms6a27 {
   cursor: not-allowed;
 }
-.tfms6a21 {
+.tfms6a28 {
   display: flex;
 }
-.tfms6a22 {
+.tfms6a29 {
   visibility: hidden;
   display: none;
 }
-.tfms6a24 {
+.tfms6a2b {
   display: flex;
   gap: 24px;
 }
-.tfms6a25 {
+.tfms6a2c {
   vertical-align: vertical;
   width: 100%;
   display: flex;
@@ -374,7 +405,7 @@
   align-items: center;
   flex-direction: column-reverse;
 }
-.tfms6a26 {
+.tfms6a2d {
   text-transform: capitalize;
   margin: auto ;
   max-width: fit-content;
@@ -385,83 +416,83 @@
   }
 }
 @media screen and (max-width:480px) {
-  .tfms6ac {
+  .tfms6ai {
     grid-template-columns: 1fr;
   }
-  .tfms6ak {
+  .tfms6aq {
     flex-direction: column;
   }
-  .tfms6ac .tfms6a1c {
+  .tfms6ai .tfms6a1j {
     grid-column-start: 1;
     grid-column-end: 2;
   }
 }
 @media screen and (max-width: 992px) {
-  .tfms6au h1 {
+  .tfms6a11 h1 {
     font-size: 37px;
     line-height: 1.29;
     margin-bottom: 0.4rem;
   }
 }
 @media screen and (maxwidth: 767px) {
-  .tfms6au h1 {
+  .tfms6a11 h1 {
     font-size: 32px;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 0.4rem;
   }
-  .tfms6az {
+  .tfms6a16 {
     max-width: 69px;
   }
 }
 @media screen and (max-width: 780px) {
-  .tfms6a1j {
+  .tfms6a1q {
     flex-direction: column;
   }
 }
 @media screen and (max-width: 1103px) {
-  .tfms6a1j ._18du0laf {
+  .tfms6a1q ._18du0laf {
     padding: 6px;
   }
 }
 @media screen and (max-width: 571px) and (min-width: 481px) {
-  .tfms6a1m label {
+  .tfms6a1t label {
     height: 48px;
     display: flex;
     align-items: flex-end;
   }
 }
 @media screen and (min-width: 481px) {
-  .tfms6a1o select {
+  .tfms6a1v 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) {
-  .tfms6a1q > div {
+  .tfms6a1x > div {
     grid-template: none;
     width: 50%;
   }
 }
 @media screen and (max-width: 500px) {
-  .tfms6a1r {
+  .tfms6a1y {
     flex-direction: column;
   }
 }
 @media screen and (max-width: 800px) {
-  .tfms6a1t {
+  .tfms6a20 {
     flex-direction: column;
   }
-  .tfms6a1y select {
+  .tfms6a25 select {
     white-space: normal;
     padding-right: 4rem;
   }
-  .tfms6a1z::placeholder {
+  .tfms6a26::placeholder {
     color: #5E6A74;
   }
-  .tfms6a24 {
+  .tfms6a2b {
     flex-direction: column;
   }
-  .tfms6a25 {
+  .tfms6a2c {
     flex-direction: column-reverse;
   }
 }
@@ -469,7 +500,7 @@
   .rate-watch-form hr {
     display: none;
   }
-  .tfms6a1x {
+  .tfms6a24 {
     display: block;
   }
 }

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts

@@ -1,13 +1,13 @@
 export declare const Arrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            fill: `var(--${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            fill: `var(--${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/icons/ArrowIcon/ArrowIcon.css.js

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

package/dist/icons/CheckIcon/CheckIcon.css.d.ts

@@ -3,10 +3,10 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const checkColor: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            fill: `var(--${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/icons/CheckIcon/CheckIcon.css.js

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

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,4 +1,4 @@
-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                                       */
 /* empty css                                */

package/dist/icons/FollowIcon/FollowIcon.css.js

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

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/Star/Star.css';/* empty css                        */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */
 /* empty css                         */

package/dist/main.js

@@ -54,7 +54,8 @@ import { divider, lvf_footer, lvf_footer_content, lvf_footer_terms, lvf_small_fo
 import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
 import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap/AxosBank/FooterSiteMap.css.js";
 import { ApplicationStart } from "./Forms/ApplicationStart.js";
-import { ApplyNow, getLink } from "./Forms/ApplyNow.js";
+import { ApplyNow } from "./Forms/ApplyNow.js";
+import { getLink } from "./Forms/applynow-utils.js";
 import { ClearingForm } from "./Forms/ClearingForm.js";
 import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
 import { CommercialLending } from "./Forms/CommercialLending.js";
@@ -72,7 +73,7 @@ import { CraPublicFile } from "./Forms/CraPublicFile.js";
 import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
-import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
+import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
 import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./Forms/HoneyPot/index.js";
 import { MortgageRate } from "./Forms/MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
@@ -391,6 +392,7 @@ export {
   ant_svg_fill,
   app_col,
   appendQueryParams,
+  apply_now_form,
   apy_billboard,
   apy_table,
   associatedEmail,
@@ -399,6 +401,7 @@ export {
   award_name,
   awards_row,
   awards_section,
+  axosHeader,
   axosTheme,
   back_btn_apply_now,
   billboard,
@@ -517,6 +520,7 @@ export {
   headerComparison,
   headerContainer,
   headerContent,
+  headerF,
   headerForm,
   headerIconBillboard,
   headerVariants,