@axos-web-dev/shared-components 0.0.1

package/dist/assets/Inputs/Input.css

@@ -0,0 +1,156 @@
+._157e2fz0 {
+  width: 24px;
+  height: 24px;
+  fill: #4A5560;
+}
+._157e2fz1 {
+  width: 16px;
+  height: 16px;
+}
+._157e2fz2 {
+  width: 20px;
+  height: 20px;
+}
+._157e2fz3 {
+  width: 20px;
+  height: 20px;
+}
+._157e2fz4 {
+  padding-left: 16px;
+  line-height: 24px;
+}
+._157e2fz5 {
+  color: var(--gysk0yo);
+  border-color: var(--gysk0yo);
+}
+._157e2fz6 {
+  color: var(--gysk0yq);
+}
+._157e2fz7 {
+  position: absolute;
+  align-items: center;
+}
+._157e2fz8 {
+  left: 16px;
+}
+._157e2fz9 {
+  right: 16px;
+}
+._157e2fza {
+  display: inline-flex;
+  flex-direction: row;
+  position: relative;
+  border: 1px solid #D4D4D4;
+  align-items: center;
+  border-radius: 4px;
+  background: #FFFFFF;
+  padding: 16px;
+}
+._157e2fza:focus-within {
+  border-width: 2px;
+  font-weight: 400;
+  border-color: var(--gysk0y5);
+}
+._157e2fza:disabled {
+  border-color: var(--gysk0y5);
+}
+._157e2fzb {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+._157e2fzc {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+._157e2fzd {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+._157e2fze {
+  border-color: var(--gysk0yo);
+}
+._157e2fze:focus-within {
+  border-color: var(--gysk0yo);
+}
+._157e2fzf {
+  border-color: var(--gysk0yp);
+  color: var(--gysk0yq);
+  background: var(--gysk0yr);
+}
+._157e2fzg {
+  outline: none;
+  border: none;
+  color: #5E6A74;
+  font-weight: 400;
+  letter-spacing: 0.2px;
+  width: 100%;
+  line-height: 24px;
+}
+._157e2fzg:focus {
+  color: var(--gysk0y5);
+}
+._157e2fzg:disabled {
+  color: #5E6A74;
+  cursor: not-allowed;
+}
+._157e2fzh {
+  font-size: 14px;
+  line-height: 20px;
+}
+._157e2fz8 + ._157e2fzh {
+  padding-left: 28px;
+}
+._157e2fzh:has(+ ._157e2fz9) {
+  padding-right: 28px;
+}
+._157e2fzi {
+  font-size: 16px;
+  line-height: 24px;
+}
+._157e2fz8 + ._157e2fzi {
+  padding-left: 48px;
+}
+._157e2fzi:has(+ ._157e2fz9) {
+  padding-right: 48px;
+}
+._157e2fzj {
+  font-size: 16px;
+  line-height: 24px;
+}
+._157e2fz8 + ._157e2fzj {
+  padding-left: 32px;
+}
+._157e2fzj:has(+ ._157e2fz9) {
+  padding-right: 32px;
+}
+._157e2fzk {
+  border-color: var(--gysk0yo);
+}
+._157e2fzl {
+  border-color: var(--gysk0yp);
+  color: var(--gysk0yq);
+  background: var(--gysk0yr);
+}
+._157e2fzm {
+  display: flex;
+  flex-direction: column;
+  border-width: 2px;
+}
+._157e2fzm:focus-within {
+  border-width: 2px;
+  font-weight: 600;
+  color: var(--gysk0y5);
+}
+._157e2fzn {
+  font-size: 12px;
+  letter-spacing: 0.2px;
+  line-height: 16px;
+  padding-inline: 16px;
+}
+._157e2fzo {
+  color: #5E6A74;
+}
+._157e2fzp {
+  border-color: var(--gysk0yo);
+  color: var(--gysk0yo);
+}

package/dist/assets/Modal/Modal.css

@@ -0,0 +1,90 @@
+._427id30 ._427id31 {
+  border-top: 1px solid #EBEBEB;
+}
+._427id32 {
+  z-index: 99999;
+  background: rgba(0, 0, 0, .8);
+  height: 100%;
+  opacity: 1;
+  position: fixed;
+  top: 0;
+  transition: all .35s ease-in;
+  visibility: visible;
+  width: 100%;
+}
+._427id33 {
+  margin: auto;
+  max-width: 800px;
+  position: relative;
+  top: 15%;
+  width: calc(100% - 3rem);
+  background-color: #FFFFFF;
+}
+._427id34 {
+  background-clip: padding-box;
+  outline: 0;
+  padding: 36px 28px 24px;
+  position: relative;
+}
+._427id35 {
+  margin-bottom: 15px;
+}
+._427id36 {
+  font-weight: 700;
+  line-height: 1.29;
+  margin: 0;
+  background: var(--gysk0y3);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._427id37 {
+  letter-spacing: .2px;
+  color: #4a5560;
+}
+._427id38 {
+  min-height: 80px;
+  padding: 16px;
+  color: #4a5560;
+  width: 100%;
+}
+._427id38 > p {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+._427id38 > p:last-child {
+  margin-bottom: 0;
+  font-weight: 700;
+}
+._427id39 {
+  gap: 24px;
+}
+._427id3a {
+  white-space: pre-wrap;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+@media screen and (max-width:600px) {
+  ._427id33 {
+    top: 10%;
+  }
+}
+@media screen and (max-width:767px) {
+  ._427id38 > p {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: 100%;
+    padding-left: 0;
+    padding-right: 0;
+    width: auto;
+  }
+}
+@media screen and (max-width:505px) {
+  ._427id39 {
+    flex-direction: column;
+    gap: 12px;
+  }
+  ._427id39 a {
+    width: -webkit-fill-available;
+    text-align: center;
+  }
+}

package/dist/assets/SecondaryFooter/SecondaryFooter.css

@@ -0,0 +1,45 @@
+._2lraiw0 {
+  padding: 24px 0px;
+  max-width: 1200px;
+  margin: auto;
+}
+._2lraiw1 {
+  font-family: Roboto;
+  font-family: sans-serif;
+  color: #0062b3;
+  letter-spacing: 0.2px;
+  text-decoration: none;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 1.85;
+}
+._2lraiw1:hover {
+  text-decoration: underline;
+}
+._2lraiw2 {
+  display: flex;
+  padding: 16px 32px;
+  border-radius: 8px;
+  background-color: #ebebeb;
+  justify-content: space-between;
+  align-items: center;
+}
+._2lraiw3:last-child:nth-child(odd) {
+  grid-column: span 2;
+}
+@media screen and (max-width: 1023px) {
+  ._2lraiw1 {
+    font-size: 18px;
+    line-height: 1.44;
+  }
+  ._2lraiw2 {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    background-color: #ffffff;
+    padding: 8px 0px;
+  }
+  ._2lraiw3 {
+    text-align: center;
+    padding: 8px 24px;
+  }
+}

package/dist/assets/Table/Table.css

@@ -0,0 +1,153 @@
+._1nivbwe0 {
+  background: white;
+  border-radius: 16px;
+  overflow-x: auto;
+}
+._1nivbwe1 {
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0.2px;
+  margin-bottom: 8px;
+}
+._1nivbwe2 {
+  color: var(--gysk0y1);
+}
+._1nivbwe3 {
+  color: var(--gysk0y7);
+}
+._1nivbwe4 {
+  color: var(--gysk0yd);
+}
+._1nivbwe5 {
+  color: var(--gysk0yk);
+}
+._1nivbwe6 {
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0.2px;
+}
+._1nivbwe7 {
+  padding: 16px;
+  border-bottom: thin solid #F4F4F4;
+}
+._1nivbwe8 {
+  color: #4A5560;
+  background: var(--gysk0y0);
+}
+._1nivbwe9 {
+  color: #4A5560;
+  background: var(--gysk0y6);
+}
+._1nivbwea {
+  color: var(--gysk0yd);
+}
+._1nivbwea:first-child {
+  background: var(--gysk0yc);
+}
+._1nivbweb {
+  color: #FFFFFF;
+}
+._1nivbweb:first-child {
+  background: var(--gysk0yi);
+}
+._1nivbwed {
+  padding: 16px;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.2px;
+  line-height: 16px;
+  border-bottom: thin solid #FFFFFF66;
+  text-align: center;
+}
+._1nivbwed:first-child {
+  position: sticky;
+  left: 0;
+}
+._1nivbwee {
+  background: var(--gysk0y0);
+  color: #4A5560;
+}
+._1nivbwef {
+  background: var(--gysk0y6);
+  color: #4A5560;
+}
+._1nivbweg {
+  color: var(--gysk0yd);
+}
+._1nivbweg:first-child {
+  background: var(--gysk0yc);
+}
+._1nivbweh {
+  color: var(--gysk0yj);
+}
+._1nivbweh:first-child {
+  background: var(--gysk0yi);
+}
+._1nivbwej {
+  background: #F4F4F4;
+}
+._1nivbwek {
+  background: #D4D4D4;
+}
+._1nivbwel {
+  background-color: white;
+  position: relative;
+  border-radius: 16px;
+  border-collapse: separate;
+  overflow: auto;
+  border-spacing: 0;
+  border: 1px solid #F4F4F4;
+  table-layout: fixed;
+}
+._1nivbwem {
+  background: var(--gysk0y0);
+}
+._1nivbwen {
+  background: var(--gysk0y6);
+}
+._1nivbweo {
+  background: var(--gysk0yc);
+}
+._1nivbwep {
+  background: var(--gysk0yi);
+}
+@media screen and (max-width: 327px) {
+  ._1nivbwe0 {
+    scrollbar-width: thin;
+  }
+  ._1nivbweg:first-child {
+    background-image: var(--gysk0yc);
+  }
+  ._1nivbweh:first-child {
+    background-image: var(--gysk0yi);
+  }
+  ._1nivbwel {
+    overflow-x: auto;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._1nivbwe7:first-child {
+    position: sticky;
+    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    z-index: 2;
+    left: 0;
+    top: 0;
+    width: 50%;
+  }
+  ._1nivbwea:first-child {
+    background: linear-gradient(90deg,#051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  }
+  ._1nivbweb:first-child {
+    background: linear-gradient(90deg,#051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  }
+  ._1nivbwed {
+    font-size: 14px;
+  }
+  ._1nivbwed:first-child {
+    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    z-index: 2;
+    width: 50%;
+  }
+}

package/dist/assets/globals.css

@@ -0,0 +1,253 @@
+@keyframes _5fvzn90 {
+  0% {
+    right: -10px;
+  }
+  to {
+    right: -4px;
+  }
+}
+@keyframes _5fvzn91 {
+  0% {
+    right: -4px;
+  }
+  to {
+    right: -10px;
+  }
+}
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+body {
+  font-family: Roboto, sans-serif !important;
+}
+.containment {
+  width: min(1200px, calc(100% - 4rem));
+  box-sizing: border-box;
+  margin-inline: auto;
+}
+.section_spacer {
+  margin-top: 3.5rem;
+}
+.flex {
+  display: flex;
+}
+.flex_row {
+  flex-direction: row;
+}
+.flex_col {
+  flex-direction: column;
+}
+.reversed {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+  -ms-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+}
+.between {
+  -webkit-box-pack: justify;
+  justify-content: space-between;
+}
+.push_up {
+  margin-top: 1rem;
+}
+.push_up_24 {
+  margin-top: 24px;
+}
+.push_up_32 {
+  margin-top: 32px;
+}
+.mb_0 {
+  margin-bottom: 0;
+}
+.middle {
+  -webkit-box-pack: center;
+  justify-content: center;
+}
+.center {
+  -webkit-box-align: center;
+  align-items: center;
+}
+.text_center {
+  text-align: center;
+}
+.rounded {
+  border-radius: 1rem;
+  overflow: hidden;
+}
+.bordered {
+  border: 1px solid #d4d4d4;
+}
+.img_fluid {
+  max-width: 100%;
+  height: auto;
+}
+.framed {
+  padding: 32px 28px;
+}
+.p_small {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+.framed_lg {
+  padding: 48px 56px;
+}
+.supertag {
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 26px;
+  letter-spacing: 0.2px;
+  font-family: Roboto,sans-serif;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: Encode Sans, sans-serif;
+}
+.header_1 {
+  font-size: 2.5rem;
+  line-height: 1.25;
+}
+.header_2 {
+  font-size: 34px;
+  line-height: 1.25;
+}
+.header_3 {
+  font-weight: 600;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+}
+.gradient_text {
+  background: linear-gradient(3deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  background-size: 100%;
+  background-repeat: repeat;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.list_unstyled {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+.list_item {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  letter-spacing: 0.2px;
+  -webkit-box-align: start;
+  align-items: flex-start;
+}
+.list_item + .list_item {
+  margin-top: 1rem;
+}
+.list_item > img, .list_item > .img_item {
+  margin-right: 10px;
+  position: relative;
+}
+.btn_link {
+  font-weight: 600;
+  color: #323339;
+  letter-spacing: 0.2px;
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  text-transform: initial;
+  position: relative;
+  text-decoration: none;
+  display: inline-block;
+  white-space: nowrap;
+  opacity: 1;
+  font-size: 16px;
+}
+.btn__secondary:hover {
+  opacity: 1;
+}
+.sc__btn:hover {
+  text-decoration: underline;
+}
+.sc__btn:hover > .arrow, .sc__btn:focus > .arrow {
+  animation: _5fvzn91 0.1s linear 0s 1 normal forwards;
+}
+.sc__btn:hover > .arrow {
+  position: relative;
+  transition: 0.3s;
+  animation: _5fvzn90 0.3s ease-out 0s 1 normal forwards;
+}
+.link {
+  word-break: break-word;
+}
+.p_16 {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+.gap_24 {
+  gap: 24px;
+}
+a {
+  color: inherit;
+}
+hide {
+  display: none !important;
+}
+.section_header {
+  margin-inline: auto;
+  margin-bottom: 2.5rem;
+  max-width: 49.5rem;
+  text-align: center;
+}
+@media screen and (max-width: 1023px) {
+  .containment {
+    width: min(41.25rem, calc(100% - 4rem));
+  }
+  .section_spacer {
+    margin-top: 42px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .containment {
+    width: min(33.75rem, calc(100% - 4rem));
+  }
+  .section_spacer {
+    margin-top: 2rem;
+  }
+  .framed_lg {
+    padding: 32px 28px;
+  }
+}
+@media screen and (max-width: 603px) {
+  .containment {
+    width: calc(100% - 2rem);
+  }
+}
+@media screen and (max-width:768px) {
+  .header_1 {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+  .header_2 {
+    font-size: 24px;
+    line-height: 1.29;
+  }
+  .header_3 {
+    font-size: 24px;
+  }
+  .section_header {
+    margin-bottom: 1.5rem;
+  }
+}
+@media screen and (max-width:1280px) {
+  .header_1 {
+    font-size: 2.125rem;
+  }
+  .header_2 {
+    font-size: 2rem;
+  }
+}
+@media screen and (max-width:320px) {
+  .header_1 {
+    font-size: 25px;
+  }
+  .header_2 {
+    font-size: 21px;
+  }
+}

package/dist/assets/icons/ArrowIcon/ArrowIcon.css

@@ -0,0 +1,9 @@
+._1pwixiv1 {
+  fill: var(--gysk0y5);
+}
+._1pwixiv2 {
+  fill: var(--gysk0yh);
+}
+._1pwixiv3 {
+  fill: var(--gysk0yd);
+}

package/dist/assets/icons/CheckIcon/CheckIcon.css

@@ -0,0 +1,6 @@
+._1xajnqu1 {
+  fill: var(--gysk0ys);
+}
+._1xajnqu2 {
+  fill: var(--gysk0yt);
+}

package/dist/assets/icons/DownloadIcon/DownloadIcon.css

@@ -0,0 +1,3 @@
+._1r03g400 {
+  fill: var(--gysk0y5);
+}