@axos-web-dev/shared-components 0.0.2 → 0.0.4

package/dist/assets/DownloadTile/DownloadTile.css

@@ -3,18 +3,6 @@
   width: 94%;
   max-width: 1640px;
 }
-._14gexxj1:nth-child(odd) {
-  width: 50%;
-  float: left;
-}
-._14gexxj1:nth-child(even) {
-  width: 50%;
-  float: right;
-}
-._14gexxj1:last-child:not(:nth-child(even)) {
-  width: 100%;
-  float: inline-start;
-}
 ._14gexxj2 {
   border-collapse: initial;
   border-radius: 1rem;
@@ -29,7 +17,7 @@
   font-weight: 600;
   font-size: 0.9rem;
   width: auto;
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 ._14gexxj2 tbody td:last-child > a:hover {
   text-decoration: underline;
@@ -63,7 +51,7 @@
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   display: flex;
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._14gexxj2 ._14gexxj3 ._14gexxj4 {
   margin: 2px 5px;
@@ -72,7 +60,7 @@
   font-weight: 600;
   font-size: 32px;
   margin-bottom: 1rem;
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -82,16 +70,6 @@
   max-width: 49.5rem;
   text-align: center;
 }
-@media screen and (max-width:600px) {
-  ._14gexxj1:nth-child(odd) {
-    width: 100%;
-    float: inline-start;
-  }
-  ._14gexxj1:nth-child(even) {
-    width: 100%;
-    float: inline-start;
-  }
-}
 @media screen and (max-width:767px) {
   ._14gexxj2 tbody td {
     padding: 16px;

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -11,7 +11,7 @@
   font-size: 28px;
   line-height: 36px;
   letter-spacing: 0.2px;
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
   font-weight: 600;
 }
 .ph6wj62 {
@@ -22,7 +22,7 @@
   font-weight: 700;
   line-height: 26px;
   letter-spacing: 0.2px;
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
   cursor: pointer;
 }
 details[open] .ph6wj62 {

package/dist/assets/HeroBanner/HeroBanner.css

@@ -1,154 +1,155 @@
+._1ye8k3f0 {
+  position: relative;
+  overflow: hidden;
+  isolation: isolate;
+}
 ._1ye8k3f1 {
-  background: var(--gysk0y0);
-  color: var(--gysk0y1);
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
 }
 ._1ye8k3f2 {
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm87);
+  color: var(--_1073cm88);
+}
+._1ye8k3f3 {
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8e);
 }
 ._1ye8k3f4 {
-  background: var(--gysk0y3);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+  background: var(--_1073cm8j);
+  color: var(--_1073cm8k);
 }
 ._1ye8k3f5 {
-  color: var(--gysk0yh);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  min-height: 480px;
+  gap: 2rem;
 }
 ._1ye8k3f7 {
-  background: var(--gysk0y3);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+  padding: 2rem 0;
 }
 ._1ye8k3f8 {
-  color: var(--gysk0ye);
+  display: flex;
+  justify-content: flex-end;
+}
+._1ye8k3f8 img {
+  max-width: 663px;
+  object-fit: cover;
+  aspect-ratio: 1 / 1;
+  max-height: 480px;
 }
 ._1ye8k3fa {
-  color: var(--gysk0y1);
+  display: block;
+  font: 700 14px / 1.3 var(--main-font-family);
+  margin-bottom: 2px;
+  letter-spacing: .2px;
 }
 ._1ye8k3fb {
-  color: var(--gysk0yd);
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._1ye8k3fc {
+  background: var(--_1073cm8a);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fd {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+  color: var(--_1073cm8i);
 }
 ._1ye8k3fe {
-  padding: 2rem 0;
-}
-._1ye8k3fe p {
-  font-weight: 400;
-  font-size: 18px;
-  line-height: 1.4;
-  letter-spacing: .2px;
-}
-._1ye8k3fe h1 {
-  margin-bottom: 1rem;
+  color: var(--_1073cm8k);
 }
 ._1ye8k3ff {
-  margin-top: 1rem;
+  font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._1ye8k3fg {
-  margin-top: 3.5rem;
-  display: flex;
-  align-items: center;
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fh {
-  display: flex;
-  justify-content: flex-end;
+  background: var(--_1073cm8a);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fi {
-  width: 100%;
-  max-width: 100%;
+  color: var(--_1073cm8f);
 }
-@media screen and (max-width:1280px) {
-  ._1ye8k3fg {
-    margin-top: 2.5rem;
-  }
-  ._1ye8k3fj ._1ye8k3fg {
+._1ye8k3fj {
+  color: var(--_1073cm8l);
+}
+._1ye8k3f7 > h1 + p {
+  margin-top: 1rem;
+}
+._1ye8k3f7 p {
+  font: 400 18px / 1.44 var(--main-font-family);
+  letter-spacing: .2px;
+}
+._1ye8k3fk {
+  margin-top: 3.5rem;
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+}
+@media screen and (max-width:1024px) {
+  ._1ye8k3f5 {
     flex-direction: column;
   }
-  ._1ye8k3fj > a: last - child {
-    margin-top: 1.5rem;
-    margin-left: 0 !important;
+  ._1ye8k3fk {
+    flex-direction: column;
   }
 }
-@media (max-width:1280px) and (min-width:1024px) {
-  ._1ye8k3fd:not(.logout .hero_content) > * {
-    width: 100%;
-    max-width: 50%;
-  }
-  ._1ye8k3fj ._1ye8k3fg {
-    align-items: flex-start;
+@media screen and (min-width:1024px) {
+  ._1ye8k3f6 {
+    flex-direction: row-reverse;
   }
-  ._1ye8k3fj > *: first - child {
-    width: calc(100% - 28px;
+  ._1ye8k3f7 {
+    flex: 1 1;
+    max-width: 588px;
   }
 }
 @media screen and (max-width:1023px) {
-  ._1ye8k3fd {
-    flex-direction: column;
-  }
-  ._1ye8k3fd:not(.logout .hero_content) > * {
-    max-width: 100%;
-  }
-  ._1ye8k3fe {
+  ._1ye8k3f7 {
     text-align: center;
   }
-  ._1ye8k3fg {
-    flex-direction: column;
-  }
-  ._1ye8k3fg > a:last-child {
-    margin-top: 1.5rem;
-  }
-  ._1ye8k3fh {
+  ._1ye8k3f8 {
     justify-content: center;
     width: min(375px, 100%);
   }
 }
 @media screen and (max-width:603px) {
-  ._1ye8k3fe {
+  ._1ye8k3f7 {
     max-width: calc(100% - 2rem);
-    margin-inline: auto;
+    margin-left: auto;
+    margin-right: auto;
   }
 }
-@media screen and (min-width:1024px) {
-  ._1ye8k3fc {
-    flex-direction: row-reverse;
-  }
-  ._1ye8k3fd {
-    min-height: 480px;
-    gap: 2rem;
-  }
-  ._1ye8k3fe {
-    flex: 1 1 0%;
-    max-width: 588px;
-  }
-  ._1ye8k3fg > a:last-child {
-    margin-left: 2rem;
-  }
-  ._1ye8k3fj ._1ye8k3fd {
-    min-height: 740px;
-    gap: 1.5rem;
+@media (max-width:1280px) and (min-width:1024px) {
+  ._1ye8k3f8:not(._1ye8k3f9 ._1ye8k3f8) {
+    flex: 1 1;
   }
-  ._1ye8k3fj ._1ye8k3fe {
-    max-width: 468px;
+  ._1ye8k3f5:not(._1ye8k3f9 ._1ye8k3f5) > * {
+    max-width: 50%;
+    width: 50%;
   }
-  ._1ye8k3fj ._1ye8k3fh {
-    max-width: 708px;
+}
+@media screen and (max-width:1280px) {
+  ._1ye8k3fk {
+    margin-top: 2.5rem;
   }
 }
 @media screen and (max-width:768px) {
-  ._1ye8k3fe p {
+  ._1ye8k3ff {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+  ._1ye8k3f7 p {
     font-size: 1rem;
     line-height: 1.5;
   }
-  ._1ye8k3fg {
+  ._1ye8k3fk {
     margin-top: 1.7rem;
   }
-}
-@media screen and (min-width:1023px) {
-  ._1ye8k3fh {
-    flex: 1 1 0%;
-  }
 }

package/dist/assets/IconBillboard/IconBillboard.css

@@ -7,18 +7,18 @@
   gap: 24px;
 }
 ._1r4ovbu1 {
-  background: var(--gysk0y0);
+  background: var(--_1073cm81);
 }
 ._1r4ovbu2 {
-  background: var(--gysk0y6);
+  background: var(--_1073cm87);
 }
 ._1r4ovbu3 {
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8e);
 }
 ._1r4ovbu4 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8j);
+  color: var(--_1073cm8k);
 }
 ._1r4ovbu5 {
   display: flex;
@@ -44,21 +44,27 @@
   letter-spacing: 0.2px;
   font-weight: 600;
 }
-._1r4ovbua {
+._1073cm80 ._1r4ovbua {
   -webkit-background-clip: text;
-  background-image: var(--gysk0y3);
+  background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
 }
-._1r4ovbub {
+._1es6o1h0 ._1r4ovbua {
+  color: var(--_1073cm83);
+}
+._1073cm80 ._1r4ovbub {
   -webkit-background-clip: text;
-  background-image: var(--gysk0y9);
+  background-image: var(--_1073cm8a);
   -webkit-text-fill-color: transparent;
 }
+._1es6o1h0 ._1r4ovbub {
+  color: var(--_1073cm89);
+}
 ._1r4ovbuc {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8f);
 }
 ._1r4ovbud {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8l);
 }
 ._1r4ovbue {
   display: flex;
@@ -81,6 +87,36 @@
   width: 100%;
   text-align: center;
 }
+._1r4ovbui {
+  margin-inline: auto;
+  margin-bottom: 2.5rem;
+  text-align: center;
+  max-width: 1000px;
+}
+._1r4ovbui > p {
+  margin-top: 24px;
+}
+._1r4ovbuk {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._1r4ovbul {
+  background: var(--_1073cm8a);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._1r4ovbum {
+  color: var(--_1073cm8f);
+}
+._1r4ovbun {
+  color: var(--_1073cm8l);
+}
+._1r4ovbuo {
+  display: grid;
+  grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
+  column-gap: 24px;
+}
 @media screen and (max-width: 380px) {
   ._1r4ovbuh {
     flex-direction: column;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -1,79 +1,113 @@
 ._1m7m2a0 {
   height: auto;
 }
+._18ygy9m0 ._1m7m2a0 {
+  flex-direction: column;
+}
+._18ygy9m0 ._1m7m2a0:only-child {
+  flex-direction: row;
+}
 ._1m7m2a1 {
-  background: var(--gysk0y0);
-  color: var(--gysk0y1);
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
 }
 ._1m7m2a2 {
-  background: var(--gysk0y6);
-  color: var(--gysk0y7);
+  background: var(--_1073cm87);
+  color: var(--_1073cm88);
 }
 ._1m7m2a3 {
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8e);
 }
 ._1m7m2a4 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8j);
+  color: var(--_1073cm8k);
 }
-._1m7m2a6 {
-  background: var(--gysk0y3);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+._18ygy9m0 ._1m7m2a6 {
+  flex-direction: column;
+}
+._18ygy9m0 ._1m7m2a7 {
+  flex-direction: column-reverse;
 }
-._1m7m2a7 {
-  background: var(--gysk0y9);
-  background-clip: text;
+._1073cm80 ._1m7m2a9 {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
 }
-._1m7m2a8 {
-  color: var(--gysk0yh);
+._1es6o1h0 ._1m7m2a9 {
+  color: var(--_1073cm83);
 }
-._1m7m2a9 {
-  color: var(--gysk0yj);
+._1073cm80 ._1m7m2aa {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8a);
+  -webkit-text-fill-color: transparent;
+}
+._1es6o1h0 ._1m7m2aa {
+  color: var(--_1073cm89);
 }
 ._1m7m2ab {
-  background: var(--gysk0y3);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+  color: var(--_1073cm8i);
 }
 ._1m7m2ac {
-  background: var(--gysk0y9);
-  background-clip: text;
+  color: var(--_1073cm8k);
+}
+._1073cm80 ._1m7m2ae {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+}
+._1es6o1h0 ._1m7m2ae {
+  color: var(--_1073cm83);
+}
+._1073cm80 ._1m7m2af {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8a);
   -webkit-text-fill-color: transparent;
 }
-._1m7m2ad {
-  color: var(--gysk0ye);
+._1es6o1h0 ._1m7m2af {
+  color: var(--_1073cm89);
 }
-._1m7m2ae {
-  color: var(--gysk0yk);
+._1m7m2ag {
+  color: var(--_1073cm8f);
 }
-._1m7m2af > * {
+._1m7m2ah {
+  color: var(--_1073cm8l);
+}
+._1m7m2ai > * {
   width: 100%;
   max-width: 50%;
 }
-._1m7m2ag img {
+._1m7m2aj img {
   vertical-align: middle;
   align-self: flex-end;
   width: 100%;
   height: 100%;
+  min-height: 304px;
   object-fit: cover;
+  aspect-ratio: 1 / 1;
+  min-width: 600px;
+  max-height: 480px;
 }
-._1m7m2ak {
+._1m7m2an {
   padding: 32px 28px;
 }
-._1m7m2al {
+._1m7m2ao {
   display: flex;
   gap: 20px;
 }
-._1m7m2am {
+._1m7m2ap {
+  grid-template-columns: 1fr 1fr;
+}
+._1m7m2aq {
+  grid-template-columns: 1fr 1fr 1fr;
+}
+._1m7m2ar {
   margin-inline: auto;
   margin-bottom: 2.5rem;
   text-align: center;
   max-width: 1000px;
 }
-._1m7m2am > p {
+._1m7m2ar > p {
   margin-top: 24px;
 }
 @media screen and (max-width:1023px) {
@@ -83,19 +117,19 @@
   .reversed {
     flex-direction: column-reverse;
   }
-  ._1m7m2af > * {
+  ._1m7m2ai > * {
     max-width: 100%;
   }
-  ._1m7m2ag img {
+  ._1m7m2aj img {
     width: 100%;
   }
-  ._1m7m2ai {
+  ._1m7m2al {
     display: flex;
     flex-direction: column;
   }
 }
 @media screen and (max-width:475px) {
-  ._1m7m2aj {
+  ._1m7m2am {
     flex-direction: column;
     gap: 24px;
   }

package/dist/assets/Input/Input.css

@@ -20,11 +20,11 @@
   line-height: 24px;
 }
 ._18du0la5 {
-  color: var(--gysk0yo);
-  border-color: var(--gysk0yo);
+  color: var(--_1073cm8p);
+  border-color: var(--_1073cm8p);
 }
 ._18du0la6 {
-  color: var(--gysk0yq);
+  color: var(--_1073cm8r);
 }
 ._18du0la7 {
   position: absolute;
@@ -49,10 +49,10 @@
 ._18du0laa:focus-within {
   border-width: 2px;
   font-weight: 400;
-  border-color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
 }
 ._18du0laa:disabled {
-  border-color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
 }
 ._18du0lab {
   padding-top: 6px;
@@ -67,15 +67,15 @@
   padding-bottom: 10px;
 }
 ._18du0lae {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8p);
 }
 ._18du0lae:focus-within {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8p);
 }
 ._18du0laf {
-  border-color: var(--gysk0yp);
-  color: var(--gysk0yq);
-  background: var(--gysk0yr);
+  border-color: var(--_1073cm8q);
+  color: var(--_1073cm8r);
+  background: var(--_1073cm8s);
 }
 ._18du0lag {
   outline: none;
@@ -87,7 +87,7 @@
   line-height: 24px;
 }
 ._18du0lag:focus {
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._18du0lag:disabled {
   color: #5E6A74;
@@ -124,12 +124,12 @@
   padding-right: 32px;
 }
 ._18du0lak {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8p);
 }
 ._18du0lal {
-  border-color: var(--gysk0yp);
-  color: var(--gysk0yq);
-  background: var(--gysk0yr);
+  border-color: var(--_1073cm8q);
+  color: var(--_1073cm8r);
+  background: var(--_1073cm8s);
 }
 ._18du0lam {
   display: flex;
@@ -139,7 +139,7 @@
 ._18du0lam:focus-within {
   border-width: 2px;
   font-weight: 600;
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._18du0lan {
   font-size: 12px;
@@ -151,6 +151,6 @@
   color: #5E6A74;
 }
 ._18du0lap {
-  border-color: var(--gysk0yo);
-  color: var(--gysk0yo);
+  border-color: var(--_1073cm8p);
+  color: var(--_1073cm8p);
 }