@axos-web-dev/shared-components 0.0.67 → 0.0.69

package/dist/assets/Comparison/Comparison.css

@@ -0,0 +1,141 @@
+._198o0lt0 {
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  border-radius: 16px;
+  padding: 32px 24px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 24px;
+}
+._198o0lt1 {
+  background: var(--_1073cm81);
+  border: 1px solid #D4D4D4;
+  color: black;
+}
+._198o0lt1::before {
+  background: var(--_1073cm81);
+}
+._198o0lt2 {
+  background: var(--_1073cm88);
+  color: black;
+}
+._198o0lt2::before {
+  background: var(--_1073cm88);
+}
+._198o0lt3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._198o0lt3::before {
+  background: var(--_1073cm8f);
+}
+._198o0lt4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._198o0lt4::before {
+  background: var(--_1073cm8m);
+}
+._198o0lt5 {
+  display: flex;
+  gap: 16px;
+  flex-direction: column;
+}
+._198o0lt6 {
+  text-align: center;
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+}
+._198o0lt7 {
+  background: var(--_1073cm81);
+  border: 1px solid #D4D4D4;
+  color: black;
+  box-shadow: 0px 8px 16px 0px #00000033;
+  border-radius: 16px;
+  padding: 32px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+._198o0lt8 {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  list-style: none;
+  padding-inline-start: 0;
+}
+._198o0lt9 {
+  font: var(--main-font-family);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.2px;
+  color: var(--_1073cm83);
+}
+._198o0lta {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+}
+._198o0lta > img {
+  margin-right: 8px;
+}
+._198o0ltb {
+  display: grid;
+  grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
+  gap: 24px;
+}
+._198o0ltc {
+  display: none;
+}
+._198o0ltd {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  text-align: center;
+  gap: 24px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+@media screen and (max-width: 1023px) {
+  ._198o0lt0 {
+    border-radius: 0;
+    display: none;
+  }
+  ._198o0ltb {
+    grid-template-columns: 1fr;
+    gap: 0;
+  }
+  ._198o0ltc {
+    display: flex;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._198o0lt0 {
+    position: relative;
+    isolation: isolate;
+    box-shadow: none;
+    border: 0;
+  }
+  ._198o0lt0::before {
+    content: "";
+    position: absolute;
+    height: 100%;
+    top: 0;
+    left: 50%;
+    right: 0;
+    z-index: -1;
+    width: 100vw;
+    transform: translatex(-50%);
+  }
+}
+@media screen and (max-width: 380px) {
+  ._198o0ltd {
+    flex-direction: column;
+  }
+  ._198o0ltd:first-child {
+    margin-bottom: 1em;
+  }
+}

package/dist/assets/Forms/Forms.css

@@ -1,4 +1,4 @@
-@keyframes tfms6ap {
+@keyframes tfms6aq {
   from {
     stroke-dashoffset: 1;
   }
@@ -6,7 +6,7 @@
     opacity: 100;
   }
 }
-@keyframes tfms6aq {
+@keyframes tfms6ar {
   0% {
     stroke-dashoffset: -1000;
   }
@@ -24,15 +24,19 @@
 }
 .tfms6a1 {
   background: var(--_1073cm81);
+  color: var(--_1073cm82);
 }
 .tfms6a2 {
   background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 .tfms6a3 {
   background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 .tfms6a4 {
   background: var(--_1073cm8m);
+  color: var(--_1073cm8g);
 }
 .tfms6a5 {
   padding-bottom: 32px;
@@ -89,48 +93,52 @@
   grid-template-columns: 1fr;
 }
 .tfms6ai {
+  grid-template-columns: 1fr 1fr;
+}
+.tfms6aj {
   margin-top: 1.5rem;
   text-align: center;
+  margin-inline: auto;
 }
-.tfms6aj {
+.tfms6ak {
   margin-top: 16px;
 }
-.tfms6ak {
+.tfms6al {
   color: var(--_1073cm82);
 }
-.tfms6al {
+.tfms6am {
   color: var(--_1073cm89);
 }
-.tfms6am {
+.tfms6an {
   color: var(--_1073cm8g);
 }
-.tfms6an {
+.tfms6ao {
   color: var(--_1073cm8n);
 }
-.tfms6ao {
+.tfms6ap {
   max-width: 860px;
   margin-inline: auto;
 }
-.tfms6ar {
+.tfms6as {
   padding: 2.5rem 0;
 }
-.tfms6as {
+.tfms6at {
   color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
-.tfms6at {
+.tfms6au {
   color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
-.tfms6au {
+.tfms6av {
   color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-.tfms6av {
+.tfms6aw {
   color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
-.tfms6ar h1 {
+.tfms6as h1 {
   font-size: 43px;
   font-weight: 600;
   letter-spacing: 1px;
@@ -138,29 +146,29 @@
   margin-bottom: 0.7rem;
   font-family: var(--header-font-family);
 }
-.tfms6ar p {
+.tfms6as p {
   margin-bottom: 0;
 }
-.tfms6aw {
+.tfms6ax {
   margin: 0 auto;
   display: block;
 }
-.tfms6ax {
+.tfms6ay {
   fill: none;
   stroke: #faa74a;
   stroke-width: 4;
   stroke-dasharray: 100px;
   stroke-dashoffset: 100;
-  animation: tfms6ap 0.5s ease-in-out forwards reverse;
+  animation: tfms6aq 0.5s ease-in-out forwards reverse;
   -webkit-animation-delay: 0.7s;
 }
-.tfms6ay {
+.tfms6az {
   fill: none;
   stroke-width: 4;
   stroke-dasharray: 1000px;
   stroke-dashoffset: 1000;
-  -webkit-animation: tfms6aq 0.8s ease-in-out forwards;
-  animation: tfms6aq 0.8s ease-in-out forwards;
+  -webkit-animation: tfms6ar 0.8s ease-in-out forwards;
+  animation: tfms6ar 0.8s ease-in-out forwards;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
@@ -168,37 +176,40 @@
   -ms-transform: rotate(-40deg);
   transform: rotate(-40deg);
 }
-.tfms6az {
+.tfms6a10 {
   stroke: var(--_1073cm83);
 }
-.tfms6a10 {
+.tfms6a11 {
   stroke: var(--_1073cm8a);
 }
-.tfms6a11 {
+.tfms6a12 {
   stroke: var(--_1073cm8g);
 }
-.tfms6a12 {
+.tfms6a13 {
   stroke: var(--_1073cm8n);
 }
-.tfms6a13 {
+.tfms6a14 {
   margin-top: 1rem;
 }
-.tfms6a14 {
+.tfms6a15 {
   color: var(--_1073cm82);
 }
-.tfms6a15 {
+.tfms6a16 {
   color: var(--_1073cm89);
 }
-.tfms6a16 {
+.tfms6a17 {
   color: var(--_1073cm8g);
 }
-.tfms6a17 {
+.tfms6a18 {
   color: var(--_1073cm8n);
 }
-.tfms6ac .tfms6a18 {
+.tfms6ac .tfms6a19 {
   grid-column-start: 1;
   grid-column-end: 3;
 }
+.tfms6a1a {
+  grid-column: 1 / -1;
+}
 @media screen and (max-width:1023px) {
   .tfms6a0 {
     padding-inline: 0;
@@ -208,26 +219,26 @@
   .tfms6ac {
     grid-template-columns: 1fr;
   }
-  .tfms6ac .tfms6a18 {
+  .tfms6ac .tfms6a19 {
     grid-column-start: 1;
     grid-column-end: 2;
   }
 }
 @media screen and (max-width: 992px) {
-  .tfms6ar h1 {
+  .tfms6as h1 {
     font-size: 37px;
     line-height: 1.29;
     margin-bottom: 0.4rem;
   }
 }
 @media screen and (maxwidth: 767px) {
-  .tfms6ar h1 {
+  .tfms6as h1 {
     font-size: 32px;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 0.4rem;
   }
-  .tfms6aw {
+  .tfms6ax {
     max-width: 69px;
   }
 }

package/dist/assets/Input/Input.css

@@ -56,6 +56,7 @@
   border-radius: 4px;
   background: #FFFFFF;
   padding: 16px;
+  min-height: 46.18px;
 }
 ._18du0laf:focus-within {
   border-width: 2px;

package/dist/assets/Input/RadioButton.css

@@ -0,0 +1,31 @@
+._1gnyc3c0 {
+  display: flex;
+  border: none;
+  padding: 0 0 0 16px;
+  margin: 0;
+}
+._1gnyc3c1 {
+  flex-direction: row;
+}
+._1gnyc3c2 {
+  flex-direction: column;
+}
+._1gnyc3c3 {
+  flex-direction: row;
+}
+._1gnyc3c4 {
+  display: flex;
+  flex-direction: column;
+  border-width: 2px;
+}
+._1gnyc3c4:focus-within {
+  border-width: 2px;
+  font-weight: 500;
+}
+._1gnyc3c5 {
+  display: flex;
+}
+._1gnyc3c0 label {
+  margin-right: 1rem;
+  margin-left: 4px;
+}

package/dist/assets/LoadingIndicator/LoadingIndicator.css

@@ -0,0 +1,27 @@
+@keyframes w7xgn40 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.w7xgn41 {
+  border: 12px solid #d6d6d6;
+  border-radius: 50%;
+  width: 50px;
+  height: 50px;
+  animation: w7xgn40 2s linear infinite;
+}
+.w7xgn42 {
+  border-top: 12px solid #213a63;
+}
+.w7xgn43 {
+  border-top: 12px solid #213a63;
+}
+.w7xgn44 {
+  border-top: 12px solid #faa74a;
+}
+.w7xgn45 {
+  border-top: 12px solid #faa74a;
+}

package/dist/assets/SetContainer/SetContainer.css

@@ -6,46 +6,104 @@
 }
 ._18ygy9m3 {
   background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._18ygy9m4 {
   background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._18ygy9m5 {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   gap: 24px;
 }
+._18ygy9m6 {
+  margin-inline: auto;
+  padding-bottom: 2.5rem;
+  text-align: center;
+  max-width: 1000px;
+}
 ._18ygy9m5 .containment {
   width: 100%;
 }
-._18ygy9m6 {
+._18ygy9m7 {
   display: flex;
   place-items: center;
   text-align: center;
   margin-inline: auto;
 }
+._18ygy9m8 {
+  display: block;
+  margin: auto;
+}
+._18ygy9m9 {
+  margin-inline: auto;
+  padding-top: 2.5rem;
+  text-align: center;
+  max-width: 1000px;
+}
+._18ygy9ma {
+  isolation: isolate;
+  position: relative;
+}
+._18ygy9ma::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 77%;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+}
+._18ygy9mb {
+  background: var(--_1073cm88);
+}
+._18ygy9mb::before {
+  background: var(--_1073cm81);
+}
+._18ygy9mc {
+  background: var(--_1073cm81);
+}
+._18ygy9mc::before {
+  background: var(--_1073cm88);
+}
+._18ygy9md {
+  background: var(--_1073cm81);
+}
+._18ygy9md::before {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8n);
+}
+._18ygy9me {
+  background: var(--_1073cm81);
+}
+._18ygy9me::before {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
 @media screen and (max-width: 1023px) {
   ._18ygy9m5 {
     grid-template-columns: 1fr;
   }
 }
 @media screen and (max-width:320px) {
-  ._18ygy9m6 {
+  ._18ygy9m7 {
     max-width: 100%;
   }
 }
 @media screen and (max-width:768px) {
-  ._18ygy9m6 {
+  ._18ygy9m7 {
     max-width: 100%;
   }
 }
 @media screen and (max-width:641px) {
-  ._18ygy9m5:has(._18ygy9m6) {
+  ._18ygy9m5:has(._18ygy9m7) {
     grid-template-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width:480px) {
-  ._18ygy9m5:has(._18ygy9m6) {
+  ._18ygy9m5:has(._18ygy9m7) {
     grid-template-columns: 1fr;
   }
 }

package/dist/assets/Tab/Tab.css

@@ -0,0 +1,49 @@
+.lhhm340 {
+  padding: 15px;
+  text-align: center;
+  width: 50%;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.274);
+  box-sizing: content-box;
+  outline: none;
+  font-weight: 400;
+  font-size: 16px;
+  font-family: var(--main-font-family);
+  letter-spacing: 0.2px;
+}
+.lhhm341 {
+  color: var(--_1073cm82);
+}
+.lhhm342 {
+  color: var(--_1073cm89);
+}
+.lhhm343 {
+  color: var(--_1073cm8g);
+}
+.lhhm344 {
+  color: var(--_1073cm8n);
+}
+.lhhm345 {
+  border-right: rgba(128, 128, 128, 0.075);
+}
+.lhhm346 {
+  color: var(--_1073cm86);
+  border-bottom: 4px solid var(--_1073cm86);
+}
+.lhhm347 {
+  color: var(--_1073cm8d);
+  border-bottom: 4px solid var(--_1073cm8d);
+}
+.lhhm348 {
+  color: var(--_1073cm8k);
+  border-bottom: 4px solid var(--_1073cm8k);
+}
+.lhhm349 {
+  color: var(--_1073cm8r);
+  border-bottom: 4px solid var(--_1073cm8r);
+}
+.lhhm34a {
+  display: block;
+}

package/dist/assets/globals.css

@@ -85,6 +85,12 @@ p:only-child {
 .mb_0 {
   margin-bottom: 0;
 }
+.mb_16 {
+  margin-bottom: 16px;
+}
+.mb_32 {
+  margin-bottom: 32px;
+}
 .center {
   -webkit-box-pack: center;
   justify-content: center;

package/dist/assets/icons/Star/Star.css

@@ -0,0 +1,6 @@
+.mi4mae1 {
+  fill: #FAA74A;
+}
+.mi4mae2 {
+  fill: #4A5560;
+}

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

@@ -0,0 +1,13 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+export declare const Star: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        gold: {
+            fill: "#FAA74A";
+        };
+        gray: {
+            fill: "#4A5560";
+        };
+    };
+}>;
+export type Star_Types = RecipeVariants<typeof Star>;

package/dist/icons/Star/Star.css.js

@@ -0,0 +1,6 @@
+/* empty css                        */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  Star
+};

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

@@ -0,0 +1,9 @@
+import { StarIconTypes } from '../../utils';
+import { FC } from 'react';
+
+export interface StarProps {
+    variant: StarIconTypes;
+    className?: string;
+}
+declare const SvgStarIcon: FC<StarProps>;
+export default SvgStarIcon;

package/dist/icons/Star/index.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Star } from "./Star.css.js";
+const SvgStarIcon = ({ className, variant = "gold" }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 25,
+      height: 24,
+      fill: "none",
+      className,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: Star({ variant }),
+          fillRule: "evenodd",
+          d: "M9.143 8.287H3.265c-1.435 0-2.051 1.821-.911 2.692l4.82 3.682-1.802 5.83c-.43 1.395 1.184 2.52 2.344 1.634L12.33 18.6l4.614 3.525c1.16.887 2.775-.24 2.344-1.635l-1.801-5.829 4.82-3.682c1.14-.87.524-2.692-.911-2.692h-5.879l-1.754-5.675c-.435-1.41-2.43-1.41-2.866 0L9.143 8.287Z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+export {
+  SvgStarIcon as default
+};

package/dist/main.d.ts

@@ -12,6 +12,7 @@ export * from './CallToActionBar';
 export * from './Carousel';
 export * from './Chevron';
 export * from './CollectInformationAlert';
+export * from './Comparison';
 export * from './ContentBanner';
 export * from './DownloadTile';
 export * from './ExecutiveBio';
@@ -22,10 +23,12 @@ export * from './Forms';
 export * from './HeroBanner';
 export * from './Hyperlink';
 export * from './IconBillboard';
+export * from './icons';
 export * from './ImageBillboard';
 export * from './ImageLink';
 export * from './Input';
 export * from './LandingPageHeader';
+export * from './LoadingIndicator';
 export * from './MainHTML';
 export * from './Modal';
 export * from './NavigationMenu';
@@ -36,10 +39,10 @@ export * from './StepItem';
 export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
+export * from './themes';
 export * from './TopicalNavItem';
 export * from './TopicalNavSet';
 export * from './VideoTile';
 export * from './VideoWrapper';
-export * from './icons';
-export * from './themes';
+export * from './Tab';
 export * from './utils';