@axos-web-dev/shared-components 0.0.167 → 0.0.169

package/dist/assets/SecondaryFooter/SecondaryFooter.css

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

package/dist/assets/SetContainer/SetContainer.css

@@ -18,6 +18,22 @@
   gap: 24px;
 }
 ._18ygy9m6 {
+  display: grid;
+  gap: 24px;
+}
+._18ygy9m7 {
+  grid-template-columns: repeat(auto-fit, minmax(min(600px, 100%), 1fr));
+}
+._18ygy9m8 {
+  grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
+}
+._18ygy9m9 {
+  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
+}
+._18ygy9ma {
+  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
+}
+._18ygy9mb {
   margin-inline: auto;
   padding-bottom: 2.5rem;
   text-align: center;
@@ -27,28 +43,28 @@
 ._18ygy9m5 .containment {
   width: 100%;
 }
-._18ygy9m7 {
+._18ygy9mc {
   display: flex;
   place-items: center;
   text-align: center;
   margin-inline: auto;
 }
-._18ygy9m8 {
+._18ygy9md {
   display: block;
   margin: auto;
 }
-._18ygy9m9 {
+._18ygy9me {
   margin-inline: auto;
   padding-top: 2.5rem;
   text-align: center;
   max-width: 1000px;
   padding-bottom: 2.5rem;
 }
-._18ygy9ma {
+._18ygy9mf {
   isolation: isolate;
   position: relative;
 }
-._18ygy9ma::before {
+._18ygy9mf::before {
   content: "";
   position: absolute;
   width: 100%;
@@ -58,29 +74,29 @@
   right: 0;
   z-index: -1;
 }
-._18ygy9mb {
+._18ygy9mg {
   background: var(--_1073cm88);
 }
-._18ygy9mb::before {
+._18ygy9mg::before {
   background: var(--_1073cm81);
 }
-._18ygy9mc {
+._18ygy9mh {
   background: var(--_1073cm81);
 }
-._18ygy9mc::before {
+._18ygy9mh::before {
   background: var(--_1073cm88);
 }
-._18ygy9md {
+._18ygy9mi {
   background: var(--_1073cm81);
 }
-._18ygy9md::before {
+._18ygy9mi::before {
   background: var(--_1073cm8f);
   color: var(--_1073cm8n);
 }
-._18ygy9me {
+._18ygy9mj {
   background: var(--_1073cm81);
 }
-._18ygy9me::before {
+._18ygy9mj::before {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
@@ -88,6 +104,9 @@
   ._18ygy9m5 {
     grid-template-columns: 1fr;
   }
+  ._18ygy9m6 {
+    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
+  }
 }
 @media (min-width: 1024px) {
   ._18ygy9m5:has(> :nth-child(5):last-child) {
@@ -110,27 +129,22 @@
   }
 }
 @media screen and (max-width: 768px) {
-  ._18ygy9m6 {
+  ._18ygy9mb {
     padding-block: 1.5rem;
   }
 }
 @media screen and (max-width:320px) {
-  ._18ygy9m7 {
+  ._18ygy9mc {
     max-width: 100%;
   }
 }
 @media screen and (max-width:768px) {
-  ._18ygy9m7 {
+  ._18ygy9mc {
     max-width: 100%;
   }
 }
-@media screen and (max-width:641px) {
-  ._18ygy9m5:has(._18ygy9m7) {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-@media screen and (max-width:480px) {
-  ._18ygy9m5:has(._18ygy9m7) {
-    grid-template-columns: 1fr;
+@media screen and (max-width:1023px) {
+  ._18ygy9m5:has(._18ygy9mc) {
+    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   }
 }

package/dist/assets/globals.css

@@ -1,17 +1,17 @@
 @keyframes _5fvzn90 {
   0% {
-    right: -10px;
+    left: 4px;
   }
   to {
-    right: -4px;
+    left: 0px;
   }
 }
 @keyframes _5fvzn91 {
   0% {
-    right: -4px;
+    left: 0px;
   }
   to {
-    right: -10px;
+    left: 4px;
   }
 }
 * {
@@ -21,8 +21,8 @@
 a {
   box-sizing: border-box;
   color: inherit;
-  padding: 0;
   margin: 0;
+  padding: 0;
 }
 a:not([class]):hover {
   opacity: 0.8;
@@ -30,34 +30,24 @@ a:not([class]):hover {
 body {
   font-family: var(--main-font-family);
   font-size: 16px;
-  line-height: 1.39;
   letter-spacing: 0.2px;
+  line-height: 1.39;
 }
 p {
   margin-bottom: 10px;
 }
-li p {
-  margin-bottom: 0;
-}
-p:last-child {
-  margin-bottom: 0;
-}
-p:only-child {
+li p, p:last-child, p:only-child {
   margin-bottom: 0;
 }
 .containment {
-  width: min(1200px, calc(100% - 4rem));
   box-sizing: border-box;
-  margin-left: auto;
-  margin-right: auto;
+  margin-inline: auto;
+  width: min(1200px, calc(100% - 4rem));
 }
 .section_spacer {
   margin-top: 3.5rem;
 }
-.flex {
-  display: flex;
-}
-[class*='flex_'] {
+.flex, [class*='flex_'] {
   display: flex;
 }
 .flex_row {
@@ -125,7 +115,7 @@ p:only-child {
 .expand {
   max-height: 20rem !important;
 }
-.p_small {
+.p_small, .fs_16 {
   font-size: 1rem;
   line-height: 1.5;
 }
@@ -142,12 +132,11 @@ p:only-child {
   padding: 48px 56px;
 }
 .supertag {
-  font-weight: 700;
+  display: flex;
+  font-family: var(--main-font-family);
   font-size: 14px;
+  font-weight: 700;
   line-height: 26px;
-  letter-spacing: 0.2px;
-  font-family: var(--main-font-family);
-  display: flex;
 }
 h1, h2, h3, h4, h5, h6, es_font {
   font-family: var(--header-font-family);
@@ -161,16 +150,14 @@ h1, h2, h3, h4, h5, h6, es_font {
   line-height: 1.25;
 }
 .header_3 {
-  font-weight: 600;
   font-size: 28px;
+  font-weight: 600;
   line-height: 36px;
-  letter-spacing: 0.2px;
 }
 .header_4 {
-  font-weight: 600;
   font-size: 20px;
+  font-weight: 600;
   line-height: 28px;
-  letter-spacing: 0.2px;
 }
 .gradient_text {
   background: linear-gradient(3deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
@@ -188,7 +175,6 @@ h1, h2, h3, h4, h5, h6, es_font {
 .list_item {
   font-size: 1rem;
   line-height: 1.5rem;
-  letter-spacing: 0.2px;
   -webkit-box-align: start;
   align-items: flex-start;
 }
@@ -201,19 +187,18 @@ h1, h2, h3, h4, h5, h6, es_font {
   margin-top: 2px;
 }
 .btn_link {
-  font-weight: 600;
-  color: #323339;
-  letter-spacing: 0.2px;
-  padding: 0;
   background-color: transparent;
   border: 0;
-  text-transform: initial;
+  color: #323339;
+  display: inline-block;
+  font-size: 16px;
+  font-weight: 600;
+  opacity: 1;
+  padding: 0;
   position: relative;
   text-decoration: none;
-  display: inline-block;
+  text-transform: initial;
   white-space: nowrap;
-  opacity: 1;
-  font-size: 16px;
 }
 .btn__secondary:hover {
   opacity: 1;
@@ -221,18 +206,18 @@ h1, h2, h3, h4, h5, h6, es_font {
 .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 {
+.sc__btn > .arrow {
   position: relative;
+  animation: _5fvzn90 0.1s linear 0s 1 normal forwards;
+}
+.sc__btn:hover > .arrow, .arrow, .sc__btn:focus-within > .arrow {
   transition: 0.3s;
-  animation: _5fvzn90 0.3s ease-out 0s 1 normal forwards;
+  animation: _5fvzn91 0.3s ease-out 0s 1 normal forwards;
 }
 .link {
   word-break: break-word;
 }
-.p_16 {
+.p_16, .fs_16 {
   font-size: 1rem;
   line-height: 1.5;
 }
@@ -246,9 +231,8 @@ a {
   display: none !important;
 }
 .section_header {
-  margin-left: auto;
-  margin-right: auto;
   margin-bottom: 2.5rem;
+  margin-inline: auto;
   max-width: 49.5rem;
   text-align: center;
 }
@@ -260,10 +244,7 @@ sup {
   position: relative;
   top: -0.5em;
 }
-p:empty {
-  display: none;
-}
-ul:empty {
+p:empty, ul:empty {
   display: none;
 }
 .margin_block {

package/dist/main.js

@@ -108,7 +108,7 @@ import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
 import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { SetContainer } from "./SetContainer/SetContainer.js";
-import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
+import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_container_cols, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
 import "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
@@ -167,6 +167,7 @@ import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
+import { columnValues } from "./utils/variant.types.js";
 import { padding_in_footer, smb_section, smb_wrapper } from "./SocialMediaBar/SocialMediaBar.css.js";
 export {
   default20 as AASLogo,
@@ -371,6 +372,7 @@ export {
   calculator_headline,
   centerSelect,
   checkbox_group,
+  columnValues,
   comparison,
   comparison_buttons,
   comparison_container,
@@ -555,6 +557,7 @@ export {
   selection_section_icon,
   selection_section_icon_img,
   set_container,
+  set_container_cols,
   set_logo,
   setcontainer_section_text,
   shift,

package/dist/utils/allowedAxosDomains.js

@@ -29,7 +29,10 @@ const moreDomains = {
   "{JHALOAN}": process.env.JHA_LOANSPQ || "https://jha.loanspq.com",
   "{AXSECURITIES}": process.env.AXOS_SECURITIES_URL ?? "https://www.axossecurities.com",
   "{LIBSYN}": process.env.AXOS_LIBSYN || "https://sites.libsyn.com",
-  "{AXBBUSINESSCENTER}": process.env.AXOS_BUSINESS_CENTER || "https://www.axosbusinesscenter.com"
+  "{AXBC}": process.env.AXOS_BUSINESS_CENTER ?? "https://www.axosbusinesscenter.com",
+  "{AXMWDJ}": process.env.AXOS_MY_WORK_DAY_JOBS ?? "https://axos.wd5.myworkdayjobs.com/Axos",
+  "{AXMHA}": process.env.AXOS_MY_HOME_ADVANTAGE ?? "https://axos.myhomeadvantage.com",
+  "{AXTPL}": process.env.AXOS_THIRD_PARTY_LENDING ?? "https://thirdpartylending.axosbank.com"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/dist/utils/getNumber.d.ts

@@ -0,0 +1 @@
+export declare const getNumOfColumns: (text: string | undefined) => 1 | 2 | 3 | 4 | undefined;

package/dist/utils/getNumber.js

@@ -0,0 +1,17 @@
+const getNumOfColumns = (text) => {
+  if (text) {
+    if (text.includes("4")) {
+      return 4;
+    } else if (text.includes("3")) {
+      return 3;
+    } else if (text.includes("2")) {
+      return 2;
+    } else if (text.includes("1")) {
+      return 1;
+    }
+  }
+  return void 0;
+};
+export {
+  getNumOfColumns
+};

package/dist/utils/index.js

@@ -2,8 +2,10 @@ import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
 import { associatedEmail } from "./EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./validateExternalLinks.js";
+import { columnValues } from "./variant.types.js";
 export {
   associatedEmail,
+  columnValues,
   findMoreAxosDomains,
   getVariant,
   getVariantWithRegex,

package/dist/utils/variant.types.d.ts

@@ -4,3 +4,5 @@ export type SecondaryTypes = "primary" | "secondary";
 export type QuaternaryTypes = "primary" | "secondary" | "tertiary" | "quaternary";
 export type SideProps = "left" | "right";
 export type StarIconTypes = "gold" | "gray";
+export declare const columnValues: readonly [1, 2, 3, 4, undefined];
+export type ColumnTypes = (typeof columnValues)[number];

package/dist/utils/variant.types.js

@@ -1 +1,4 @@
-
+const columnValues = [1, 2, 3, 4, void 0];
+export {
+  columnValues
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.167",
+  "version": "0.0.169",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",