@axos-web-dev/shared-components 0.0.60 → 0.0.62

package/dist/TopicalNavSet/TopicalNavSet.js

@@ -0,0 +1,21 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { picker_section, picker_container, picker_orient } from "./TopicalNavSet.css.js";
+import { TopicalNavItem } from "../TopicalNavItem/TopicalNavItem.js";
+const TopicalNavSet = ({
+  id,
+  topicalNavigationItems
+}) => {
+  return /* @__PURE__ */ jsx("nav", { className: picker_section, children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    TopicalNavItem,
+    {
+      id: `id_${id}`,
+      icon: { src: nav?.icon?.src || "" },
+      displayText: nav?.displayText,
+      targetUrl: nav?.targetUrl
+    },
+    index
+  ) })) }) }) });
+};
+export {
+  TopicalNavSet
+};

package/dist/TopicalNavSet/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TopicalNavSet.css';
+export * from './TopicalNavSet';

package/dist/TopicalNavSet/index.js

@@ -0,0 +1,8 @@
+import { picker_container, picker_orient, picker_section } from "./TopicalNavSet.css.js";
+import { TopicalNavSet } from "./TopicalNavSet.js";
+export {
+  TopicalNavSet,
+  picker_container,
+  picker_orient,
+  picker_section
+};

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -9,6 +9,9 @@
   max-width: 1392px;
   width: calc(100% - 48px);
 }
+.section_spacer:has(._1amgyqo0) {
+  margin-top: 0px;
+}
 ._1amgyqo1 {
   min-height: 54px;
 }

package/dist/assets/AwardsItem/AwardsItem.css

@@ -4,7 +4,7 @@
   text-align: center;
   padding: 4px 0;
 }
