@axos-web-dev/shared-components 0.0.3 → 0.0.5

package/dist/assets/HeroBanner/HeroBanner.css

@@ -4,20 +4,20 @@
   isolation: isolate;
 }
 ._1ye8k3f1 {
-  background: var(--gysk0y0);
-  color: var(--gysk0y1);
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
 }
 ._1ye8k3f2 {
-  background: var(--gysk0y6);
-  color: var(--gysk0y7);
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1ye8k3f3 {
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1ye8k3f4 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._1ye8k3f5 {
   display: flex;
@@ -34,54 +34,54 @@
   justify-content: flex-end;
 }
 ._1ye8k3f8 img {
-  max-width: 663px;
+  max-height: 480px;
 }
 ._1ye8k3fa {
   display: block;
-  font: 700 14px / 1.3 'Roboto';
+  font: 700 14px / 1.3 var(--main-font-family);
   margin-bottom: 2px;
   letter-spacing: .2px;
 }
 ._1ye8k3fb {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fc {
-  background: var(--gysk0y9);
+  background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fd {
-  color: var(--gysk0yh);
+  color: var(--_1073cm8k);
 }
 ._1ye8k3fe {
-  color: var(--gysk0yj);
+  color: var(--_1073cm8n);
 }
 ._1ye8k3ff {
-  font: 600 2.5rem / 1.25 'Enconde Sans';
+  font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._1ye8k3fg {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fh {
-  background: var(--gysk0y9);
+  background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fi {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8h);
 }
 ._1ye8k3fj {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8o);
 }
 ._1ye8k3f7 > h1 + p {
   margin-top: 1rem;
 }
 ._1ye8k3f7 p {
-  font: 400 18px / 1.44 'Roboto';
+  font: 400 18px / 1.44 var(--main-font-family);
   letter-spacing: .2px;
 }
 ._1ye8k3fk {

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(--_1073cm88);
 }
 ._1r4ovbu3 {
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1r4ovbu4 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._1r4ovbu5 {
   display: flex;
@@ -43,27 +43,35 @@
   line-height: 36px;
   letter-spacing: 0.2px;
   font-weight: 600;
+  font-family: var(--header-font-family);
 }
-._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(--_1073cm8b);
   -webkit-text-fill-color: transparent;
 }
+._1es6o1h0 ._1r4ovbub {
+  color: var(--_1073cm8a);
+}
 ._1r4ovbuc {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8h);
 }
 ._1r4ovbud {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8o);
 }
 ._1r4ovbue {
   display: flex;
   flex-direction: column;
   gap: 24px;
+  font-family: var(--main-font-family);
 }
 ._1r4ovbuf {
   display: flex;
@@ -80,6 +88,7 @@
   justify-content: center;
   width: 100%;
   text-align: center;
+  margin-top: auto;
 }
 ._1r4ovbui {
   margin-inline: auto;
@@ -91,20 +100,20 @@
   margin-top: 24px;
 }
 ._1r4ovbuk {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1r4ovbul {
-  background: var(--gysk0y9);
+  background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1r4ovbum {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8h);
 }
 ._1r4ovbun {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8o);
 }
 ._1r4ovbuo {
   display: grid;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -1,90 +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(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1m7m2a3 {
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1m7m2a4 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
-._1m7m2a6 {
-  background: var(--gysk0y3);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+._18ygy9m0 ._1m7m2a6 {
+  flex-direction: column;
 }
-._1m7m2a7 {
-  background: var(--gysk0y9);
-  background-clip: text;
+._18ygy9m0 ._1m7m2a7 {
+  flex-direction: column-reverse;
+}
+._1073cm80 ._1m7m2a9 {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
 }
-._1m7m2a8 {
-  color: var(--gysk0yh);
+._1es6o1h0 ._1m7m2a9 {
+  color: var(--_1073cm83);
+}
+._1073cm80 ._1m7m2aa {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
 }
-._1m7m2a9 {
-  color: var(--gysk0yj);
+._1es6o1h0 ._1m7m2aa {
+  color: var(--_1073cm8a);
 }
 ._1m7m2ab {
-  background: var(--gysk0y3);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+  color: var(--_1073cm8k);
 }
 ._1m7m2ac {
-  background: var(--gysk0y9);
-  background-clip: text;
+  color: var(--_1073cm8n);
+}
+._1073cm80 ._1m7m2ae {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
 }
-._1m7m2ad {
-  color: var(--gysk0ye);
+._1es6o1h0 ._1m7m2ae {
+  color: var(--_1073cm83);
+}
+._1073cm80 ._1m7m2af {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
 }
-._1m7m2ae {
-  color: var(--gysk0yk);
+._1es6o1h0 ._1m7m2af {
+  color: var(--_1073cm8a);
 }
-._1m7m2af > * {
+._1m7m2ag {
+  color: var(--_1073cm8h);
+}
+._1m7m2ah {
+  color: var(--_1073cm8o);
+}
+._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 {
-  display: grid;
-  grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
-  column-gap: 24px;
-}
-._1m7m2an {
+._1m7m2ap {
   grid-template-columns: 1fr 1fr;
 }
-._1m7m2ao {
+._1m7m2aq {
   grid-template-columns: 1fr 1fr 1fr;
 }
-._1m7m2ap {
+._1m7m2ar {
   margin-inline: auto;
   margin-bottom: 2.5rem;
   text-align: center;
   max-width: 1000px;
 }
-._1m7m2ap > p {
+._1m7m2ar > p {
   margin-top: 24px;
 }
 @media screen and (max-width:1023px) {
@@ -94,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(--_1073cm8t);
+  border-color: var(--_1073cm8t);
 }
 ._18du0la6 {
-  color: var(--gysk0yq);
+  color: var(--_1073cm8v);
 }
 ._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(--_1073cm8t);
 }
 ._18du0lae:focus-within {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8t);
 }
 ._18du0laf {
-  border-color: var(--gysk0yp);
-  color: var(--gysk0yq);
-  background: var(--gysk0yr);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._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(--_1073cm8t);
 }
 ._18du0lal {
-  border-color: var(--gysk0yp);
-  color: var(--gysk0yq);
-  background: var(--gysk0yr);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._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(--_1073cm8t);
+  color: var(--_1073cm8t);
 }

package/dist/assets/Inputs/Input.css

@@ -20,11 +20,11 @@
   line-height: 24px;
 }
 ._157e2fz5 {
-  color: var(--gysk0yo);
-  border-color: var(--gysk0yo);
+  color: var(--_1073cm8t);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fz6 {
-  color: var(--gysk0yq);
+  color: var(--_1073cm8v);
 }
 ._157e2fz7 {
   position: absolute;
@@ -49,10 +49,10 @@
 ._157e2fza:focus-within {
   border-width: 2px;
   font-weight: 400;
-  border-color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
 }
 ._157e2fza:disabled {
-  border-color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
 }
 ._157e2fzb {
   padding-top: 6px;
@@ -67,15 +67,15 @@
   padding-bottom: 10px;
 }
 ._157e2fze {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fze:focus-within {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fzf {
-  border-color: var(--gysk0yp);
-  color: var(--gysk0yq);
-  background: var(--gysk0yr);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._157e2fzg {
   outline: none;
@@ -87,7 +87,7 @@
   line-height: 24px;
 }
 ._157e2fzg:focus {
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._157e2fzg:disabled {
   color: #5E6A74;
@@ -124,12 +124,12 @@
   padding-right: 32px;
 }
 ._157e2fzk {
-  border-color: var(--gysk0yo);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fzl {
-  border-color: var(--gysk0yp);
-  color: var(--gysk0yq);
-  background: var(--gysk0yr);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._157e2fzm {
   display: flex;
@@ -139,7 +139,7 @@
 ._157e2fzm:focus-within {
   border-width: 2px;
   font-weight: 600;
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._157e2fzn {
   font-size: 12px;
@@ -151,6 +151,6 @@
   color: #5E6A74;
 }
 ._157e2fzp {
-  border-color: var(--gysk0yo);
-  color: var(--gysk0yo);
+  border-color: var(--_1073cm8t);
+  color: var(--_1073cm8t);
 }

package/dist/assets/Modal/Modal.css

@@ -33,7 +33,7 @@
   font-weight: 700;
   line-height: 1.29;
   margin: 0;
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }