@axos-web-dev/shared-components 2.0.0-dev.9-fixdependencies → 2.0.0-dev.enableCTA2

package/dist/assets/TopicalNavItem/TopicalNavItem.css

@@ -21,63 +21,43 @@
   background-image: linear-gradient(360deg,#def4ff 0,rgba(222,244,255,0.942708) 34.12%,rgba(222,244,255,0) 107.41%);
 }
 .dmebjx1 {
-  font-size: 1rem;
+  font-size: 18px;
   line-height: 1.3;
   letter-spacing: 0.2px;
-  min-height: 1.875rem;
+  min-height: 1px;
   position: relative;
   margin-bottom: 0;
-  color: #333d46;
+  color: #2f5b88;
+  font-weight: 700;
+}
+.dmebjx1::after {
+  content: url("https://images.axos.com/o9ov1v03uwqk/46CsHuKnjPaa4NKjtgtbU0/8f6881ce84ba88e8157a544956aceeb1/chevron-right.png");
+  display: inline-block;
+  left: 10px;
+  position: relative;
+  top: 2px;
 }
 .dmebjx2 {
-  display: none;
+  padding: 0;
+  text-align: center;
+  width: 100%;
 }
 .dmebjx3 {
-  padding: 1rem 0;
-}
-.dmebjx4 {
-  margin-bottom: 12px;
-  object-fit: none;
+  margin-bottom: 7px;
+  height: 48px;
+  width: 48px;
+  display: block;
+  left: 50%;
+  position: relative;
+  transform: translateX(-50%);
+  object-fit: contain;
   object-position: bottom;
-  height: 24px;
 }
 @media (max-width:1023px) {
   .dmebjx0 {
-    box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
-    border-top: 3px solid transparent;
-    min-height: 56px;
-    padding: 0 1.5rem;
-    justify-content: space-between;
-    align-items: center;
-  }
-}
-@media (min-width:1024px) {
-  .dmebjx0::before {
-    content: "";
-    position: absolute;
-    background-color: #d4d4d4;
-    bottom: 0;
-    height: 74px;
-    left: 0;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-    width: 0.5px;
-  }
-  .dmebjx0:last-child::after {
-    content: "";
-    position: absolute;
-    background-color: #d4d4d4;
-    bottom: 0;
-    height: 74px;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-    width: 0.5px;
-    right: 0;
-    left: auto;
+    border-top: none;
+    min-height: 1px;
+    padding: 0 1rem;
   }
 }
 @media (max-width: 1023px) {
@@ -87,14 +67,7 @@
     font-weight: 700;
   }
   .dmebjx2 {
-    margin-right: 11px;
     display: block;
-  }
-  .dmebjx3 {
-    display: flex;
     align-items: center;
   }
-  .dmebjx4 {
-    display: none;
-  }
 }

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -1,12 +1,9 @@
 .xbzzeo0 {
   -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
-  box-shadow: 0 7px 10px rgba(0,0,0,0.08);
-}
-.page_body_contents > div:has(.xbzzeo0) {
-  margin-top: -3.5rem;
+  box-shadow: none;
 }
 .xbzzeo1 {
-  max-width: 88.2rem;
+  max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }
@@ -15,7 +12,32 @@
     box-shadow: none;
     filter: none;
   }
