@axos-web-dev/shared-components 2.0.0-dev.13-stepForm.3 → 2.0.0-dev.13-stepForm.5

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

@@ -1,33 +1,33 @@
-._header_ak0c_1 {
+._header_4c252_1 {
   border-bottom: 1px solid #ebebeb;
 }
 
-._wrapper_ak0c_5 {
+._wrapper_4c252_5 {
   width: calc(100% - 80px);
   margin-left: auto;
   margin-right: auto;
 }
 
-._header_main_row_ak0c_11 {
+._header_main_row_4c252_11 {
   min-height: 80px;
   padding-top: 1rem;
   padding-bottom: 0.5rem;
 }
 
-._logo_wrap_ak0c_17 {
+._logo_wrap_4c252_17 {
   padding: 9px 6px;
 }
 
-._primary_links_ak0c_21 {
+._primary_links_4c252_21 {
   margin-left: 30px;
 }
 
-._main_nav_link_ak0c_25 {
+._main_nav_link_4c252_25 {
   padding: 10px 8px;
   text-align: center;
 }
 
-._main_nav_link_ak0c_25 > a {
+._main_nav_link_4c252_25 > a {
   border-bottom: 4px solid transparent;
   display: inline-block;
   font-size: 16px;
@@ -35,7 +35,7 @@
   position: relative;
 }
 
-._main_nav_link_ak0c_25 > a::after {
+._main_nav_link_4c252_25 > a::after {
   content: "";
   position: absolute;
   left: 0;
@@ -46,34 +46,34 @@
   opacity: 0;
 }
 
-._main_nav_link_ak0c_25 > .active {
+._main_nav_link_4c252_25 > .active {
   font-weight: 700;
 }
 
-._main_nav_link_ak0c_25 > .active::after {
+._main_nav_link_4c252_25 > .active::after {
   opacity: 1;
 }
 
-._sub_nav_link_ak0c_57 a,
-._main_nav_link_ak0c_25 a,
-._signin_wrap_ak0c_59 a,
-._signin_btn_ak0c_60 {
+._sub_nav_link_4c252_57 a,
+._main_nav_link_4c252_25 a,
+._signin_wrap_4c252_59 a,
+._signin_btn_4c252_60 {
   text-decoration: none;
   transition: opacity 0.3s ease;
 }
 
-._sub_nav_link_ak0c_57:hover,
-._main_nav_link_ak0c_25 a:hover,
-._signin_wrap_ak0c_59 a:hover {
+._sub_nav_link_4c252_57:hover,
+._main_nav_link_4c252_25 a:hover,
+._signin_wrap_4c252_59 a:hover {
   opacity: 0.8;
 }
 
-._signin_wrap_ak0c_59 .link {
+._signin_wrap_4c252_59 .link {
   padding: 8px;
   text-decoration: none;
 }
 
-._signin_btn_ak0c_60 {
+._signin_btn_4c252_60 {
   border-color: transparent;
   border-radius: 8px;
   color: #fff;
@@ -82,32 +82,32 @@
   font-weight: 700;
   line-height: 1.44;
   margin-left: 8px;
-  padding: 11px 24px;
+  padding: 11px 24px !important;
   letter-spacing: 0.2px;
 }
 
-._signin_btn_ak0c_60:hover {
+._signin_btn_4c252_60:hover {
   background-color: transparent;
   opacity: 0.9;
 }
 
-._signin_btn_ak0c_60 > span {
+._signin_btn_4c252_60 > span {
   margin-right: 8px;
 }
 
-._header_sub_row_ak0c_98 {
+._header_sub_row_4c252_98 {
   min-height: 48px;
   position: relative;
 }
 
-._sub_nav_link_ak0c_57 {
+._sub_nav_link_4c252_57 {
   color: #ffffff;
   display: flex;
   padding-inline: 1rem;
   text-align: center;
 }
 
-._sub_nav_link_ak0c_57 a {
+._sub_nav_link_4c252_57 a {
   display: flex;
   align-items: center;
   font-family: var(--header-font-family);
@@ -115,20 +115,20 @@
   line-height: 1.5;
   padding: 12px 0px;
 }
-._sub_nav_link_ak0c_57 a:first-child {
+._sub_nav_link_4c252_57 a:first-child {
   padding-left: 9.5px;
   padding-right: 1.5px;
 }
 
-._sub_nav_link_ak0c_57 a:last-child {
+._sub_nav_link_4c252_57 a:last-child {
   padding-right: 9.5px;
 }
 
-._sub_nav_link_ak0c_57:hover {
+._sub_nav_link_4c252_57:hover {
   background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
 }
 
-._signin_dropdown_ak0c_131 {
+._signin_dropdown_4c252_131 {
   display: none;
   min-width: 288px;
   padding: 1.5rem 1rem;
@@ -138,33 +138,33 @@
   z-index: 1204;
 }
 
-._shadow_ak0c_141 {
+._shadow_4c252_141 {
   border-top: none;
   border: 0.5px solid rgb(255 255 255 / 14%);
   box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
 }
 
-._signin_dropdown_ak0c_131 li[role="heading"] {
+._signin_dropdown_4c252_131 li[role="heading"] {
   margin-top: 1px;
 }
 
-._signin_header_ak0c_151 {
+._signin_header_4c252_151 {
   color: #1f1f1f;
   font-weight: 700;
   padding: 0.5rem 1rem;
   text-align: left;
 }
 
-._signin_subheader_ak0c_158 {
+._signin_subheader_4c252_158 {
   padding: 0.5rem 0.5rem 0.5rem 1.5rem;
 }
 
-._signin_header_ak0c_151,
-._signin_subheader_ak0c_158 a {
+._signin_header_4c252_151,
+._signin_subheader_4c252_158 a {
   line-height: 1.5;
 }
 
-@keyframes _fadeInDown_ak0c_1 {
+@keyframes _fadeInDown_4c252_1 {
   from {
     opacity: 0;
     transform: translate3d(0, -1%, 0);
@@ -176,23 +176,23 @@
   }
 }
 
-._opacity_ak0c_179 {
+._opacity_4c252_179 {
   animation-duration: 0.5s;
   animation-fill-mode: both;
-  animation-name: _fadeInDown_ak0c_1;
+  animation-name: _fadeInDown_4c252_1;
 }
 
-._signin_footer_ak0c_185 {
+._signin_footer_4c252_185 {
   margin-top: 0.5rem;
   padding-top: 1rem;
 }
 
-._signin_footer_ak0c_185 > a + a {
+._signin_footer_4c252_185 > a + a {
   display: block;
   margin-top: 16px;
 }
 
-._signin_footer_ak0c_185::before {
+._signin_footer_4c252_185::before {
   content: "";
   background-color: #8f8f8f;
   height: 2px;
@@ -203,19 +203,19 @@
   width: 94%;
 }
 
-._open_ak0c_206 {
+._open_4c252_206 {
   opacity: 0.8;
 }
 
-._open_ak0c_206 > svg {
+._open_4c252_206 > svg {
   transform: scaleY(-1);
 }
 
-._open_ak0c_206 + ._signin_dropdown_ak0c_131 {
+._open_4c252_206 + ._signin_dropdown_4c252_131 {
   display: block;
 }
 
-._dd_wrapper_ak0c_218 {
+._dd_wrapper_4c252_218 {
   max-width: 1440px;
   outline: none !important;
   position: absolute;
@@ -224,50 +224,50 @@
   z-index: 1203;
 }
 
-._dd_media_ak0c_227 {
+._dd_media_4c252_227 {
   padding: 1.5rem;
   width: 280px;
 }
 
-._dd_media_img_ak0c_232 {
+._dd_media_img_4c252_232 {
   min-height: 232px;
 }
 
-._dd_site_navs_ak0c_236 {
+._dd_site_navs_4c252_236 {
   display: flex;
   flex-direction: column;
   flex: 1 1 0%;
   padding: 1.5rem;
 }
 
-._dd_media_header_ak0c_243 p {
+._dd_media_header_4c252_243 p {
   color: #fff;
   font-size: 14px;
   line-height: 1.42;
 }
 
-._dd_media_header_ak0c_243 p[role="heading"] {
+._dd_media_header_4c252_243 p[role="heading"] {
   font: 700 1.25rem/ 1.4 var(--header-font-family);
   text-wrap: pretty;
 }
 
-._mt_8_ak0c_254 {
+._mt_8_4c252_254 {
   margin-top: 8px;
 }
 
-._mt_16_ak0c_258 {
+._mt_16_4c252_258 {
   margin-top: 1rem;
 }
 
-._ml_8_ak0c_262 {
+._ml_8_4c252_262 {
   margin-left: 8px;
 }
 
-._reversed_row_ak0c_266 {
+._reversed_row_4c252_266 {
   flex-direction: row-reverse;
 }
 
-._headline_ak0c_270 > [role="heading"] {
+._headline_4c252_270 > [role="heading"] {
   color: var(--_1073cm85);
   flex: 1 1 0%;
   font: 700 1.5rem / 1.33 var(--header-font-family);
@@ -275,7 +275,7 @@
   text-decoration: none;
 }
 
-._nav_anchor_ak0c_278 {
+._nav_anchor_4c252_278 {
   aspect-ratio: 1;
   background-color: #4a5560;
   border-radius: 8px;
@@ -283,11 +283,11 @@
   width: 1.5rem;
 }
 
-._headline_cta_ak0c_286 {
+._headline_cta_4c252_286 {
   margin-left: 8px;
 }
 
-._headline_cta_ak0c_286 > a {
+._headline_cta_4c252_286 > a {
   color: var(--_1073cm85);
   font-family: var(--header-font-family);
   font-weight: 700;
@@ -295,15 +295,15 @@
   text-decoration: none;
 }
 
-._sub_nav_link_ak0c_57:hover,
-._signin_wrap_ak0c_59 a:hover,
-._main_nav_link_ak0c_25 a:not(.active):hover,
-._dd_site_navs_ak0c_236 a:hover,
-._site_lists_ak0c_302 a:hover {
+._sub_nav_link_4c252_57:hover,
+._signin_wrap_4c252_59 a:hover,
+._main_nav_link_4c252_25 a:not(.active):hover,
+._dd_site_navs_4c252_236 a:hover,
+._site_lists_4c252_302 a:hover {
   text-decoration: underline;
 }
 
-._dd_site_navs_ak0c_236 hr {
+._dd_site_navs_4c252_236 hr {
   border-style: solid;
   border-width: 1px;
   color: #a0aab3;
@@ -312,66 +312,66 @@
   position: relative;
 }
 
-._site_lists_ak0c_302 {
+._site_lists_4c252_302 {
   display: grid;
   gap: 24px;
   grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
   padding-bottom: 1.5rem;
 }
 
-._site_lists_ak0c_302._modify_fit_ak0c_322 {
+._site_lists_4c252_302._modify_fit_4c252_322 {
   grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
 }
 
-._site_lists_ak0c_302 > * {
+._site_lists_4c252_302 > * {
   width: 100%;
 }
 
-._site_lists_ak0c_302 a {
+._site_lists_4c252_302 a {
   color: #1f1f1f;
   text-decoration: none;
   font-weight: 400;
   font-family: var(--header-font-family);
 }
 
-._site_lists_ak0c_302 [role="heading"] {
+._site_lists_4c252_302 [role="heading"] {
   color: var(--_1073cm83);
   font-weight: 700;
   font-family: unset;
 }
 
-._site_lists_ak0c_302 li + li {
+._site_lists_4c252_302 li + li {
   margin-top: 8px;
 }
 
-._signin_wrap_ak0c_59 > ._mobile_only_ak0c_347 > a {
+._signin_wrap_4c252_59 > ._mobile_only_4c252_347 > a {
   color: #4a5560;
   padding: 0;
   line-height: 1;
 }
 
-._mobile_logo_ak0c_353 {
+._mobile_logo_4c252_353 {
   display: flex;
   align-items: center;
   flex: 1 1 0%;
   justify-content: space-between;
 }
 
-._highlight_ak0c_360 > a {
+._highlight_4c252_360 > a {
   border-bottom: none;
   font-weight: 700;
   line-height: 1.44;
 }
 
-._mobile_opened_ak0c_366 {
+._mobile_opened_4c252_366 {
   left: 0%;
 }
 
-body:has(._mobile_opened_ak0c_366) {
+body:has(._mobile_opened_4c252_366) {
   overflow-y: hidden;
 }
 
-._dd_footer_ak0c_374 {
+._dd_footer_4c252_374 {
   align-items: end;
   flex: 1 1 0%;
   font-size: 11px;
@@ -379,7 +379,7 @@ body:has(._mobile_opened_ak0c_366) {
   letter-spacing: 0.3px;
 }
 
-._skip_btn_ak0c_382 {
+._skip_btn_4c252_382 {
   clip: rect(1px 1px 1px 1px);
   margin: -1px;
   overflow: hidden;
@@ -387,8 +387,8 @@ body:has(._mobile_opened_ak0c_366) {
   position: absolute;
 }
 
-._skip_btn_ak0c_382:active,
-._skip_btn_ak0c_382:focus {
+._skip_btn_4c252_382:active,
+._skip_btn_4c252_382:focus {
   background-color: #1e3860;
   border-radius: 8px;
   clip: auto;
@@ -404,42 +404,42 @@ body:has(._mobile_opened_ak0c_366) {
 }
 
 @media (max-width: 1280px) and (min-width: 1024px) {
-  ._wrapper_ak0c_5 {
+  ._wrapper_4c252_5 {
     width: calc(100% - 28px);
   }
 
-  ._dd_wrapper_ak0c_218 > ._wrapper_ak0c_5 {
+  ._dd_wrapper_4c252_218 > ._wrapper_4c252_5 {
     width: 100%;
   }
-  ._main_nav_link_ak0c_25 > a {
+  ._main_nav_link_4c252_25 > a {
     padding: 4px 6px;
     font-size: 15px;
   }
-  ._desktop_only_ak0c_418 > a {
+  ._desktop_only_4c252_418 > a {
     font-size: 15px;
   }
 }
 
 @media (max-width: 1023px) {
-  ._desktop_only_ak0c_418 {
+  ._desktop_only_4c252_418 {
     display: none !important;
   }
 }
 
 @media (max-width: 768px) {
-  ._wrapper_ak0c_5 {
+  ._wrapper_4c252_5 {
     width: calc(100% - 48px);
   }
-  ._header_main_row_ak0c_11 {
+  ._header_main_row_4c252_11 {
     min-height: 65px;
   }
-  ._mobile_logo_ak0c_353 > a > svg {
+  ._mobile_logo_4c252_353 > a > svg {
     max-width: 85px;
   }
 }
 
 @media (min-width: 1024px) {
-  ._mobile_only_ak0c_347 {
+  ._mobile_only_4c252_347 {
     display: none !important;
   }
 }

package/dist/assets/icons/AlertBell/AlertBellIcon.css

@@ -0,0 +1,6 @@
+@media screen and (max-width: 768px) {
+  ._5yee9c0 {
+    max-width: 30px;
+    height: auto;
+  }
+}

package/dist/icons/AlertBell/AlertBellIcon.css.d.ts

@@ -0,0 +1 @@
+export declare const alertBell: string;

package/dist/icons/AlertBell/AlertBellIcon.css.js

@@ -0,0 +1,5 @@
+import '../../assets/icons/AlertBell/AlertBellIcon.css';/* empty css                                 */
+var alertBell = "_5yee9c0";
+export {
+  alertBell
+};

package/dist/icons/AlertBell/index.d.ts

@@ -0,0 +1 @@
+export declare const AlertBellIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/icons/AlertBell/index.js

@@ -0,0 +1,57 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { alertBell } from "./AlertBellIcon.css.js";
+const AlertBellIcon = () => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 45,
+      height: 45,
+      viewBox: "0 0 27 27",
+      fill: "none",
+      className: alertBell,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.3 1.27C8.63 1.53 5.86 2.34 3.7 4.92C1.68 7.33 1.28 10.02 1.25 11.62H0C0.0299997 9.83 0.479998 6.81 2.74 4.11C5.23 1.14 8.46 0.26 10.3 0V1.27Z",
+            fill: "#1e3860"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.31 4.3C9.05 4.62 7.4 5.33 6.06 6.93C4.68 8.57 4.3 10.37 4.21 11.62H2.95C3.04 10.18 3.49 8.05 5.1 6.13C6.76 4.15 8.83 3.35 10.31 3.02V4.3Z",
+            fill: "#1e3860"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.2496 5.65039C9.26369 5.65039 6.0301 8.87128 6.00952 12.8523C6.00349 12.9046 6.00293 12.9577 6.00811 13.0109L6.00832 13.0132L6.00927 13.0233L6.01099 13.0428C6.01561 13.2663 6.03038 13.4874 6.05487 13.7058C6.09229 14.467 6.11456 15.7225 5.9673 16.9637C5.83058 18.116 5.56212 19.115 5.13809 19.7322C4.11165 19.9172 3.33295 20.8151 3.33295 21.8948V21.9107C3.33295 23.1244 4.31683 24.1083 5.5305 24.1083H10.2988C10.413 25.6393 11.6913 26.846 13.2516 26.846C14.8118 26.846 16.0902 25.6393 16.2044 24.1083H21.4377C22.6514 24.1083 23.6353 23.1244 23.6353 21.9107V21.8948C23.6353 20.788 22.8171 19.8724 21.7525 19.7196C21.7407 19.7067 21.7282 19.6925 21.715 19.6771C21.5881 19.529 21.3951 19.2613 21.197 18.8247C20.8023 17.9552 20.3793 16.3983 20.4376 13.7631C20.472 13.4767 20.4897 13.1855 20.4897 12.8905C20.4897 8.89192 17.2482 5.65039 13.2496 5.65039ZM7.54779 13.5585C7.52619 13.3717 7.51352 13.1821 7.51026 12.99L7.50992 12.9766L7.50924 12.9614C7.50953 12.9519 7.50964 12.9424 7.50957 12.9329L7.50942 12.8905C7.50942 9.72034 10.0794 7.15039 13.2496 7.15039C16.4197 7.15039 18.9897 9.72034 18.9897 12.8905C18.9897 13.1362 18.9743 13.378 18.9445 13.615C18.9413 13.6401 18.9394 13.6655 18.9388 13.6908C18.8718 16.519 19.3209 18.3206 19.8311 19.4446C19.8711 19.5328 19.9114 19.6167 19.9519 19.6965H6.84622C7.17918 18.8952 7.35724 17.98 7.45685 17.1404C7.61977 15.7672 7.59186 14.4043 7.55182 13.607C7.55101 13.5908 7.54966 13.5746 7.54779 13.5585ZM11.8074 24.1083H14.6957C14.5882 24.8092 13.9826 25.346 13.2516 25.346C12.5206 25.346 11.915 24.8092 11.8074 24.1083ZM5.5305 21.1973C5.14526 21.1973 4.83295 21.5096 4.83295 21.8948V21.9107C4.83295 22.296 5.14525 22.6083 5.5305 22.6083H21.4377C21.823 22.6083 22.1353 22.296 22.1353 21.9107V21.8948C22.1353 21.5096 21.823 21.1973 21.4377 21.1973H5.5305Z",
+            fill: "#1e3860"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M23.295 4.92C21.135 2.34 18.365 1.53 16.695 1.27V0C18.535 0.26 21.765 1.14 24.255 4.11C26.515 6.81 26.965 9.83 26.995 11.62H25.745C25.715 10.02 25.315 7.33 23.295 4.92Z",
+            fill: "#1e3860"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20.935 6.93C19.595 5.33 17.945 4.62 16.685 4.3V3.02C18.165 3.35 20.235 4.15 21.895 6.13C23.505 8.05 23.955 10.18 24.045 11.62H22.785C22.695 10.37 22.315 8.57 20.935 6.93Z",
+            fill: "#1e3860"
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  AlertBellIcon
+};

package/dist/icons/index.d.ts

@@ -17,6 +17,7 @@ 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,6 +17,7 @@ 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";
@@ -34,6 +35,7 @@ export {
   default23 as AXCLogo,
   default24 as AXILogo,
   default25 as AXOS,
+  AlertBellIcon,
   default2 as ArrowIcon,
   default3 as AxosX,
   default4 as AxosXBlue,

package/dist/main.js

@@ -132,6 +132,7 @@ 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";
@@ -235,6 +236,7 @@ export {
   AccordionItemContent,
   AccordionItemSummary,
   AlertBanner,
+  AlertBellIcon,
   AnnualFeeCalculator,
   ApplicationStart,
   ApplyNow,