@axos-web-dev/shared-components 1.0.5 → 1.0.7-7.1

package/dist/assets/SetContainer/SetContainer.css

@@ -33,38 +33,48 @@
 ._18ygy9ma {
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
 }
+._18ygy9m6:has(.is_icon) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+._18ygy9m6.cols_1 > .is_icon {
+  flex: 1 1 100%;
+}
+._18ygy9m6.cols_2 > .is_icon {
+  flex: 1 1 calc(50% - 12px);
+}
+._18ygy9m6.cols_3 > .is_icon {
+  flex: 1 1 calc(33.333% - 1rem);
+}
+._18ygy9m6.cols_4 > .is_icon {
+  flex: 1 1 calc(25% - 18px);
+}
 ._18ygy9mb {
   margin-inline: auto;
-  padding-bottom: 2.5rem;
-  text-align: center;
-  max-width: 1000px;
-  padding-top: 2.5rem;
+  padding-block: 2.5rem;
+}
+:is(._18ygy9m5, ._18ygy9m6) .containment {
+  width: 100%;
 }
-._18ygy9m5 .containment {
+._18ygy9m0 .containment .containment {
   width: 100%;
 }
 ._18ygy9mc {
   display: flex;
+  margin-inline: auto;
   place-items: center;
   text-align: center;
-  margin-inline: auto;
 }
 ._18ygy9md {
   display: block;
   margin: auto;
 }
 ._18ygy9me {
-  margin-inline: auto;
-  padding-top: 2.5rem;
-  text-align: center;
-  max-width: 1000px;
-  padding-bottom: 2.5rem;
-}
-._18ygy9mf {
   isolation: isolate;
   position: relative;
 }
-._18ygy9mf::before {
+._18ygy9me::before {
   content: "";
   position: absolute;
   width: 100%;
@@ -74,29 +84,29 @@
   right: 0;
   z-index: -1;
 }
-._18ygy9mg {
+._18ygy9mf {
   background: var(--_1073cm88);
 }
-._18ygy9mg::before {
+._18ygy9mf::before {
   background: var(--_1073cm81);
 }
-._18ygy9mh {
+._18ygy9mg {
   background: var(--_1073cm81);
 }
-._18ygy9mh::before {
+._18ygy9mg::before {
   background: var(--_1073cm88);
 }
-._18ygy9mi {
+._18ygy9mh {
   background: var(--_1073cm81);
 }
-._18ygy9mi::before {
+._18ygy9mh::before {
   background: var(--_1073cm8f);
   color: var(--_1073cm8n);
 }
-._18ygy9mj {
+._18ygy9mi {
   background: var(--_1073cm81);
 }
-._18ygy9mj::before {
+._18ygy9mi::before {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
@@ -107,6 +117,9 @@
   ._18ygy9m6 {
     grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   }
+  ._18ygy9m6.cols_3 > .is_icon {
+    flex-basis: calc(50% - 12px);
+  }
 }
 @media (min-width: 1024px) {
   ._18ygy9m5:has(> :nth-child(5):last-child) {
@@ -129,10 +142,19 @@
   }
 }
 @media screen and (max-width: 768px) {
+  ._18ygy9m6:has(.is_icon) {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
   ._18ygy9mb {
     padding-block: 1.5rem;
   }
 }
+@media screen and (max-width: 1280px) {
+  ._18ygy9m6.cols_4 > .is_icon {
+    flex-basis: calc(50% - 12px);
+  }
+}
 @media screen and (max-width:320px) {
   ._18ygy9mc {
     max-width: 100%;

package/dist/assets/Topic/Topic.css

@@ -0,0 +1,54 @@
+.un906l0 {
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+  font-family: var(--main-font-family);
+  padding: 40px 0;
+  color: #1E3860;
+}
+.un906l1 {
+  display: grid;
+  gap: 12px;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  grid-template-columns: repeat(2, minmax(auto, 1fr));
+}
+.un906l2 {
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+  font-family: var(--header-font-family);
+  margin-bottom: 48px;
+  text-decoration: none;
+  margin: 0;
+}
+.un906l2 a {
+  text-decoration: none;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+}
+.un906l3 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font-size: 18px;
+  line-height: 26px;
+  letter-spacing: 0.2px;
+  font-family: var(--main-font-family);
+  font-weight: 700;
+  text-decoration: none;
+  color: #2F5B88;
+}
+@media screen and (max-width: 768px) {
+  .un906l1 {
+    grid-template-columns: repeat(2, minmax(200px, 1fr));
+  }
+}
+@media screen and (max-width: 480px) {
+  .un906l1 {
+    grid-template-columns: repeat(1, minmax(200px, 1fr));
+  }
+}

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -0,0 +1,49 @@
+@keyframes _shimmer_13j22_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_13j22_10 {
+  background: #1e3860;
+  border-radius: 8px;
+  height: 555px;
+  isolation: isolate;
+  margin-block: 48px;
+}
+
+section > ._wrapper_13j22_10:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_13j22_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_13j22_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+._wrapper_control_13j22_39 {
+  height: 100%;
+  width: 100%;
+  overflow-x: scroll;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_13j22_10 {
+    display: none;
+  }
+}

package/dist/assets/globals.css

@@ -1,19 +1,3 @@
-@keyframes _5fvzn90 {
-  0% {
-    left: 4px;
-  }
-  to {
-    left: 0px;
-  }
-}
-@keyframes _5fvzn91 {
-  0% {
-    left: 0px;
-  }
-  to {
-    left: 4px;
-  }
-}
 * {
   box-sizing: border-box;
   margin: 0;
@@ -100,6 +84,9 @@ li p, p:last-child, p:only-child {
   border-radius: 1rem;
   overflow: hidden;
 }
+.overflow_hidden {
+  overflow: hidden;
+}
 .bordered {
   border: 1px solid #d4d4d4;
 }
@@ -148,7 +135,7 @@ h1, h2, h3, h4, h5, h6, es_font {
 }
 .header_2 {
   font-size: 34px;
-  line-height: 1.25;
+  line-height: 1.35;
 }
 .header_3 {
   font-size: 28px;
@@ -209,11 +196,11 @@ h1, h2, h3, h4, h5, h6, es_font {
 }
 .sc__btn > .arrow {
   position: relative;
-  animation: _5fvzn90 0.1s linear 0s 1 normal forwards;
+  will-change: transform;
+  transition: transform 0.3s ease;
 }
-.sc__btn:hover > .arrow, .arrow, .sc__btn:focus-within > .arrow {
-  transition: 0.3s;
-  animation: _5fvzn91 0.3s ease-out 0s 1 normal forwards;
+.sc__btn:hover > .arrow, .sc__btn:focus-within > .arrow {
+  transform: translateX(4px);
 }
 .link {
   word-break: break-word;
@@ -239,11 +226,7 @@ a {
 }
 sup {
   font-size: 75%;
-}
-.list_item sup {
-  vertical-align: top;
-  position: relative;
-  top: -0.5em;
+  line-height: 1;
 }
 p:empty, ul:empty {
   display: none;
@@ -275,6 +258,11 @@ p:empty, ul:empty {
     width: calc(100% - 2rem);
   }
 }
+@media screen and (max-width:1280px) {
+  .header_2 {
+    font-size: 2rem;
+  }
+}
 @media screen and (max-width:768px) {
   .header_1 {
     font-size: 28px;
@@ -282,7 +270,6 @@ p:empty, ul:empty {
   }
   .header_2 {
     font-size: 24px;
-    line-height: 1.29;
   }
   .header_3 {
     font-size: 24px;
@@ -291,11 +278,6 @@ p:empty, ul:empty {
     margin-bottom: 1.5rem;
   }
 }
-@media screen and (max-width:1280px) {
-  .header_2 {
-    font-size: 2rem;
-  }
-}
 @media screen and (max-width:320px) {
   .header_1 {
     font-size: 25px;

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

@@ -0,0 +1,47 @@
+@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/icons/ArrowIcon/ArrowIcon.css.d.ts

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

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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
     };
 }>;

package/dist/main.d.ts

@@ -3,6 +3,7 @@ export * from './AlertBanner';
 export * from './Article';
 export * from './ArticlesSet';
 export * from './ATMLocator';
+export * from './Auth';
 export * from './Avatar';
 export * from './AwardsBanner';
 export * from './AwardsItem';
@@ -14,6 +15,7 @@ export * from './Calculators/AnnualFeeCalculator';
 export * from './Calculators/ApyCalculator';
 export * from './Calculators/AxosOneCalculator';
 export * from './Calculators/BalanceAPYCalculator';
+export * from './Calculators/BuyDownCalculator';
 export * from './Calculators/MarginTradingCalculator';
 export * from './Calculators/MonthlyPaymentCalculator';
 export * from './CallToActionBar';
@@ -29,6 +31,7 @@ export * from './FdicCallout';
 export * from './FooterDisclosure';
 export * from './FooterSiteMap/AxosBank';
 export * from './Forms';
+export * from './HelpArticle';
 export * from './HeroBanner';
 export * from './Hyperlink';
 export * from './IconBillboard';
@@ -55,9 +58,11 @@ export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
 export * from './themes';
+export * from './Topic';
 export * from './TopicalNavItem';
 export * from './TopicalNavSet';
 export * from './VideoTile';
 export * from './VideoWrapper';
+export * from './WalnutIframe';
 export * from './Tab';
 export * from './utils';