+}
+@media (max-width: 768px) {
+  .xbzzeo1 {
+    padding-inline: 16px;
+  }
+}
+@media (max-width:1080px) {
+  .xbzzeo2 {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    gap: 24px 12px;
+  }
+}
+@media (max-width:825px) {
+  .xbzzeo2 {
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  }
+}
+@media (max-width:550px) {
+  .xbzzeo2 {
+    gap: 54px 12px;
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media (max-width:380px) {
   .xbzzeo2 {
-    display: block;
+    padding: 0 1rem;
   }
 }

package/dist/assets/VideoTile/VideoTile.css

@@ -1,3 +1,6 @@
+.page_body_contents > div:not(:first-child) ._16puo4g0 {
+  padding-top: 0px;
+}
 ._16puo4g1 {
   opacity: 1;
   height: 100%;

package/dist/assets/WalnutIframe/wrapper.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_1wqdl_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_1wqdl_19 {
-  background: #1e3860;
-  border-radius: 8px;
-  height: 555px;
-  isolation: isolate;
-  margin-block: 48px;
-}
-
-section > ._wrapper_1wqdl_19:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_1wqdl_19::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_1wqdl_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-._wrapper_control_1wqdl_77 {
-  height: 100%;
-  width: 100%;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_1wqdl_19 {
-    display: none;
-  }
-}
+@keyframes _shimmer_f1tr5_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_f1tr5_10 {
+  background: #1e3860;
+  border-radius: 8px;
+  height: 555px;
+  isolation: isolate;
+  margin-block: 48px;
+}
+
+section > ._wrapper_f1tr5_10:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_f1tr5_10::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_f1tr5_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+._wrapper_control_f1tr5_39 {
+  height: 100%;
+  width: 100%;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_f1tr5_10 {
+    display: none;
+  }
+}

package/dist/assets/globals.css

@@ -35,16 +35,36 @@ li p, p:last-child, p:only-child {
 .page_body_contents {
   display: flex;
   flex-direction: column;
-  gap: 3.5rem;
+}
+.page_body_contents > div:not(.no_section_gap):not(:has(._1tdyl74e)) + div:not(.no_section_gap):not(:has(._1tdyl74e)) {
+  margin-top: 3.5rem;
+}
+.page_body_contents > .no_section_gap + div:not(.no_section_gap):not(:has(._1tdyl74e)) {
+  margin-top: 3.5rem;
+}
+.page_body_contents > div:not(.no_section_gap):not(:has(._1tdyl74e)) + div.no_section_gap {
+  margin-top: 3.5rem;
+}
+.page_body_contents > [data-content-type='comparisonSet'] + div.no_section_gap {
+  margin-top: 3.5rem;
+}
+.page_body_contents > div:first-child:not(.no_section_gap):not(:has(._1tdyl74e)) {
+  margin-top: 3.5rem;
 }
 span#personalized-refi-table:has(*) {
   margin-bottom: 3.5rem;
 }
-.page_body_contents > div:first-child > .billboard {
+main:not(:has(~ .sm-hide)):not(:has(> [data-content-type='relatedTopicSet'])):not(:has(.page_body_contents > div:last-child.no_section_gap)) {
+  margin-bottom: 3.5rem;
+}
+main > [data-content-type='relatedTopicSet']:has(.kjcqgc1) {
   margin-top: 3.5rem;
 }
-.flex, [class*='flex_'] {
-  display: flex;
+.page_body_contents:not(:has(> div:last-child.no_section_gap)) ~ [data-content-type='relatedTopicSet'] {
+  margin-top: 3.5rem;
+}
+.sm-hide:not(:has(~ #site_map)) {
+  margin-bottom: 3.5rem;
 }
 .flex_row {
   flex-direction: row;
@@ -245,10 +265,22 @@ p:empty, ul:empty {
 .margin_block {
   margin: 1rem 0;
 }
+:focus-visible {
+  outline-offset: 4px;
+}
+.block_spacer {
+  padding-block: 2.5rem;
+}
+.sm-hide {
+  margin-top: 3.5rem;
+}
 @layer globals {
   .containment {
     width: min(1200px, calc(100% - 4rem));
   }
+  .flex, [class*='flex_'] {
+    display: flex;
+  }
   .rounded {
     border-radius: 1rem;
     overflow: hidden;

package/dist/assets/themes/axos.css

@@ -41,12 +41,13 @@
   --_1073cm814: #1E629A;
   --_1073cm815:  rgba(222, 244, 255, 1), rgba(30, 98, 154, 1), rgba(222, 244, 255, 1);
   --_1073cm816: #FFFFFF;
-  --_1073cm817: #FFFFFF;
-  --_1073cm818: #1E3860;
+  --_1073cm817: #2595F0a3;
+  --_1073cm818: #FFFFFF;
   --_1073cm819: #1E3860;
-  --_1073cm81a: #F5F5F5;
-  --_1073cm81b: #DEF4FF;
-  --_1073cm81c: #E9EBEF;
-  --_1073cm81d: #8C8C8C;
-  --_1073cm81e: #B9C1CE;
+  --_1073cm81a: #1E3860;
+  --_1073cm81b: #F5F5F5;
+  --_1073cm81c: #DEF4FF;
+  --_1073cm81d: #F0F0F0;
+  --_1073cm81e: #8C8C8C;
+  --_1073cm81f: #B9C1CE;
 }

package/dist/assets/themes/premier.css

@@ -41,12 +41,13 @@
   --_1073cm814: #98DDFF;
   --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(30, 98, 154, 1) 50%, rgba(222, 244, 255, 1) 100%);
   --_1073cm816: #FFFFFF;
-  --_1073cm817: #FFFFFF;
-  --_1073cm818: #1E3860;
-  --_1073cm819: #FFFFFF;
-  --_1073cm81a: #F5F5F5;
-  --_1073cm81b: #DEF4FF;
-  --_1073cm81c: #000000;
-  --_1073cm81d: #1F1F1F;
-  --_1073cm81e: #B9C1CE;
+  --_1073cm817: #2595F0;
+  --_1073cm818: #FFFFFF;
+  --_1073cm819: #1E3860;
+  --_1073cm81a: #FFFFFF;
+  --_1073cm81b: #F5F5F5;
+  --_1073cm81c: #DEF4FF;
+  --_1073cm81d: #000000;
+  --_1073cm81e: #1F1F1F;
+  --_1073cm81f: #B9C1CE;
 }

package/dist/assets/themes/ufb.css

@@ -41,12 +41,13 @@
   --_1073cm814: #E18357;
   --_1073cm815:  #EAD4BB, #806646 , #EAD4BB ;
   --_1073cm816: #1B1B1F;
-  --_1073cm817: #FFFFFF;
-  --_1073cm81e: #B9C1CE;
-  --_1073cm818: #1E629A;
-  --_1073cm819: #1B1B1F;
-  --_1073cm81a: #EDEEF0;
-  --_1073cm81b: #FFF8F6;
-  --_1073cm81c: #000000;
-  --_1073cm81d: #000000;
+  --_1073cm817: #E18357;
+  --_1073cm818: #FFFFFF;
+  --_1073cm81f: #B9C1CE;
+  --_1073cm819: #1E629A;
+  --_1073cm81a: #1B1B1F;
+  --_1073cm81b: #EDEEF0;
+  --_1073cm81c: #FFF8F6;
+  --_1073cm81d: #F0F0F0;
+  --_1073cm81e: #000000;
 }

package/dist/assets/themes/victorie.css

@@ -41,12 +41,13 @@
   --_1073cm814: #98DDFF;
   --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(40, 88, 125, 1) 50%, rgba(222, 244, 255, 1) 100%);
   --_1073cm816: #FFFFFF;
-  --_1073cm817: #FFFFFF;
-  --_1073cm818: #28587d;
-  --_1073cm819: #FFFFFF;
-  --_1073cm81a: #F5F5F5;
-  --_1073cm81b: #DEF4FF;
-  --_1073cm81c: #000000;
-  --_1073cm81d: #1F1F1F;
-  --_1073cm81e: #B9C1CE;
+  --_1073cm817: #2595F0;
+  --_1073cm818: #FFFFFF;
+  --_1073cm819: #28587d;
+  --_1073cm81a: #FFFFFF;
+  --_1073cm81b: #F5F5F5;
+  --_1073cm81c: #DEF4FF;
+  --_1073cm81d: #000000;
+  --_1073cm81e: #1F1F1F;
+  --_1073cm81f: #B9C1CE;
 }

package/dist/assets/utils/optimizeImage/optimizeImage.css

@@ -1,47 +1,47 @@
-@keyframes _shimmer_1cu2x_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_1cu2x_19 {
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_1cu2x_31 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_1cu2x_31 {
-  background-color: var(--_1073cm8f);
-}
-
-.fl2fv50 ._loading_1cu2x_31 {
-  background-color: #28587d;
-}
-
-._loading_1cu2x_31::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_1cu2x_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_pwl74_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_pwl74_10 {
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_pwl74_16 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_pwl74_16 {
+  background-color: var(--_1073cm8f);
+}
+
+.fl2fv50 ._loading_pwl74_16 {
+  background-color: #28587d;
+}
+
+._loading_pwl74_16::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_pwl74_1 1.3s infinite linear;
+  z-index: 1;
+}

package/dist/globals.css.js

@@ -1,2 +1,9 @@
-import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+import './assets/globals.css';import './assets/ArticlesSet/ArticlesSet.css';import './assets/CallToActionBar/CallToActionBar.css';import './assets/Insight/Insight.css';import './assets/themes/victorie.css';import './assets/themes/ufb.css';import './assets/themes/premier.css';import './assets/themes/axos.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                               */
+/* empty css                                  */
+/* empty css                              */
+/* empty css                                   */
+/* empty css                                   */
+/* empty css                                                   */
+/* empty css                                           */
 /* empty css                           */

package/dist/icons/AxosX/Blue.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

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

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgAxosX;

package/dist/icons/CheckCircle.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
 import { CheckColorVariant } from './CheckIcon/CheckIcon.css';
 
-declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircleLight.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgCheckCircleLight;

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

@@ -1,4 +1,4 @@
 import { CheckColorVariant } from './CheckIcon.css';
 
-declare const SvgCheckIcon: (props: CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckIcon: (props: CheckColorVariant) => import("react").JSX.Element;
 export default SvgCheckIcon;

package/dist/icons/ChevronDown.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgChevronDown;

package/dist/icons/ChevronUp.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgChevronUp;

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

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default ClockIcon;

package/dist/icons/EqualHousingLender.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgEqualHousingLender;

package/dist/icons/Logos/AAS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AFS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXA.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXB.d.ts

@@ -4,5 +4,5 @@ declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
     height?: number;
     width?: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXC.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXI.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXOS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/GBLVF.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVF.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVFText.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;