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

package/dist/assets/Table/Table.css

@@ -1,58 +1,80 @@
 ._1nivbwe0 {
   background: white;
   border-radius: 16px;
-  overflow-x: auto;
 }
 ._1nivbwe1 {
+  margin-inline: auto;
+  margin-bottom: 2.5rem;
+  text-align: center;
+  max-width: 1000px;
+}
+._1nivbwe2 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._1nivbwe3 tbody tr:first-child td {
+  background-color: #DEF4FF;
+  color: var(--_1073cm82);
+}
+._1nivbwe4 tbody tr:last-child td {
+  background-color: #DEF4FF;
+  color: var(--_1073cm82);
+}
+._1nivbwe5 {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: 0.2px;
   margin-bottom: 8px;
 }
-._1nivbwe2 {
-  color: var(--gysk0y1);
+._1nivbwe6 {
+  color: var(--_1073cm82);
 }
-._1nivbwe3 {
-  color: var(--gysk0y7);
+._1nivbwe7 {
+  color: var(--_1073cm89);
 }
-._1nivbwe4 {
-  color: var(--gysk0yd);
+._1nivbwe8 {
+  color: var(--_1073cm8g);
 }
-._1nivbwe5 {
-  color: var(--gysk0yk);
+._1nivbwe9 {
+  color: var(--_1073cm8o);
 }
-._1nivbwe6 {
+._1nivbwea {
   font-size: 12px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: 0.2px;
 }
-._1nivbwe7 {
+._1nivbweb {
   padding: 16px;
   border-bottom: thin solid #F4F4F4;
 }
-._1nivbwe8 {
+._1nivbwec {
   color: #4A5560;
-  background: var(--gysk0y0);
+  background: var(--_1073cm81);
+  border-bottom: 1px solid var(--_1073cm87);
 }
-._1nivbwe9 {
+._1nivbwed {
   color: #4A5560;
-  background: var(--gysk0y6);
+  background: var(--_1073cm88);
+  border-bottom: 1px solid var(--_1073cm8e);
 }
-._1nivbwea {
-  color: var(--gysk0yd);
+._1nivbwee {
+  color: var(--_1073cm8g);
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbwea:first-child {
-  background: var(--gysk0yc);
+._1nivbwee:first-child {
+  background: var(--_1073cm8f);
 }
-._1nivbweb {
+._1nivbwef {
   color: #FFFFFF;
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweb:first-child {
-  background: var(--gysk0yi);
+._1nivbwef:first-child {
+  background: var(--_1073cm8m);
 }
-._1nivbwed {
+._1nivbweh {
   padding: 16px;
   font-size: 12px;
   font-weight: 700;
@@ -61,93 +83,119 @@
   border-bottom: thin solid #FFFFFF66;
   text-align: center;
 }
-._1nivbwed:first-child {
+._1nivbweh:first-child {
   position: sticky;
   left: 0;
 }
-._1nivbwee {
-  background: var(--gysk0y0);
+._1nivbwei {
+  background: var(--_1073cm81);
   color: #4A5560;
+  border-bottom: 1px solid #D4D4D4;
 }
-._1nivbwef {
-  background: var(--gysk0y6);
+._1nivbwej {
+  background: var(--_1073cm88);
   color: #4A5560;
+  border-bottom: 1px solid #D4D4D4;
 }
-._1nivbweg {
-  color: var(--gysk0yd);
+._1nivbwek {
+  color: var(--_1073cm8g);
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweg:first-child {
-  background: var(--gysk0yc);
+._1nivbwek:first-child {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g) !important;
 }
-._1nivbweh {
-  color: var(--gysk0yj);
+._1nivbwel {
+  color: var(--_1073cm8n);
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweh:first-child {
-  background: var(--gysk0yi);
+._1nivbwel:first-child {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n) !important;
 }
-._1nivbwej {
+._1nivbwen {
   background: #F4F4F4;
 }
-._1nivbwek {
+._1nivbweo {
   background: #D4D4D4;
 }
-._1nivbwel {
+tr:last-child td {
+  border-bottom: 0;
+}
+._1nivbwep {
   background-color: white;
   position: relative;
-  border-radius: 16px;
+  border-radius: 1rem;
+  overflow: hidden;
   border-collapse: separate;
-  overflow: auto;
   border-spacing: 0;
   border: 1px solid #F4F4F4;
+  height: 100%;
+  width: 100%;
+  min-width: 1200px;
   table-layout: fixed;
 }
-._1nivbwem {
-  background: var(--gysk0y0);
+._1nivbweq {
+  background: var(--_1073cm81);
+  border: 1px solid var(--_1073cm87);
 }
-._1nivbwen {
-  background: var(--gysk0y6);
+._1nivbwer {
+  background: var(--_1073cm88);
+  border: 1px solid var(--_1073cm8e);
 }
-._1nivbweo {
-  background: var(--gysk0yc);
+._1nivbwes {
+  background: var(--_1073cm8f);
+  border: 1px solid var(--_1073cm8l);
 }
-._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;
-  }
+._1nivbwet {
+  background: var(--_1073cm8m);
+  border: 1px solid var(--_1073cm8s);
 }
 @media screen and (max-width: 768px) {
-  ._1nivbwe7:first-child {
+  ._1nivbweb: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%;
+    width: 25%;
   }
-  ._1nivbwea:first-child {
-    background: linear-gradient(90deg,#051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  ._1nivbwee:first-child {
+    background: var(--_1073cm8f);
   }
-  ._1nivbweb:first-child {
-    background: linear-gradient(90deg,#051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  ._1nivbwef:first-child {
+    background-image: var(--_1073cm8m);
   }
-  ._1nivbwed {
+  ._1nivbweh {
     font-size: 14px;
   }
-  ._1nivbwed:first-child {
+  ._1nivbweh: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%;
+    width: 25%;
+  }
+  ._1nivbwep {
+    border-radius: 0;
+    overflow: auto;
+  }
+}
+@media screen and (max-width: 327px) {
+  ._1nivbwe0 {
+    scrollbar-width: thin;
+  }
+  ._1nivbwek:first-child {
+    background-image: var(--_1073cm8f);
+  }
+  ._1nivbwel:first-child {
+    background-image: var(--_1073cm8m);
+  }
+  ._1nivbwep {
+    overflow-x: auto;
+  }
+}
+@media screen and (max-width:768px) {
+  ._1nivbwe2 {
+    font-size: 28px;
+    line-height: 1.29;
   }
 }

package/dist/assets/TextBlock/TextBlock.css

@@ -0,0 +1,14 @@
+._16g7rvn0 {
+  margin: 1em 0;
+  line-height: 1.5;
+}
+._16g7rvn1 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._16g7rvn2 {
+  margin: 1em 0;
+  padding-left: 1.5em;
+  list-style: auto !important;
+}

package/dist/assets/Typography/Typography.css

@@ -0,0 +1,53 @@
+._17xoant0 {
+  font-family: var(--header-font-family);
+  font-weight: 700;
+  font-size: 40px;
+}
+._17xoant2 {
+  font-size: 12px;
+}
+._17xoant3 {
+  font-size: 14px;
+}
+._17xoant4 {
+  font-size: 16px;
+}
+._17xoant5 {
+  font-size: 18px;
+}
+._17xoant6 {
+  font-size: 28px;
+}
+._17xoant7 {
+  font-size: 40px;
+}
+._17xoant9 {
+  font-family: var(--header-font-family);
+}
+._17xoanta {
+  font-family: var(--header-font-family);
+}
+._17xoantb {
+  font-family: var(--header-font-family);
+}
+._17xoantc {
+  font-family: var(--header-font-family);
+}
+._17xoantd {
+  font-family: var(--header-font-family);
+}
+._17xoante {
+  font-family: var(--header-font-family);
+}
+._17xoanth {
+  font-family: var(--main-font-family);
+}
+._17xoanti {
+  font-family: var(--main-font-family);
+}
+@media screen and (max-width:768px) {
+  ._17xoant0 {
+    font-size: 28px;
+    font-weight: 500;
+  }
+}

package/dist/assets/VideoTile/VideoTile.css

@@ -0,0 +1,74 @@
+._16puo4g0 {
+  opacity: 1;
+  height: 100%;
+  visibility: visible;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+._16puo4g1 {
+  color: var(--_1073cm83);
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  text-align: center;
+  font-family: var(--header-font-family);
+  height: 64px;
+}
+._16puo4g2 {
+  font-size: 18px;
+  font-weight: 700;
+  font-family: var(--main-font-family);
+  color: #2F5B88;
+}
+._16puo4g4 {
+  max-width: 588px;
+  min-width: 384px;
+  grid-column: span 6;
+  height: fit-content;
+}
+._16puo4g5 {
+  margin-bottom: 8px;
+}
+._16puo4g6 {
+  display: flex;
+  justify-content: space-between;
+  text-decoration: none;
+}
+._16puo4g7 {
+  display: inline-block;
+  top: 50%;
+  right: 0;
+  width: 19px;
+}
+._16puo4g6 ._16puo4g7:after {
+  display: inline-block;
+  transform: scale(1.5);
+}
+._16puo4g6[aria-expanded='true'] ._16puo4g7:after {
+  rotate: -90deg;
+}
+._16puo4g6[aria-expanded='false'] ._16puo4g7:after {
+  rotate: 90deg;
+}
+._16puo4g8 {
+  padding: 0 16px;
+}
+._16puo4g9 {
+  width: 100%;
+}
+._16puo4ga {
+  font-family: var(--main-font-family);
+  color: #333D46;
+}
+._16puo4gb {
+  max-height: 304px;
+}
+._16puo4gc {
+  display: none;
+}
+@media screen and (max-width:1023px) {
+  ._16puo4g4 {
+    grid-column: span 12!important;
+  }
+}

package/dist/assets/VideoWrapper/VideoWrapper.css

@@ -0,0 +1,16 @@
+._2i5u4u0 {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  gap: 1.5rem;
+}
+._2i5u4u1 {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  gap: 1.5rem;
+}
+._2i5u4u0 > div {
+  grid-column: span 6;
+}
+._2i5u4u1 > div {
+  grid-column: span 4;
+}

package/dist/assets/globals.css

@@ -26,7 +26,8 @@ a {
   margin: 0;
 }
 body {
-  font-family: Roboto, sans-serif !important;
+  font-family: var(--main-font-family);
+  font-family: sans-serif;
   font-size: 16px;
   line-height: 1.39;
   letter-spacing: 0.2px;
@@ -125,10 +126,12 @@ body {
   font-size: 14px;
   line-height: 26px;
   letter-spacing: 0.2px;
-  font-family: Roboto,sans-serif;
+  font-family: var(--main-font-family);
+  font-family: sans-serif;
 }
 h1, h2, h3, h4, h5, h6 {
-  font-family: Encode Sans, sans-serif;
+  font-family: var(--header-font-family);
+  font-family: sans-serif;
 }
 .header_1 {
   font-size: 2.5rem;

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

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

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

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

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

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

package/dist/assets/themes/axos.css

@@ -1,32 +1,36 @@
 ._1073cm80 {
-  --gysk0y0: #FFFFFF;
-  --gysk0y1: #333D46;
-  --gysk0y2: #1E3860;
-  --gysk0y3: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --gysk0y4: #FFFFFF;
-  --gysk0y5: #2F5B88;
-  --gysk0y6: #F4F4F4;
-  --gysk0y7: #333D46;
-  --gysk0y8: #1E3860;
-  --gysk0y9: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --gysk0ya: #FFFFFF;
-  --gysk0yb: #2F5B88;
-  --gysk0yc: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --gysk0yd: #FFFFFF;
-  --gysk0ye: #FFFFFF;
-  --gysk0yf: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --gysk0yg: #1E3860;
-  --gysk0yh: #FAA74A;
-  --gysk0yi: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --gysk0yj: #FFFFFF;
-  --gysk0yk: #FAA74A;
-  --gysk0yl: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --gysk0ym: #FFFFFF;
-  --gysk0yn: #FAA74A;
-  --gysk0yo: #D2272F;
-  --gysk0yp: #BDBDBD;
-  --gysk0yq: #5E6A74;
-  --gysk0yr: #F4F4F4;
-  --gysk0ys: #00805B;
-  --gysk0yt: #38D7A4;
+  --_1073cm81: #FFFFFF;
+  --_1073cm82: #333D46;
+  --_1073cm83: #1E3860;
+  --_1073cm84: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm85: #FFFFFF;
+  --_1073cm86: #2F5B88;
+  --_1073cm87: #D4D4D4;
+  --_1073cm88: #F4F4F4;
+  --_1073cm89: #333D46;
+  --_1073cm8a: #1E3860;
+  --_1073cm8b: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8c: #FFFFFF;
+  --_1073cm8d: #2F5B88;
+  --_1073cm8e: #D4D4D4;
+  --_1073cm8f: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8g: #FFFFFF;
+  --_1073cm8h: #FFFFFF;
+  --_1073cm8i: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8j: #1E3860;
+  --_1073cm8k: #FAA74A;
+  --_1073cm8l: #4D85B0;
+  --_1073cm8m: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8n: #FFFFFF;
+  --_1073cm8o: #FAA74A;
+  --_1073cm8p: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8q: #FFFFFF;
+  --_1073cm8r: #FAA74A;
+  --_1073cm8s: #4D85B0;
+  --_1073cm8t: #D2272F;
+  --_1073cm8u: #BDBDBD;
+  --_1073cm8v: #5E6A74;
+  --_1073cm8w: #F4F4F4;
+  --_1073cm8x: #00805B;
+  --_1073cm8y: #38D7A4;
 }

package/dist/assets/themes/premier.css

@@ -1,32 +1,36 @@
 ._1es6o1h0 {
-  --gysk0y0: #FFFFFF;
-  --gysk0y1: #333D46;
-  --gysk0y2: #1E262F;
-  --gysk0y3: #1E262F;
-  --gysk0y4: #FFFFFF;
-  --gysk0y5: #1E262F;
-  --gysk0y6: #F4F4F4;
-  --gysk0y7: #333D46;
-  --gysk0y8: #1E262F;
-  --gysk0y9: #1E262F;
-  --gysk0ya: #FFFFFF;
-  --gysk0yb: #1E262F;
-  --gysk0yc: #1E262F;
-  --gysk0yd: #FFFFFF;
-  --gysk0ye: #FFFFFF;
-  --gysk0yf: #FFFFFF;
-  --gysk0yg: #1E262F;
-  --gysk0yh: #FAA74A;
-  --gysk0yi: #1E262F;
-  --gysk0yj: #FFFFFF;
-  --gysk0yk: #FAA74A;
-  --gysk0yl: #FFFFFF;
-  --gysk0ym: #FFFFFF;
-  --gysk0yn: #FAA74A;
-  --gysk0yo: #D2272F;
-  --gysk0yp: #BDBDBD;
-  --gysk0yq: #5E6A74;
-  --gysk0yr: #F4F4F4;
-  --gysk0ys: #1E262F;
-  --gysk0yt: #FAA74A;
+  --_1073cm81: #FFFFFF;
+  --_1073cm82: #333D46;
+  --_1073cm83: #1E262F;
+  --_1073cm84: #1E262F;
+  --_1073cm85: #FFFFFF;
+  --_1073cm86: #1E262F;
+  --_1073cm87: #D4D4D4;
+  --_1073cm88: #F4F4F4;
+  --_1073cm89: #333D46;
+  --_1073cm8a: #1E262F;
+  --_1073cm8b: #1E262F;
+  --_1073cm8c: #FFFFFF;
+  --_1073cm8d: #1E262F;
+  --_1073cm8e: #D4D4D4;
+  --_1073cm8f: #1E262F;
+  --_1073cm8g: #FFFFFF;
+  --_1073cm8h: #FFFFFF;
+  --_1073cm8i: #FFFFFF;
+  --_1073cm8j: #1E262F;
+  --_1073cm8k: #FAA74A;
+  --_1073cm8l: #333D46;
+  --_1073cm8m: #1E262F;
+  --_1073cm8n: #FFFFFF;
+  --_1073cm8o: #FAA74A;
+  --_1073cm8p: #FFFFFF;
+  --_1073cm8q: #FFFFFF;
+  --_1073cm8r: #FAA74A;
+  --_1073cm8s: #333D46;
+  --_1073cm8t: #D2272F;
+  --_1073cm8u: #BDBDBD;
+  --_1073cm8v: #5E6A74;
+  --_1073cm8w: #F4F4F4;
+  --_1073cm8x: #1E262F;
+  --_1073cm8y: #FAA74A;
 }

package/dist/globals.css.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=globals.css.d.ts.map

package/dist/globals.css.js

@@ -1,2 +1,2 @@
+/* empty css                                         */
 /* empty css                           */
-//# sourceMappingURL=globals.css.js.map

package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts

@@ -11,4 +11,3 @@ export declare const Arrow: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-//# sourceMappingURL=ArrowIcon.css.d.ts.map

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,7 +1,8 @@
+/* empty css                                   */
+/* empty css                                      */
 /* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   Arrow
 };
-//# sourceMappingURL=ArrowIcon.css.js.map

package/dist/icons/ArrowIcon/index.d.ts

@@ -6,4 +6,3 @@ export interface ArrowProps {
 }
 declare const SvgArrowIcon: FC<ArrowProps>;
 export default SvgArrowIcon;
-//# sourceMappingURL=index.d.ts.map

package/dist/icons/ArrowIcon/index.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Arrow } from "./ArrowIcon.css.js";
-const SvgArrowIcon = ({ variant, className }) => {
+const SvgArrowIcon = ({ className }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -49,7 +48,6 @@ const SvgArrowIcon = ({ variant, className }) => {
                           /* @__PURE__ */ jsx(
                             "path",
                             {
-                              className: Arrow({ variant }),
                               d: "M1.13491422,0.187942261 C0.94986252,0.00203917967 0.649789062,0.00203917967 0.464737367,0.187942261 L0.187303721,0.466652324 C0.00225202625,0.652555405 0.00225202625,0.95391307 0.187303721,1.13991252 L4.55851447,5.53075249 L0.187303721,9.92149608 C0.00225202625,10.1074955 0.00225202625,10.4088532 0.187303721,10.5947563 L0.464737367,10.8734663 C0.649789062,11.0593694 0.94986252,11.0593694 1.13491422,10.8734663 L6.45248835,5.53075249 L1.13491422,0.187942261 Z",
                               id: "Fill-1",
                               fill: "#2F5B88",
@@ -73,4 +71,3 @@ const SvgArrowIcon = ({ variant, className }) => {
 export {
   SvgArrowIcon as default
 };
-//# sourceMappingURL=index.js.map

package/dist/icons/AxosX/index.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgAxosX;