@axos-web-dev/shared-components 2.0.0-dev.13-stepForm.4 → 2.0.0-dev.14-modal-iFrame

package/dist/assets/Interstitial/Interstitial.css

@@ -1,4 +1,4 @@
-@keyframes _appear_e4cra_1 {
+@keyframes _appear_px71y_1 {
   0% {
     opacity: 0;
     transform: scale(0.9);
@@ -8,7 +8,7 @@
     transform: scale(1);
   }
 }
-@keyframes _vanish_e4cra_1 {
+@keyframes _vanish_px71y_1 {
   0% {
     display: block;
     opacity: 1;
@@ -21,7 +21,7 @@
   }
 }
 
-._overlay_e4cra_24 {
+._overlay_px71y_24 {
   position: fixed;
   top: 0;
   left: 0;
@@ -33,12 +33,12 @@
   justify-content: center;
 }
 
-._overlay_e4cra_24.active {
+._overlay_px71y_24.active {
   display: flex;
 }
 
-._modal_e4cra_40 {
-  animation: _vanish_e4cra_1 0.45s ease;
+._modal_px71y_40 {
+  animation: _vanish_px71y_1 0.45s ease;
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -48,11 +48,22 @@
   overflow: hidden;
 }
 
-._modal_e4cra_40.active {
-  animation: _appear_e4cra_1 0.45s ease;
+._modal_iframe_px71y_51 {
+  animation: _vanish_px71y_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;
+  overflow: hidden;
 }
 
-._close_button_e4cra_55 {
+._modal_px71y_40.active,
+._modal_iframe_px71y_51.active {
+  animation: _appear_px71y_1 0.45s ease;
+}
+
+._close_button_px71y_66 {
   position: absolute;
   background-color: rgba(255, 255, 255, 0.3);
   border-radius: 8px;
@@ -67,35 +78,40 @@
   width: 32px;
 }
 
-._modal_content_e4cra_70 {
+._modal_content_px71y_81 {
+  padding: 16px 24px 24px;
+}
+
+._modal_content_iframe_px71y_85 {
   padding: 16px 24px 24px;
+  height: 100%;
 }
 
-._img_area_e4cra_74 {
+._img_area_px71y_90 {
   background-position: center center;
   background-size: cover;
   height: 418px;
 }
 
-body:has(._overlay_e4cra_24.active) {
+body:has(._overlay_px71y_24.active) {
   overflow-y: hidden;
 }
 
-._body_copy_e4cra_84 {
+._body_copy_px71y_100 {
   margin-top: 8px;
 }
 
-._body_copy_e4cra_84 > * {
+._body_copy_px71y_100 > * {
   color: #333d46;
 }
 
-._body_copy_e4cra_84 > p {
+._body_copy_px71y_100 > p {
   text-align: center;
   font-size: 16px;
   line-height: 1.5;
 }
 
-._btns_e4cra_98 {
+._btns_px71y_114 {
   display: flex;
   align-items: center;
   gap: 2rem;
@@ -105,38 +121,42 @@ body:has(._overlay_e4cra_24.active) {
   justify-content: center;
 }
 
-._btns_e4cra_98:empty {
+._btns_px71y_114:empty {
   display: none;
 }
 
-._modal_content_e4cra_70:nth-child(2) h2 {
+._modal_content_px71y_81:nth-child(2) h2 {
   margin-top: 31px;
 }
 
 @media (max-width: 1023px) {
-  ._btns_e4cra_98 {
+  ._btns_px71y_114 {
     flex-direction: column-reverse;
   }
+  ._modal_iframe_px71y_51 {
+    width: 95% !important;
+    height: 95% !important;
+  }
 }
 
 @media (max-width: 832px) {
-  ._img_area_e4cra_74 {
+  ._img_area_px71y_90 {
     height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
   }
 }
 
 @media (max-width: 500px) {
-  ._modal_e4cra_40 {
+  ._modal_px71y_40 {
     width: calc(100% - 1rem);
   }
-  ._overlay_e4cra_24.active {
+  ._overlay_px71y_24.active {
     align-items: flex-start;
     overflow-y: scroll;
     padding-top: 40px;
   }
 }
 
-._white_modal_e4cra_139 {
+._white_modal_px71y_159 {
   color: #1e3860;
   padding-bottom: 40px;
 }

package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css

@@ -1,4 +1,4 @@
-._overlay_7ufer_1 {
+._overlay_hbh7s_1 {
   position: fixed;
   inset: 0;
   height: 100vh;
@@ -6,7 +6,7 @@
   z-index: 10000;
 }
 
-._drawer_7ufer_9 {
+._drawer_hbh7s_9 {
   background: #fff;
   border-radius: 0 0 0 1rem;
   box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
@@ -22,17 +22,17 @@
   z-index: 10001;
 }
 
-._drawer_7ufer_9::-webkit-scrollbar {
+._drawer_hbh7s_9::-webkit-scrollbar {
   display: none;
 }
 
-._mobileNavRow_7ufer_29 {
+._mobileNavRow_hbh7s_29 {
   display: flex;
   align-items: center;
   gap: 16px;
 }
 
-._loginTrigger_7ufer_35 {
+._loginTrigger_hbh7s_35 {
   background: transparent;
   border: none;
   color: var(--_1073cm83);
@@ -44,11 +44,11 @@
   transition: opacity 0.2s ease;
 }
 
-._loginTrigger_7ufer_35:hover {
+._loginTrigger_hbh7s_35:hover {
   opacity: 0.85;
 }
 
-._hamburger_7ufer_51 {
+._hamburger_hbh7s_51 {
   background: transparent;
   border: none;
   cursor: pointer;
@@ -56,7 +56,7 @@
   position: relative;
 }
 
-._hamburger_7ufer_51::before {
+._hamburger_hbh7s_51::before {
   content: "";
   position: absolute;
   left: -7px;
@@ -66,23 +66,23 @@
   top: -2px;
 }
 
-._hamburger_7ufer_51:hover {
+._hamburger_hbh7s_51:hover {
   opacity: 0.8;
 }
 
-._loginDrawerTitle_7ufer_73 {
+._loginDrawerTitle_hbh7s_73 {
   font-weight: 700;
   font-size: 1rem;
   color: var(--_1073cm83);
 }
 
-._loginDrawerContent_7ufer_79 {
+._loginDrawerContent_hbh7s_79 {
   padding: 1rem 1.2rem 1.2rem;
   overflow: auto;
   flex: 1;
 }
 
-._header_7ufer_85 {
+._header_hbh7s_85 {
   display: flex;
   align-items: center;
   background: #f4f4f4;
@@ -93,7 +93,7 @@
   z-index: 1;
 }
 
-._back_7ufer_96 {
+._back_hbh7s_96 {
   color: var(--_1073cm83);
   font-size: 1rem;
   font-weight: 700;
@@ -101,23 +101,23 @@
   padding: 0;
 }
 
-._close_7ufer_104 {
+._close_hbh7s_104 {
   font-size: 1.3rem;
 }
 
-._back_7ufer_96,
-._close_7ufer_104 {
+._back_hbh7s_96,
+._close_hbh7s_104 {
   background: none;
   border: none;
   cursor: pointer;
 }
 
-._levelContainer_7ufer_115 {
+._levelContainer_hbh7s_115 {
   height: 100%;
   position: relative;
 }
 
-._level_7ufer_115 {
+._level_hbh7s_115 {
   background: var(--_1073cm86);
   color: var(--_1073cm85);
   font-size: 0.9rem;
@@ -128,12 +128,12 @@
   z-index: 1;
 }
 
-._levelTitle_7ufer_131 {
+._levelTitle_hbh7s_131 {
   font: 700 0.9rem / 1.39 var(--main-font-family);
   letter-spacing: 0.4px;
 }
 
-._menu_7ufer_136 {
+._menu_hbh7s_136 {
   background-color: transparent;
   list-style: none;
   margin: 0;
@@ -142,14 +142,14 @@
   position: relative;
 }
 
-._menu_7ufer_136 li {
+._menu_hbh7s_136 li {
   color: var(--_1073cm83);
   font-family: var(--header-font-family);
   font-weight: 500;
   border-top: 1px solid #e9e9e9;
 }
 
-._menuItem_7ufer_152 {
+._menuItem_hbh7s_152 {
   display: flex;
   align-items: center;
   background: none;
@@ -165,31 +165,31 @@
   width: 100%;
 }
 
-._loginAccordion_7ufer_168 {
+._loginAccordion_hbh7s_168 {
   padding: 0;
 }
 
-._loginAccordionList_7ufer_172 {
+._loginAccordionList_hbh7s_172 {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
-._loginAccordionGroup_7ufer_178 {
+._loginAccordionGroup_hbh7s_178 {
   padding-block: 4px;
 }
 
-._loginAccordionGroup_7ufer_178 + ._loginAccordionGroup_7ufer_178 {
+._loginAccordionGroup_hbh7s_178 + ._loginAccordionGroup_hbh7s_178 {
   margin-top: 2px;
   position: relative;
 }
 
-._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) {
+._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child) {
   padding-top: 12px;
   margin-top: 12px;
 }
 
-._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child)::before {
+._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child)::before {
   content: "";
   background-color: #8f8f8f;
   height: 2px;
@@ -200,7 +200,7 @@
   width: 94%;
 }
 
-._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) > span {
+._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child) > span {
   position: absolute;
   border: 0;
   clip: rect(0, 0, 0, 0);
@@ -212,7 +212,7 @@
   width: 1px;
 }
 
-._loginAccordionHeading_7ufer_215 {
+._loginAccordionHeading_hbh7s_215 {
   display: block;
   font-family: var(--header-font-family);
   font-weight: 700;
@@ -222,18 +222,18 @@
   padding: 0.35rem 0 0.2rem;
 }
 
-._loginAccordionGroupList_7ufer_225 {
+._loginAccordionGroupList_hbh7s_225 {
   list-style: none;
   margin: 0;
   padding: 0 0 0 8px;
 }
 
-._loginAccordionList_7ufer_172 li {
+._loginAccordionList_hbh7s_172 li {
   font-family: var(--header-font-family);
   font-weight: 500;
 }
 
-._loginAccordionList_7ufer_172 li li {
+._loginAccordionList_hbh7s_172 li li {
   border-top: none;
   color: #1e629a;
   font-weight: 400;
@@ -241,22 +241,22 @@
   font-family: var(--main-font-family);
 }
 
-._loginAccordionList_7ufer_172 ._menuItem_7ufer_152 {
+._loginAccordionList_hbh7s_172 ._menuItem_hbh7s_152 {
   display: inline;
   padding-block: 0px;
 }
 
-._loginAccordionList_7ufer_172 ._menuItem_7ufer_152:hover {
+._loginAccordionList_hbh7s_172 ._menuItem_hbh7s_152:hover {
   opacity: 0.7;
 }
 
-._loginAccordion_7ufer_168 > ._menuItem_7ufer_152 {
+._loginAccordion_hbh7s_168 > ._menuItem_hbh7s_152 {
   padding-block: 4px;
   position: relative;
   isolation: isolate;
 }
 
-._loginAccordion_7ufer_168 > ._menuItem_7ufer_152::after {
+._loginAccordion_hbh7s_168 > ._menuItem_hbh7s_152::after {
   content: "return to menu";
   position: absolute;
   right: 36px;
@@ -266,7 +266,7 @@
   letter-spacing: 0.5px;
 }
 
-._loginHeading_7ufer_269 {
+._loginHeading_hbh7s_269 {
   font-family: var(--header-font-family);
   font-size: 20px;
   font-weight: 700;
@@ -276,23 +276,23 @@
   gap: 8px;
 }
 
-._chevron_7ufer_279 {
+._chevron_hbh7s_279 {
   font-size: 1.2rem;
   margin-left: auto;
 }
 
-._chevronIcon_7ufer_284 {
+._chevronIcon_hbh7s_284 {
   height: auto;
   margin-right: 10px;
   max-width: 8px;
 }
 
-body:has(._drawer_7ufer_9) {
+body:has(._drawer_hbh7s_9) {
   overflow-y: hidden;
   position: relative;
 }
 
-._quickLinks_7ufer_295 {
+._quickLinks_hbh7s_295 {
   background-color: #e8f7ff;
   bottom: 0;
   box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
@@ -302,7 +302,7 @@ body:has(._drawer_7ufer_9) {
   position: sticky;
 }
 
-._quickLink_7ufer_295 {
+._quickLink_hbh7s_295 {
   display: flex;
   align-items: center;
   color: var(--_1073cm83);
@@ -316,7 +316,7 @@ body:has(._drawer_7ufer_9) {
   text-transform: uppercase;
 }
 
-._sr_only_7ufer_319 {
+._sr_only_hbh7s_319 {
   position: absolute;
   border: 0;
   clip: rect(0, 0, 0, 0);
@@ -329,25 +329,25 @@ body:has(._drawer_7ufer_9) {
 }
 
 @media (max-width: 540px) {
-  ._drawer_7ufer_9 {
+  ._drawer_hbh7s_9 {
     border-radius: 0;
     max-width: none;
     width: 100%;
   }
-  ._menu_7ufer_136 li + li {
+  ._menu_hbh7s_136 li + li {
     margin-top: 3px;
   }
-  ._menuItem_7ufer_152 {
+  ._menuItem_hbh7s_152 {
     font-size: 0.9rem;
     padding: 0.65rem 0;
   }
-  ._loginAccordionOverlay_7ufer_344::before {
+  ._loginAccordionOverlay_hbh7s_344::before {
     opacity: 0.1;
   }
 }
 
 @media (min-width: 541px) {
-  ._drawer_7ufer_9:has(._loginDrawerContent_7ufer_79) {
+  ._drawer_hbh7s_9:has(._loginDrawerContent_hbh7s_79) {
     max-width: 345px;
   }
 }

package/dist/icons/index.d.ts

@@ -17,7 +17,6 @@ export { default as QuoteIconGrey } from './QuoteIconGrey';
 export { default as QuoteIconWhite } from './QuoteIconWhite';
 export { default as QuoteIconYellow } from './QuoteIconYellow';
 export { default as WarningIcon } from './WarningIcon';
-export { AlertBellIcon } from './AlertBell';
 export { default as AASLogo } from './Logos/AAS';
 export { default as AFSLogo } from './Logos/AFS';
 export { default as AXALogo } from './Logos/AXA';

package/dist/icons/index.js

@@ -17,7 +17,6 @@ import { default as default17 } from "./QuoteIconGrey.js";
 import { default as default18 } from "./QuoteIconWhite.js";
 import { default as default19 } from "./QuoteIconYellow.js";
 import { SvgWarningIcon } from "./WarningIcon/index.js";
-import { AlertBellIcon } from "./AlertBell/index.js";
 import { default as default20 } from "./Logos/AAS.js";
 import { default as default21 } from "./Logos/AFS.js";
 import { default as default22 } from "./Logos/AXA.js";
@@ -35,7 +34,6 @@ export {
   default23 as AXCLogo,
   default24 as AXILogo,
   default25 as AXOS,
-  AlertBellIcon,
   default2 as ArrowIcon,
   default3 as AxosX,
   default4 as AxosXBlue,

package/dist/main.js

@@ -92,7 +92,6 @@ import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
 import { LoadingIndicator } from "./LoadingIndicator/index.js";
 import "./Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilters.js";
-import { MortgageRateStep } from "./Forms/MortgageRate/MortgageRateStep.js";
 import { MortgageWarehouseLending } from "./Forms/MortgageWarehouseLending.js";
 import { QuickPricer } from "./Forms/QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./Forms/QuickPricer/QuickPricerResults.css.js";
@@ -132,7 +131,6 @@ import { default as default17 } from "./icons/QuoteIconGrey.js";
 import { default as default18 } from "./icons/QuoteIconWhite.js";
 import { default as default19 } from "./icons/QuoteIconYellow.js";
 import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
-import { AlertBellIcon } from "./icons/AlertBell/index.js";
 import { default as default20 } from "./icons/Logos/AAS.js";
 import { default as default21 } from "./icons/Logos/AFS.js";
 import { default as default22 } from "./icons/Logos/AXA.js";
@@ -236,7 +234,6 @@ export {
   AccordionItemContent,
   AccordionItemSummary,
   AlertBanner,
-  AlertBellIcon,
   AnnualFeeCalculator,
   ApplicationStart,
   ApplyNow,
@@ -350,7 +347,6 @@ export {
   MonthlyPaymentLVFCalculator,
   MortgageRate,
   MortgageRateFilters,
-  MortgageRateStep,
   MortgageWarehouseLending,
   default31 as NavBarAAS,
   default34 as NavBarAFS,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.13-stepForm.4",
+  "version": "2.0.0-dev.14-modal-iFrame",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",

package/dist/Forms/MortgageRate/MortgageRateStep.css.d.ts

@@ -1,48 +0,0 @@
-export declare const section: string;
-export declare const formShell: string;
-export declare const progressWrap: string;
-export declare const progressRow: string;
-export declare const progressLabel: string;
-export declare const progressTrack: string;
-export declare const progressFill: string;
-export declare const stepPanel: string;
-export declare const title: string;
-export declare const description: string;
-export declare const fieldBlock: string;
-export declare const errorText: string;
-export declare const fieldLabel: string;
-export declare const radioGrid: string;
-export declare const radioOption: string;
-export declare const radioOptionChecked: string;
-export declare const radioText: string;
-export declare const inputGrid: string;
-export declare const inputRowTwo: string;
-export declare const input: string;
-export declare const helperText: string;
-export declare const amountPreview: string;
-export declare const amountPreviewLabel: string;
-export declare const amountPreviewValue: string;
-export declare const sliderWrap: string;
-export declare const sliderHeader: string;
-export declare const sliderValue: string;
-export declare const slider: string;
-export declare const actions: string;
-export declare const buttonBase: string;
-export declare const secondaryButton: string;
-export declare const primaryButton: string;
-export declare const successWrap: string;
-export declare const successTitle: string;
-export declare const successText: string;
-export declare const disclosure: string;
-export declare const disclosureTitle: string;
-export declare const disclosureText: string;
-export declare const disclosureTextSm: string;
-export declare const autoAdvanceHint: string;
-export declare const optionalText: string;
-export declare const autoAdvanceStatus: string;
-export declare const autoAdvanceText: string;
-export declare const autoAdvanceTrack: string;
-export declare const autoAdvanceBar: string;
-export declare const mainTitle: string;
-export declare const mainDescription: string;
-export declare const overlayOpacity: string;