@axos-web-dev/shared-components 0.0.195 → 0.0.197

package/dist/VideoWrapper/index.js

@@ -8,13 +8,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
 /* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css

@@ -27,104 +27,115 @@
   flex: 1 1 0%;
 }
 ._1xynjwx6 {
-  color: #28587d;
   line-height: 1.25;
 }
 ._1xynjwx7 {
-  margin-top: 1.5rem;
+  color: var(--_1073cm83);
 }
 ._1xynjwx8 {
-  color: var(--_1073cm82);
+  color: var(--_1073cm8a);
 }
 ._1xynjwx9 {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8h);
 }
 ._1xynjwxa {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8o);
 }
 ._1xynjwxb {
-  color: var(--_1073cm8n);
+  margin-top: 1.5rem;
 }
 ._1xynjwxc {
+  color: var(--_1073cm82);
+}
+._1xynjwxd {
+  color: var(--_1073cm89);
+}
+._1xynjwxe {
+  color: var(--_1073cm8g);
+}
+._1xynjwxf {
+  color: var(--_1073cm8n);
+}
+._1xynjwxg {
   background-color: #1C3D57;
   color: #fff;
   padding: 12px;
   text-align: center;
   font: 600 20px / 1.25 var(--header-font-family);
 }
-._1xynjwxd {
+._1xynjwxh {
   background-color: #E7F5FA;
   border-radius: 16px;
   box-shadow: rgba(0,0,0,0.2) 0px 1px 3px , rgba(0,0,0,0.1) 0px 6px 12px -4px , rgba(0,0,0,0.2) 0px -3px 0px inset;
   overflow: hidden;
   width: 400px;
 }
-._1xynjwxe {
+._1xynjwxi {
   padding: 28px 32px;
 }
-._1xynjwxf {
+._1xynjwxj {
   position: relative;
 }
-._1xynjwxf select {
+._1xynjwxj select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: #fff;
 }
-._1xynjwxf select:hover {
+._1xynjwxj select:hover {
   cursor: pointer;
 }
-._1xynjwxf label {
+._1xynjwxj label {
   background-color: #1C3D57;
   color: #fff;
   display: grid;
   place-items: center;
   padding-inline: 18px;
 }
-._1xynjwxg {
+._1xynjwxk {
   border: none;
   outline: none;
-  padding: .7rem;
+  padding: .7rem 18px;
   width: 100%;
 }
-._1xynjwxf label[for='loanYears'] {
+._1xynjwxj label[for='loanYears'] {
   order: 2;
 }
-._1xynjwxf label[for='interestRate'] {
+._1xynjwxj label[for='interestRate'] {
   order: 2;
   min-width: 77px;
 }
-._1xynjwxh {
+._1xynjwxl {
   bottom: -20px;
   color: #8C1900;
   font-size: 12px;
   left: 15px;
   position: absolute;
 }
-._1xynjwxi {
+._1xynjwxm {
   border-radius: 8px;
   display: flex;
   overflow: hidden;
   width: 100%;
 }
-._1xynjwxj {
+._1xynjwxn {
   background-color: #1F7A96;
   border-radius: 8px;
   box-shadow: rgba(31,122,150,0.3) 8px 8px 16px 0px;
   color: #fff;
   padding: 32px 28px;
 }
-._1xynjwxk {
+._1xynjwxo {
   font-size: 2.5rem;
   font-weight: 700;
 }
-._1xynjwxl {
+._1xynjwxp {
   color: rgb(255 255 255 / 73%);
   font-size: 16px;
   font-weight: 700;
   letter-spacing: .4px;
 }
-._1xynjwxm {
+._1xynjwxq {
   bottom: 0;
   height: 200px;
   left: 0;
@@ -133,26 +144,38 @@
   width: 100%;
   z-index: -1;
 }
-._1xynjwxn > use {
+._1xynjwxr > use {
   animation: move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;
 }
-._1xynjwxn > use:nth-child(1) {
+._1xynjwxr > use:nth-child(1) {
   animation-delay: -2s;
   animation-duration: 7s;
 }
-._1xynjwxn > use:nth-child(2) {
+._1xynjwxr > use:nth-child(2) {
   animation-delay: -3s;
   animation-duration: 10s;
 }
-._1xynjwxn > use:nth-child(3) {
+._1xynjwxr > use:nth-child(3) {
   animation-delay: -4s;
   animation-duration: 13s;
 }
-._1xynjwxn > use:nth-child(4) {
+._1xynjwxr > use:nth-child(4) {
   animation-delay: -5s;
   animation-duration: 20s;
 }
-.section_spacer:has(._1xynjwxn) {
+._1xynjwx4 ._1xynjwxr > use:nth-child(1) {
+  fill: rgb(40 88 125 / 15%);
+}
+._1xynjwx4 ._1xynjwxr > use:nth-child(2) {
+  fill: rgb(40 88 125 / 10%);
+}
+._1xynjwx4 ._1xynjwxr > use:nth-child(3) {
+  fill: rgba(255,255,255,0.1);
+}
+._1xynjwx4 ._1xynjwxr > use:nth-child(4) {
+  fill: rgb(40 88 125 / 54%);
+}
+.section_spacer:has(._1xynjwxr) {
   margin-top: 0px;
 }
 @media screen and (max-width: 1023px) {
@@ -169,10 +192,10 @@
   ._1xynjwx5 {
     text-align: center;
   }
-  ._1xynjwxd {
+  ._1xynjwxh {
     width: min(400px, 100%);
   }
-  ._1xynjwxg {
+  ._1xynjwxk {
     width: 100%;
   }
   ._1xynjwx0 .gap_24 {
@@ -185,17 +208,23 @@
   }
 }
 @media screen and (max-width:470px) {
-  ._1xynjwxc {
+  ._1xynjwxg {
     font-size: 18px;
   }
-  ._1xynjwxe {
+  ._1xynjwxi {
     padding: 24px 16px;
   }
-  ._1xynjwxj {
+  ._1xynjwxn {
     margin-top: 16px;
     padding: 18px 16px;
   }
-  ._1xynjwxl {
+  ._1xynjwxp {
     font-size: 15px;
   }
+}
+@media screen and (max-width:500px) {
+  ._1xynjwxq {
+    height: 105px;
+    margin-bottom: -3px;
+  }
 }

package/dist/assets/Chevron/Chevron.css

@@ -30,4 +30,10 @@
 }
 ._1gp5vfo4 .arrow {
   margin-left: 15px;
+}
+._1gp5vfo4 > .arrow + ._1gp5vfo0 {
+  margin-left: 15px;
+}
+._1gp5vfo5 {
+  flex-direction: row-reverse;
 }

package/dist/assets/Comparison/Comparison.css

@@ -1,7 +1,7 @@
 ._198o0lt0 {
   box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   border-radius: 16px;
-  padding: 32px 24px;
+  padding: 32px 1px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;

package/dist/assets/Forms/Forms.css

@@ -298,6 +298,26 @@
 .tfms6a1x {
   cursor: not-allowed;
 }
+.tfms6a1y {
+  display: flex;
+}
+.tfms6a1z {
+  visibility: hidden;
+  display: none;
+}
+.tfms6a21 {
+  display: flex;
+  gap: 24px;
+}
+.tfms6a22 {
+  vertical-align: vertical;
+  width: 100%;
+  display: flex;
+  padding: .5em;
+  gap: 24px;
+  align-items: center;
+  flex-direction: column-reverse;
+}
 @media screen and (max-width:1023px) {
   .tfms6a0 {
     padding-inline: 0;
@@ -374,6 +394,12 @@
   .tfms6a1w::placeholder {
     color: #5E6A74;
   }
+  .tfms6a21 {
+    flex-direction: column;
+  }
+  .tfms6a22 {
+    flex-direction: column-reverse;
+  }
 }
 @media screen and (min-width: 801px) {
   .rate-watch-form hr {