@axos-web-dev/shared-components 1.0.100-dev.14 → 1.0.100-dev.15

package/dist/assets/Forms/Forms.css

@@ -24,19 +24,19 @@
 }
 .tfms6a1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .tfms6a2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .tfms6a3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .tfms6a4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .tfms6a5 {
   padding-bottom: 32px;
@@ -44,11 +44,11 @@
 .tfms6a6 {
   margin-bottom: 32px;
 }
-._1073cm80 .tfms6a7 {
+.tfms6a7 {
   background: var(--_1073cm81);
-  padding: 0 1rem;
-  margin-bottom: 32px;
   display: inline-block;
+  margin-bottom: 32px;
+  padding: 0 1rem;
 }
 .tfms6a8 {
   font-size: 36px;
@@ -59,49 +59,31 @@
   text-align: center;
 }
 .tfms6a9 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 .tfms6aa {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 .tfms6ab {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 .tfms6ac {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 .tfms6ad {
   font-family: var(--header-font-family);
 }
-._1073cm80 .tfms6ae {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 .tfms6ae {
-  color: var(--_1073cm83);
-}
-.fl2fv50 .tfms6ae {
-  color: var(--_1073cm83);
-}
-._1073cm80 .tfms6af {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 .tfms6af {
-  color: var(--_1073cm8a);
+.tfms6ae {
+  color: var(--_1073cm85);
 }
-.fl2fv50 .tfms6af {
-  color: var(--_1073cm8a);
+.tfms6af {
+  color: var(--_1073cm8c);
 }
 .tfms6ag {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 .tfms6ah {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 .tfms6ai {
   font-family: var(--main-font-family);
@@ -110,16 +92,16 @@
   gap: 1.5rem;
 }
 .tfms6aj {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .tfms6ak {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .tfms6al {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .tfms6am {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .tfms6an {
   grid-template-columns: 1fr;
@@ -183,16 +165,16 @@
   margin-top: 16px;
 }
 .tfms6at {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .tfms6au {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .tfms6av {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .tfms6aw {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .tfms6ax {
   max-width: 860px;
@@ -206,19 +188,19 @@
   padding: 2.5rem 0;
 }
 .tfms6a12 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
   background: var(--_1073cm81);
 }
 .tfms6a13 {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
   background: var(--_1073cm88);
 }
 .tfms6a14 {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   background: var(--_1073cm8f);
 }
 .tfms6a15 {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
   background: var(--_1073cm8m);
 }
 .tfms6a11 h1 {
@@ -260,31 +242,31 @@
   transform: rotate(-40deg);
 }
 .tfms6a19 {
-  stroke: var(--_1073cm83);
+  stroke: var(--_1073cm85);
 }
 .tfms6a1a {
-  stroke: var(--_1073cm8a);
+  stroke: var(--_1073cm8c);
 }
 .tfms6a1b {
-  stroke: var(--_1073cm8g);
+  stroke: var(--_1073cm8h);
 }
 .tfms6a1c {
-  stroke: var(--_1073cm8n);
+  stroke: var(--_1073cm8o);
 }
 .tfms6a1d {
   margin-top: 1rem;
 }
 .tfms6a1e {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .tfms6a1f {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .tfms6a1g {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .tfms6a1h {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .tfms6a1i {
   margin-top: 1rem;
@@ -301,26 +283,26 @@
   padding-bottom: 4px;
 }
 .tfms6a1m {
-  border-bottom: 1px solid var(--_1073cm82);
+  border-bottom: 1px solid var(--_1073cm83);
 }
 .tfms6a1n {
-  border-bottom: 1px solid var(--_1073cm89);
+  border-bottom: 1px solid var(--_1073cm8a);
 }
 .tfms6a1o {
-  border-bottom: 1px solid var(--_1073cm8g);
+  border-bottom: 1px solid var(--_1073cm8h);
 }
 .tfms6a1p {
-  border-bottom: 1px solid var(--_1073cm8n);
+  border-bottom: 1px solid var(--_1073cm8o);
 }
 .tfms6a1m > h4, .tfms6a1n > h4 {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm83);
-  -webkit-text-fill-color: var(--_1073cm83);
+  background-image: var(--_1073cm85);
+  -webkit-text-fill-color: var(--_1073cm85);
 }
 .tfms6a1o > h4, .tfms6a1p > h4 {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8h);
-  -webkit-text-fill-color: var(--_1073cm8h);
+  background-image: var(--_1073cm8j);
+  -webkit-text-fill-color: var(--_1073cm8j);
 }
 .tfms6a1q {
   display: flex;

package/dist/assets/Forms/QuickPricer/UserInformation.css

@@ -11,7 +11,7 @@
   margin-left: 16px;
 }
 .uw98ur2 {
-  background: var(--_1073cm84);
+  background: var(--_1073cm87);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;

package/dist/assets/HeroBanner/HeroBanner.css

@@ -5,20 +5,20 @@
 }
 ._1ye8k3f2 {
   background: var(--_1073cm81);
-  border-bottom: 1px solid #d4d4d4;
-  color: var(--_1073cm82);
+  border-bottom: 1px solid #B9C1CE;
+  color: var(--_1073cm83);
 }
 ._1ye8k3f3 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1ye8k3f4 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1ye8k3f5 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1ye8k3f6 {
   display: flex;
@@ -37,64 +37,53 @@
   display: contents;
 }
 ._1ye8k3fb img {
-  max-width: 604px;
   max-height: 480px;
+  max-width: 604px;
   object-fit: cover;
 }
 ._1ye8k3fd {
   display: block;
-  font: 700 14px / 1.3 var(--main-font-family);
+  font: 700 14px / 1.5 var(--main-font-family);
   margin-bottom: 4px;
   letter-spacing: .2px;
 }
 ._1ye8k3fe {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm85);
 }
 ._1ye8k3ff {
-  background: var(--_1073cm8b);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm8c);
 }
 ._1ye8k3fg {
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8j);
 }
 ._1ye8k3fh {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8q);
 }
 ._1ye8k3fi {
-  font: 600 2.5rem / 1.25 var(--header-font-family);
+  font: 700 2.5rem / 1.05 var(--header-font-family);
+  text-wrap: pretty;
 }
 ._1ye8k3fj {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm85);
 }
 ._1ye8k3fk {
-  background: var(--_1073cm8b);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm8c);
 }
 ._1ye8k3fl {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1ye8k3fm {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1ye8k3f9 p {
-  font: 400 18px / 1.44 var(--main-font-family);
+  font: 400 1rem / 1.5 var(--main-font-family);
   letter-spacing: .2px;
 }
 ._1ye8k3fn {
   margin-top: 3.5rem;
   display: flex;
   align-items: center;
-  gap: 2rem;
+  gap: 1.5rem 56px;
 }
 ._1ye8k3fn:empty {
   display: none;
@@ -123,48 +112,28 @@
   }
   ._1ye8k3f9 {
     flex: 1 1;
-    max-width: 588px;
   }
   ._1ye8k3f0 ._1ye8k3f9 {
     max-width: 468px;
   }
 }
-@media screen and (max-width:1280px) {
-  ._1ye8k3fn {
-    margin-top: 2.5rem;
-  }
-  ._1ye8k3f0 ._1ye8k3fn {
+@media screen and (max-width:1023px) {
+  ._1ye8k3f6 {
     flex-direction: column;
   }
-  ._7etqoq5 ._1ye8k3fn {
-    flex-direction: row;
-    justify-content: center;
-    flex-wrap: wrap;
+  ._1ye8k3f9 {
+    text-align: center;
   }
 }
 @media (max-width: 1280px) and (min-width: 1024px) {
   ._1ye8k3f0 ._1ye8k3fa {
     width: calc(100% - 28px);
   }
-  ._1ye8k3fb img {
-    aspect-ratio: 1 / 1;
-  }
-  ._1ye8k3f0 ._1ye8k3fn {
-    align-items: flex-start;
-  }
 }
-@media screen and (max-width:1023px) {
-  ._1ye8k3f6 {
-    flex-direction: column;
-  }
-  ._1ye8k3f9 {
-    text-align: center;
-  }
-  ._1ye8k3fn {
-    flex-direction: column;
-  }
-  ._1ye8k3fo {
-    margin: 24px auto 0 auto;
+@media (max-width: 603px) {
+  ._1ye8k3fa {
+    max-width: 100%;
+    width: 100%;
   }
 }
 @media (max-width: 1023px) {
@@ -179,11 +148,19 @@
 @media (min-width: 1024px) {
   ._1ye8k3f6 {
     gap: 2rem;
+    justify-content: center;
     min-height: 480px;
   }
   ._1ye8k3f0 ._1ye8k3f6 {
-    min-height: 740px;
     gap: 1.5rem;
+    min-height: 740px;
+  }
+  ._1ye8k3f1 ._1ye8k3f6 {
+    padding-left: 2rem;
+  }
+  ._1ye8k3f1 ._1ye8k3fa {
+    max-width: 1280px;
+    width: 100%;
   }
   ._1ye8k3fb {
     min-height: 480px;
@@ -192,17 +169,16 @@
     }
   }
 }
+@media screen and (min-width:1281px) {
+  ._1ye8k3f1 ._1ye8k3f6 {
+    gap: 40px;
+    padding-left: 40px;
+  }
+}
 @media screen and (max-width:603px) {
   ._1ye8k3f9 {
+    margin-inline: auto;
     max-width: calc(100% - 2rem);
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-@media (max-width: 603px) {
-  ._1ye8k3fa {
-    width: 100%;
-    max-width: 100%;
   }
 }
 @media (max-width: 450px) {
@@ -210,28 +186,57 @@
     width: 100%;
   }
 }
+@media screen and (max-width:1180px) and (min-width:1024px) {
+  ._1ye8k3fi {
+    font-size: 34px;
+  }
+}
 @media screen and (max-width:768px) {
   ._1ye8k3fi {
     font-size: 28px;
     line-height: 1.29;
   }
-  ._1ye8k3f9 p {
-    font-size: 1rem;
-    line-height: 1.5;
+}
+@media screen and (max-width:1280px) {
+  ._1ye8k3fn {
+    margin-top: 2.5rem;
+  }
+  ._1ye8k3f0 ._1ye8k3fn {
+    flex-direction: column;
+  }
+  ._7etqoq1 ._1ye8k3fn {
+    flex-direction: row;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+}
+@media (max-width: 1280px) and (min-width: 1024px) {
+  ._1ye8k3f0 ._1ye8k3fn {
+    align-items: flex-start;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._1ye8k3fn {
+    flex-direction: column;
+  }
+  ._1ye8k3fo {
+    margin: 24px auto 0 auto;
   }
+}
+@media screen and (max-width:768px) {
   ._1ye8k3fn {
-    margin-top: 1.7rem;
+    margin-top: 1rem;
+  }
+}
+@media screen and (min-width:1024px) {
+  ._1ye8k3fn {
+    flex-wrap: wrap;
   }
 }
 @media (max-width:1280px) and (min-width:1024px) {
   ._1ye8k3fb:not(._1ye8k3f0 ._1ye8k3fb) {
-    flex: 1 1;
     overflow: hidden;
   }
-  ._1ye8k3f6:not(._1ye8k3f0 ._1ye8k3f6) > * {
-    max-width: 50%;
-    width: 50%;
-  }
 }
 @media screen and (max-width:432px) {
   ._1ye8k3fp {

package/dist/assets/HeroBanner/LargeBanner.css

@@ -27,55 +27,55 @@
 }
 ._1bsyngo7 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1bsyngo8 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1bsyngo9 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1bsyngoa {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1bsyngob {
   display: block;
-  font: 700 14px / 1.3 var(--main-font-family);
+  font: 700 14px / 1.5 var(--main-font-family);
   margin-bottom: 2px;
   letter-spacing: .2px;
 }
 ._1bsyngoc {
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8h);
 }
 ._1bsyngod {
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8h);
 }
 ._1bsyngoe {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1bsyngof {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1bsyngog {
-  font: 600 2.5rem / 1.25 var(--header-font-family);
+  font: 700 2.5rem / 1.25 var(--header-font-family);
 }
 ._1bsyngoh {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1bsyngoi {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1bsyngoj {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1bsyngok {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1bsyngo6 p {
-  font: 400 18px / 1.44 var(--main-font-family);
+  font: 400 16px / 1.5 var(--main-font-family);
   letter-spacing: .2px;
 }
 ._1bsyngol {

package/dist/assets/HeroBanner/SelectionBanner.css

@@ -1,22 +1,8 @@
 ._7etqoq0 {
-  font: 600 2.5rem / 1.25 var(--header-font-family);
+  font: 700 2.5rem / 1.25 var(--header-font-family);
+  color: var(--_1073cm85);
 }
 ._7etqoq1 {
-  color: var(--_1073cm83);
-}
-._7etqoq2 {
-  background: var(--_1073cm8a);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._7etqoq3 {
-  color: var(--_1073cm8j);
-}
-._7etqoq4 {
-  color: var(--_1073cm8o);
-}
-._7etqoq5 {
   background: #fff;
   min-height: 480px;
   width: 50%;
@@ -24,7 +10,7 @@
   display: flex;
   align-items: center;
 }
-._7etqoq6 {
+._7etqoq2 {
   position: absolute;
   background: #fff;
   left: 0;
@@ -33,37 +19,37 @@
   width: 50vw;
   z-index: 0;
 }
-._7etqoq7 {
+._7etqoq3 {
   position: relative;
-  color: #333D46;
+  color: #1F1F1F;
   padding-left: 60px;
   max-width: 588px;
   width: 100%;
 }
-._7etqoq8 {
+._7etqoq4 {
   max-width: 64px;
   max-height: 64px;
   width: 64px;
   height: 64px;
   display: block;
 }
-._7etqoq9 {
+._7etqoq5 {
   max-width: 64px;
   width: 64px;
   height: 64px;
   max-height: 64px;
   display: block;
 }
-._7etqoqa {
+._7etqoq6 {
   background-color: var(--_1073cm812);
 }
-._7etqoqb {
+._7etqoq7 {
   background-color: var(--_1073cm812);
 }
-._7etqoqc {
+._7etqoq8 {
   background-color: var(--_1073cm812);
 }
-._7etqoqd {
+._7etqoq9 {
   background-color: var(--_1073cm812);
 }
 @media screen and (max-width:768px) {
@@ -74,12 +60,12 @@
   }
 }
 @media (max-width:1024px) {
-  ._7etqoq5 {
+  ._7etqoq1 {
     width: 100vw;
     padding: 2rem 0;
     min-height: auto;
   }
-  ._7etqoq7 {
+  ._7etqoq3 {
     width: min(45rem, calc(100% - 4rem));
     margin: 0 auto;
     padding: 2rem 0;
@@ -87,11 +73,11 @@
   }
 }
 @media screen and (max-width:1280px) {
-  ._7etqoq8 {
+  ._7etqoq4 {
     max-width: 48px;
     max-height: 48px;
   }
-  ._7etqoq9 {
+  ._7etqoq5 {
     max-width: 48px;
     max-height: 48px;
   }