-._16tnqb20 + ._16tnqb20::after {
+._16tnqb20::after {
   content: "";
   position: absolute;
   background-color: #bdbdbd;
@@ -14,6 +14,12 @@
   top: 50%;
   transform: translateY(-50%);
 }
+._16tnqb20:first-child::after {
+  display: none;
+}
+._16tnqb20 > img {
+  display: inline-block;
+}
 ._16tnqb21 {
   color: #ddd;
   font-size: 12px;
@@ -27,10 +33,10 @@
   margin-bottom: 2px;
 }
 @media (max-width: 1023px) {
-  ._16tnqb20 + ._16tnqb20 {
+  ._16tnqb20 {
     padding-top: 18px;
   }
-  ._16tnqb20 + ._16tnqb20::after {
+  ._16tnqb20::after {
     left: 50%;
     top: 0;
     -webkit-transform: translateX(-50%) rotate(90deg);

package/dist/assets/Calculators/calculator.css

@@ -0,0 +1,47 @@
+.iois7n0 {
+  margin: 1.5em 0;
+  font: 400 16px / 1.3 var(--main-font-family);
+}
+.iois7n1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+.iois7n2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.iois7n3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.iois7n4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.iois7n5 {
+  font: 600 2.5rem / 1.25 var(--header-font-family);
+}
+.iois7n6 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.iois7n7 {
+  background: var(--_1073cm8b);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.iois7n8 {
+  color: var(--_1073cm8h);
+}
+.iois7n9 {
+  color: var(--_1073cm8o);
+}
+@media screen and (max-width:768px) {
+  .iois7n5 {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+}

package/dist/assets/ContentBanner/ContentBanner.css

@@ -14,6 +14,12 @@
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
+._1bwl51g5 {
+  display: block;
+  font: 700 18px / 1.3 var(--main-font-family);
+  margin-bottom: 8px;
+  letter-spacing: .2px;
+}
 ._1bwl51g6 {
   background: var(--_1073cm84);
   background-clip: text;
@@ -21,48 +27,64 @@
   text-shadow: 0px 0px #00000000;
 }
 ._1bwl51g7 {
-  color: var(--_1073cm8a);
+  background: var(--_1073cm8b);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1bwl51g8 {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8k);
 }
 ._1bwl51g9 {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8n);
 }
 ._1bwl51ga {
+  margin-bottom: 24px;
+}
+._1bwl51gb {
   padding-top: 80px;
   padding-bottom: 80px;
 }
-._1bwl51gb {
+._1bwl51gc {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+._1bwl51gd {
   margin-top: 9px;
 }
-._1bwl51gb p {
+._1bwl51gd p {
   font: 400 1rem/1.5 var(--main-font-family);
 }
-._1bwl51gb > *+* {
+._1bwl51gd > * + * {
   margin-top: 10px;
 }
-._1bwl51gc {
+._1bwl51ge {
   align-items: center;
   display: flex;
   justify-content: center;
   margin-top: 1.5rem;
   gap: 48px;
 }
-._1bwl51gd {
+._1bwl51gf {
   margin-left: 48px;
 }
 @media screen and (max-width:1023px) {
-  ._1bwl51ga {
+  ._1bwl51gb {
     padding-top: 48px;
     padding-bottom: 48px;
   }
-  ._1bwl51gc {
+  ._1bwl51ge {
     flex-direction: column;
     gap: 16px;
   }
-  ._1bwl51gd {
+  ._1bwl51gf {
     margin-top: 24px;
     margin-left: 0;
   }
+}
+@media screen and (max-width:768px) {
+  ._1bwl51gc {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
 }

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -35,28 +35,16 @@
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-._1073cm80 .txcb8d6 {
+.txcb8d6 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .txcb8d6 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .txcb8d7 {
-  color: var(--_1073cm8a);
-}
-._1es6o1h0 .txcb8d7 {
+.txcb8d7 {
   color: var(--_1073cm8a);
 }
-._1073cm80 .txcb8d8 {
-  color: var(--_1073cm8h);
-}
-._1es6o1h0 .txcb8d8 {
+.txcb8d8 {
   color: var(--_1073cm8h);
 }
-._1073cm80 .txcb8d9 {
-  color: var(--_1073cm8o);
-}
-._1es6o1h0 .txcb8d9 {
+.txcb8d9 {
   color: var(--_1073cm8o);
 }
 .txcb8da {
@@ -66,52 +54,28 @@
   line-height: 1.29;
   margin-top: 10px;
 }
-._1073cm80 .txcb8db {
-  color: var(--_1073cm83);
-}
-._1es6o1h0 .txcb8db {
+.txcb8db {
   color: var(--_1073cm83);
 }
-._1073cm80 .txcb8dc {
-  color: var(--_1073cm8a);
-}
-._1es6o1h0 .txcb8dc {
+.txcb8dc {
   color: var(--_1073cm8a);
 }
-._1073cm80 .txcb8dd {
+.txcb8dd {
   color: var(--_1073cm8g);
 }
-._1es6o1h0 .txcb8dd {
-  color: var(--_1073cm8g);
-}
-._1073cm80 .txcb8de {
-  color: var(--_1073cm8n);
-}
-._1es6o1h0 .txcb8de {
+.txcb8de {
   color: var(--_1073cm8n);
 }
-._1073cm80 .txcb8dg {
-  fill: var(--_1073cm83);
-}
-._1es6o1h0 .txcb8dg {
+.txcb8dg {
   fill: var(--_1073cm83);
 }
-._1073cm80 .txcb8dh {
+.txcb8dh {
   fill: var(--_1073cm8a);
 }
-._1es6o1h0 .txcb8dh {
-  fill: var(--_1073cm8a);
-}
-._1073cm80 .txcb8di {
+.txcb8di {
   fill: var(--_1073cm8h);
 }
-._1es6o1h0 .txcb8di {
-  fill: var(--_1073cm8h);
-}
-._1073cm80 .txcb8dj {
-  fill: var(--_1073cm8o);
-}
-._1es6o1h0 .txcb8dj {
+.txcb8dj {
   fill: var(--_1073cm8o);
 }
 .txcb8dk {
@@ -148,29 +112,17 @@
   text-decoration: none;
   font-weight: 600;
 }
-._1073cm80 .txcb8dp {
-  color: #0062B3;
-}
-._1es6o1h0 .txcb8dp {
+.txcb8dp {
   color: #0062B3;
 }
-._1073cm80 .txcb8dq {
+.txcb8dq {
   color: #0062B3;
 }
-._1es6o1h0 .txcb8dq {
-  color: #0062B3;
-}
-._1073cm80 .txcb8dr {
-  color: #fff;
-}
-._1es6o1h0 .txcb8dr {
-  color: #fff;
-}
-._1073cm80 .txcb8ds {
-  color: #FAA74A;
+.txcb8dr {
+  color: var(--_1073cm8h);
 }
-._1es6o1h0 .txcb8ds {
-  color: #FAA74A;
+.txcb8ds {
+  color: var(--_1073cm8o);
 }
 .txcb8do a {
   text-decoration: none;
@@ -209,53 +161,29 @@ $.txcb8dl + .txcb8du {
   padding-bottom: 56px;
   margin-top: 0;
 }
-._1073cm80 .txcb8d12 {
+.txcb8d12 {
   background: var(--_1073cm81);
 }
-._1es6o1h0 .txcb8d12 {
-  background: var(--_1073cm81);
-}
-._1073cm80 .txcb8d13 {
+.txcb8d13 {
   background: var(--_1073cm88);
 }
-._1es6o1h0 .txcb8d13 {
-  background: var(--_1073cm88);
-}
-._1073cm80 .txcb8d14 {
+.txcb8d14 {
   background: var(--_1073cm8f);
 }
-._1es6o1h0 .txcb8d14 {
-  background: #1E262F;
-}
-._1073cm80 .txcb8d15 {
+.txcb8d15 {
   background: var(--_1073cm8m);
 }
-._1es6o1h0 .txcb8d15 {
-  background: #1E262F;
-}
-._1073cm80 .txcb8d17 {
+.txcb8d17 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .txcb8d17 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .txcb8d18 {
+.txcb8d18 {
   color: var(--_1073cm8a);
 }
-._1es6o1h0 .txcb8d18 {
-  color: var(--_1073cm8a);
-}
-._1073cm80 .txcb8d19 {
-  color: #1E3860;
-}
-._1es6o1h0 .txcb8d19 {
-  color: #1E262F;
-}
-._1073cm80 .txcb8d1a {
-  color: #1E3860;
+.txcb8d19 {
+  color: var(--_1073cm8h);
 }
-._1es6o1h0 .txcb8d1a {
-  color: #1E262F;
+.txcb8d1a {
+  color: var(--_1073cm8o);
 }
 .txcb8d1b {
   position: relative;

package/dist/assets/StepItem/StepItem.css

@@ -0,0 +1,144 @@
+._1y8r7dk0 {
+  position: relative;
+}
+._1y8r7dk0:first-child > :first-child::before {
+  height: calc(100% - 31px);
+  bottom: 0;
+}
+._1y8r7dk0:last-child > :first-child::before {
+  top: 0;
+  height: 65px;
+}
+._1y8r7dk1 {
+  position: relative;
+  isolation: isolate;
+}
+._1y8r7dk1::before {
+  content: "";
+  position: absolute;
+  height: 100%;
+  border-left: 1px dashed transparent;
+  left: 7px;
+  z-index: -1;
+}
+._1y8r7dk2 {
+  border-color: var(--_1073cm82);
+}
+._1y8r7dk3 {
+  border-color: var(--_1073cm89);
+}
+._1y8r7dk4 {
+  border-color: var(--_1073cm8g);
+}
+._1y8r7dk5 {
+  border-color: var(--_1073cm8n);
+}
+._1y8r7dk6 {
+  border: 4px solid transparent;
+  border-radius: 50%;
+  height: 7px;
+  width: 7px;
+  box-sizing: content-box;
+}
+._1073cm80 ._1y8r7dk7 {
+  border-color: #4D85B0;
+  background: var(--_1073cm81);
+}
+._1es6o1h0 ._1y8r7dk7 {
+  border-color: #4A5560;
+  background: var(--_1073cm81);
+}
+._1073cm80 ._1y8r7dk8 {
+  border-color: #4D85B0;
+  background: var(--_1073cm88);
+}
+._1es6o1h0 ._1y8r7dk8 {
+  border-color: #4A5560;
+  background: var(--_1073cm88);
+}
+._1073cm80 ._1y8r7dk9 {
+  border-color: #FAA74A;
+  background: #1E3860;
+}
+._1es6o1h0 ._1y8r7dk9 {
+  border-color: #FAA74A;
+  background: var(--_1073cm8f);
+}
+._1073cm80 ._1y8r7dka {
+  border-color: #FAA74A;
+  background: #1E3860;
+}
+._1es6o1h0 ._1y8r7dka {
+  border-color: #FAA74A;
+  background: var(--_1073cm8m);
+}
+._1y8r7dkb {
+  font: 500 60px/1.13 var(--header-font-family);
+  letter-spacing: 0.2px;
+  height: 72px;
+  width: 72px;
+  margin-left: 16px;
+}
+._1y8r7dkc {
+  color: var(--_1073cm83);
+}
+._1y8r7dkd {
+  color: var(--_1073cm8a);
+}
+._1y8r7dke {
+  color: var(--_1073cm8h);
+}
+._1y8r7dkf {
+  color: var(--_1073cm8o);
+}
+._1y8r7dkg {
+  flex: 1 1 0%;
+  margin-left: 24px;
+}
+._1y8r7dkh {
+  font: 600 24px/1.33 var(--header-font-family);
+  letter-spacing: 0.2px;
+  display: block;
+}
+._1y8r7dki {
+  color: var(--_1073cm83);
+}
+._1y8r7dkj {
+  color: var(--_1073cm8a);
+}
+._1y8r7dkk {
+  color: var(--_1073cm8h);
+}
+._1y8r7dkl {
+  color: var(--_1073cm8o);
+}
+._1y8r7dkm {
+  margin-top: 8px;
+  display: block;
+}
+._1y8r7dkm > * {
+  font: 400 16px/1.5 var(--main-font-family);
+}
+@media screen and (max-width:1023px) {
+  ._1y8r7dk1::before {
+    display: none;
+  }
+  ._1y8r7dk6 {
+    display: none;
+  }
+  ._1y8r7dkb {
+    height: 52px;
+    width: 52px;
+    font-size: 40px;
+    line-height: 1.25;
+    margin-left: 0px;
+  }
+  ._1y8r7dkh {
+    font-size: 18px;
+    line-height: 1.77;
+  }
+  ._1y8r7dkm {
+    font-size: 14px;
+    line-height: 1.5;
+  }
+}

package/dist/assets/StepItemSet/StepItemSet.css

@@ -0,0 +1,119 @@
+._18par6f0 {
+  padding-bottom: 48px;
+  padding-top: 48px;
+}
+._18par6f1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._18par6f2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm82);
+}
+._18par6f3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm82);
+}
+._18par6f4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm82);
+}
+._18par6f6 {
+  margin-bottom: 16px;
+}
+._18par6f8 {
+  fill: #1E3860;
+}
+._18par6f9 {
+  fill: #1E3860;
+}
+._18par6fa {
+  fill: #FFF;
+}
+._18par6fb {
+  fill: #FFF;
+}
+._18par6fd {
+  color: var(--_1073cm83);
+}
+._18par6fe {
+  color: var(--_1073cm8a);
+}
+._18par6ff {
+  color: var(--_1073cm8h);
+}
+._18par6fg {
+  color: var(--_1073cm8o);
+}
+._18par6fh {
+  margin-top: 16px;
+  text-align: center;
+}
+._18par6fh p {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+._18par6fj {
+  min-height: 378px;
+  width: 48%;
+  background-position: center center;
+  background-size: cover;
+}
+._18par6fk {
+  padding: 27px 48px;
+  flex: 1 1 0%;
+}
+._18par6fl {
+  padding: 0;
+  list-style: none;
+  margin: 0;
+}
+._18par6fl > li + li > :first-child > :first-child {
+  padding-top: 24px;
+}
+._18par6fl > li + li > :last-child {
+  padding-top: 24px;
+}
+._18par6fm > * + * {
+  margin-left: 48px;
+}
+._18par6fn {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  max-width: 800px;
+}
+@media screen and (min-width:1024px) {
+  ._18par6f5 {
+    width: min(1392px,calc(100% - 48px));
+  }
+}
+@media screen and (max-width:1280px) {
+  ._18par6fk {
+    padding-left: 24px;
+    padding-right: 0;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._18par6fi {
+    flex-direction: column;
+    margin-top: 24px;
+  }
+  ._18par6fj {
+    width: 100%;
+    min-height: 183px;
+    aspect-ratio: 16 / 9;
+  }
+  ._18par6fk {
+    padding: 0px;
+    margin-top: 24px;
+  }
+  ._18par6fm {
+    flex-direction: column;
+    margin-top: 24px;
+  }
+  ._18par6fm > * + * {
+    margin-left: 0px;
+    margin-top: 24px;
+  }
+}