@axos-web-dev/shared-components 0.0.4 → 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 {
+._1nivbwe6 {
   color: var(--_1073cm82);
 }
-._1nivbwe3 {
-  color: var(--_1073cm88);
+._1nivbwe7 {
+  color: var(--_1073cm89);
 }
-._1nivbwe4 {
-  color: var(--_1073cm8e);
+._1nivbwe8 {
+  color: var(--_1073cm8g);
 }
-._1nivbwe5 {
-  color: var(--_1073cm8l);
+._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(--_1073cm81);
+  border-bottom: 1px solid var(--_1073cm87);
 }
-._1nivbwe9 {
+._1nivbwed {
   color: #4A5560;
-  background: var(--_1073cm87);
+  background: var(--_1073cm88);
+  border-bottom: 1px solid var(--_1073cm8e);
 }
-._1nivbwea {
-  color: var(--_1073cm8e);
+._1nivbwee {
+  color: var(--_1073cm8g);
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbwea:first-child {
-  background: var(--_1073cm8d);
+._1nivbwee:first-child {
+  background: var(--_1073cm8f);
 }
-._1nivbweb {
+._1nivbwef {
   color: #FFFFFF;
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweb:first-child {
-  background: var(--_1073cm8j);
+._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 {
+._1nivbwei {
   background: var(--_1073cm81);
   color: #4A5560;
+  border-bottom: 1px solid #D4D4D4;
 }
-._1nivbwef {
-  background: var(--_1073cm87);
+._1nivbwej {
+  background: var(--_1073cm88);
   color: #4A5560;
+  border-bottom: 1px solid #D4D4D4;
 }
-._1nivbweg {
-  color: var(--_1073cm8e);
+._1nivbwek {
+  color: var(--_1073cm8g);
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweg:first-child {
-  background: var(--_1073cm8d);
+._1nivbwek:first-child {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g) !important;
 }
-._1nivbweh {
-  color: var(--_1073cm8k);
+._1nivbwel {
+  color: var(--_1073cm8n);
+  border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweh:first-child {
-  background: var(--_1073cm8j);
+._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 {
+._1nivbweq {
   background: var(--_1073cm81);
+  border: 1px solid var(--_1073cm87);
 }
-._1nivbwen {
-  background: var(--_1073cm87);
-}
-._1nivbweo {
-  background: var(--_1073cm8d);
+._1nivbwer {
+  background: var(--_1073cm88);
+  border: 1px solid var(--_1073cm8e);
 }
-._1nivbwep {
-  background: var(--_1073cm8j);
+._1nivbwes {
+  background: var(--_1073cm8f);
+  border: 1px solid var(--_1073cm8l);
 }
-@media screen and (max-width: 327px) {
-  ._1nivbwe0 {
-    scrollbar-width: thin;
-  }
-  ._1nivbweg:first-child {
-    background-image: var(--_1073cm8d);
-  }
-  ._1nivbweh:first-child {
-    background-image: var(--_1073cm8j);
-  }
-  ._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/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/icons/ArrowIcon/ArrowIcon.css

@@ -2,8 +2,8 @@
   fill: var(--_1073cm86);
 }
 ._1pwixiv2 {
-  fill: var(--_1073cm8i);
+  fill: var(--_1073cm8k);
 }
 ._1pwixiv3 {
-  fill: var(--_1073cm8e);
+  fill: var(--_1073cm8g);
 }

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

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

package/dist/assets/themes/axos.css

@@ -5,28 +5,32 @@
   --_1073cm84: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
   --_1073cm85: #FFFFFF;
   --_1073cm86: #2F5B88;
-  --_1073cm87: #F4F4F4;
-  --_1073cm88: #333D46;
-  --_1073cm89: #1E3860;
-  --_1073cm8a: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8b: #FFFFFF;
-  --_1073cm8c: #2F5B88;
-  --_1073cm8d: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8e: #FFFFFF;
-  --_1073cm8f: #FFFFFF;
-  --_1073cm8g: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8h: #1E3860;
-  --_1073cm8i: #FAA74A;
-  --_1073cm8j: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8k: #FFFFFF;
-  --_1073cm8l: #FAA74A;
+  --_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: #D2272F;
-  --_1073cm8q: #BDBDBD;
-  --_1073cm8r: #5E6A74;
-  --_1073cm8s: #F4F4F4;
-  --_1073cm8t: #00805B;
-  --_1073cm8u: #38D7A4;
+  --_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

@@ -5,28 +5,32 @@
   --_1073cm84: #1E262F;
   --_1073cm85: #FFFFFF;
   --_1073cm86: #1E262F;
-  --_1073cm87: #F4F4F4;
-  --_1073cm88: #333D46;
-  --_1073cm89: #1E262F;
+  --_1073cm87: #D4D4D4;
+  --_1073cm88: #F4F4F4;
+  --_1073cm89: #333D46;
   --_1073cm8a: #1E262F;
-  --_1073cm8b: #FFFFFF;
-  --_1073cm8c: #1E262F;
+  --_1073cm8b: #1E262F;
+  --_1073cm8c: #FFFFFF;
   --_1073cm8d: #1E262F;
-  --_1073cm8e: #FFFFFF;
-  --_1073cm8f: #FFFFFF;
+  --_1073cm8e: #D4D4D4;
+  --_1073cm8f: #1E262F;
   --_1073cm8g: #FFFFFF;
-  --_1073cm8h: #1E262F;
-  --_1073cm8i: #FAA74A;
+  --_1073cm8h: #FFFFFF;
+  --_1073cm8i: #FFFFFF;
   --_1073cm8j: #1E262F;
-  --_1073cm8k: #FFFFFF;
-  --_1073cm8l: #FAA74A;
-  --_1073cm8m: #FFFFFF;
+  --_1073cm8k: #FAA74A;
+  --_1073cm8l: #333D46;
+  --_1073cm8m: #1E262F;
   --_1073cm8n: #FFFFFF;
   --_1073cm8o: #FAA74A;
-  --_1073cm8p: #D2272F;
-  --_1073cm8q: #BDBDBD;
-  --_1073cm8r: #5E6A74;
-  --_1073cm8s: #F4F4F4;
-  --_1073cm8t: #1E262F;
-  --_1073cm8u: #FAA74A;
+  --_1073cm8p: #FFFFFF;
+  --_1073cm8q: #FFFFFF;
+  --_1073cm8r: #FAA74A;
+  --_1073cm8s: #333D46;
+  --_1073cm8t: #D2272F;
+  --_1073cm8u: #BDBDBD;
+  --_1073cm8v: #5E6A74;
+  --_1073cm8w: #F4F4F4;
+  --_1073cm8x: #1E262F;
+  --_1073cm8y: #FAA74A;
 }

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;

package/dist/icons/AxosX/index.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgAxosX = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 36,
+    height: 36,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#F4F4F4",
+          d: "M35.51 1.518 34.596.61a1.563 1.563 0 0 0-2.21 0L20.178 12.725l3.126 3.1L35.511 3.71a1.53 1.53 0 0 0 0-2.192ZM35.51 34.482l-.915.907c-.616.611-1.595.611-2.21 0L20.178 23.275l3.126-3.1L35.511 32.29a1.53 1.53 0 0 1 0 2.192Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#FAA74A",
+          d: "M3.6.61a1.563 1.563 0 0 0-2.21 0l-.916.908a1.53 1.53 0 0 0 0 2.192L14.874 18 .474 32.29a1.53 1.53 0 0 0 0 2.192l.915.907c.616.611 1.595.611 2.211 0L21.11 18 3.6.61Z"
+        }
+      )
+    ]
+  }
+);
+export {
+  SvgAxosX as default
+};

package/dist/icons/index.d.ts

@@ -1,4 +1,5 @@
 export { default as ArrowIcon } from "./ArrowIcon";
+export { default as AxosX } from "./AxosX";
 export { default as CheckCircle } from "./CheckCircle";
 export { default as CheckCircleLight } from "./CheckCircleLight";
 export { default as CheckIcon } from "./CheckIcon";

package/dist/icons/index.js

@@ -1,32 +1,34 @@
 import { default as default2 } from "./ArrowIcon/index.js";
-import { default as default3 } from "./CheckCircle.js";
-import { default as default4 } from "./CheckCircleLight.js";
-import { default as default5 } from "./CheckIcon/index.js";
-import { default as default6 } from "./ChevronDown.js";
-import { default as default7 } from "./ChevronUp.js";
-import { default as default8 } from "./CloseIcon/index.js";
-import { default as default9 } from "./DownloadIcon/index.js";
-import { default as default10 } from "./EqualHousingLender.js";
-import { default as default11 } from "./LockIcon/index.js";
-import { default as default12 } from "./MemberFdicLogo.js";
-import { default as default13 } from "./QuoteIconGrey.js";
-import { default as default14 } from "./QuoteIconWhite.js";
-import { default as default15 } from "./QuoteIconYellow.js";
+import { default as default3 } from "./AxosX/index.js";
+import { default as default4 } from "./CheckCircle.js";
+import { default as default5 } from "./CheckCircleLight.js";
+import { default as default6 } from "./CheckIcon/index.js";
+import { default as default7 } from "./ChevronDown.js";
+import { default as default8 } from "./ChevronUp.js";
+import { default as default9 } from "./CloseIcon/index.js";
+import { default as default10 } from "./DownloadIcon/index.js";
+import { default as default11 } from "./EqualHousingLender.js";
+import { default as default12 } from "./LockIcon/index.js";
+import { default as default13 } from "./MemberFdicLogo.js";
+import { default as default14 } from "./QuoteIconGrey.js";
+import { default as default15 } from "./QuoteIconWhite.js";
+import { default as default16 } from "./QuoteIconYellow.js";
 import { SvgWarningIcon } from "./WarningIcon/index.js";
 export {
   default2 as ArrowIcon,
-  default3 as CheckCircle,
-  default4 as CheckCircleLight,
-  default5 as CheckIcon,
-  default6 as ChevronDown,
-  default7 as ChevronUp,
-  default8 as CloseIcon,
-  default9 as DownloadIcon,
-  default10 as EqualHousingLender,
-  default11 as LockIcon,
-  default12 as MemberFdicLogo,
-  default13 as QuoteIconGrey,
-  default14 as QuoteIconWhite,
-  default15 as QuoteIconYellow,
+  default3 as AxosX,
+  default4 as CheckCircle,
+  default5 as CheckCircleLight,
+  default6 as CheckIcon,
+  default7 as ChevronDown,
+  default8 as ChevronUp,
+  default9 as CloseIcon,
+  default10 as DownloadIcon,
+  default11 as EqualHousingLender,
+  default12 as LockIcon,
+  default13 as MemberFdicLogo,
+  default14 as QuoteIconGrey,
+  default15 as QuoteIconWhite,
+  default16 as QuoteIconYellow,
   SvgWarningIcon as WarningIcon
 };

package/dist/main.d.ts

@@ -11,13 +11,19 @@ export * from './ContentBanner';
 export * from './DownloadTile';
 export * from './FaqAccordion';
 export * from './FooterDisclosure';
+export * from './Forms';
 export * from './HeroBanner';
 export * from './IconBillboard';
 export * from './ImageBillboard';
 export * from './Input';
+export * from './MainHTML';
 export * from './Modal';
 export * from './NavigationMenu';
 export * from './SecondaryFooter';
 export * from './SetContainer';
 export * from './Table';
-export { axosTheme, premierTheme, vars } from './themes';
+export * from './TextBlock';
+export * from './VideoTile';
+export * from './VideoWrapper';
+export * from './themes';
+export * from "./utils";