@axos-web-dev/shared-components 0.0.57 → 0.0.58

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -0,0 +1,234 @@
+.kjcqgc0 {
+  padding: 56px 0;
+  background-color: #fff;
+}
+.kjcqgc1 {
+  margin-bottom: 40px;
+}
+._1073cm80 .kjcqgc3 {
+  color: var(--_1073cm83);
+}
+._1es6o1h0 .kjcqgc3 {
+  color: var(--_1073cm83);
+}
+._1073cm80 .kjcqgc4 {
+  color: var(--_1073cm8a);
+}
+._1es6o1h0 .kjcqgc4 {
+  color: var(--_1073cm8a);
+}
+._1073cm80 .kjcqgc5 {
+  color: var(--_1073cm8h);
+}
+._1es6o1h0 .kjcqgc5 {
+  color: #1E262F;
+}
+._1073cm80 .kjcqgc6 {
+  color: var(--_1073cm8o);
+}
+._1es6o1h0 .kjcqgc6 {
+  color: #1E262F;
+}
+.kjcqgc7 {
+  font: 700 18px/1.44 var(--main-font-family);
+  text-decoration: none;
+}
+.kjcqgc7:hover {
+  opacity: 0.7;
+}
+._1073cm80 .kjcqgc8 {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgc8 {
+  color: var(--_1073cm83);
+}
+._1073cm80 .kjcqgc9 {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgc9 {
+  color: var(--_1073cm8a);
+}
+._1073cm80 .kjcqgca {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgca {
+  color: #1E262F;
+}
+._1073cm80 .kjcqgcb {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgcb {
+  color: #1E262F;
+}
+options => {
+    var className = config.defaultClassName;
+    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+    for (var variantName in selections) {
+      var _selections$variantNa;
+      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+      if (variantSelection != null) {
+        var selection = variantSelection;
+        if (typeof selection === 'boolean') {
+          // @ts-expect-error
+          selection = selection === true ? 'true' : 'false';
+        }
+        var selectionClassName =
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection];
+        if (selectionClassName) {
+          className += ' ' + selectionClassName;
+        }
+      }
+    }
+    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+        className += ' ' + compoundClassName;
+      }
+    }
+    return className;
+  } + .sc__btn {
+  display: inline-block;
+}
+._1073cm80 .kjcqgcd {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgcd {
+  fill: var(--_1073cm83);
+}
+._1073cm80 .kjcqgce {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgce {
+  fill: var(--_1073cm8a);
+}
+._1073cm80 .kjcqgcf {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgcf {
+  fill: #1E262F;
+}
+._1073cm80 .kjcqgcg {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgcg {
+  fill: #1E262F;
+}
+.kjcqgch article {
+  flex: 1 1 0%;
+}
+._1073cm80 .kjcqgcj {
+  color: var(--_1073cm82);
+  background: var(--_1073cm81);
+}
+._1es6o1h0 .kjcqgcj {
+  color: var(--_1073cm82);
+  background: var(--_1073cm81);
+}
+._1073cm80 .kjcqgck {
+  color: var(--_1073cm89);
+  background: var(--_1073cm88);
+}
+._1es6o1h0 .kjcqgck {
+  color: var(--_1073cm89);
+  background: var(--_1073cm88);
+}
+._1073cm80 .kjcqgcl {
+  color: var(--_1073cm8g);
+  background: var(--_1073cm8f);
+}
+._1es6o1h0 .kjcqgcl {
+  color: var(--_1073cm8g);
+  background: var(--_1073cm8f);
+}
+._1073cm80 .kjcqgcm {
+  color: var(--_1073cm8n);
+  background: var(--_1073cm8m);
+}
+._1es6o1h0 .kjcqgcm {
+  color: var(--_1073cm8n);
+  background: var(--_1073cm8m);
+}
+@media (max-width: 1023px) {
+  .kjcqgc0 {
+    padding: 44px 0;
+  }
+  .kjcqgc1 {
+    margin-bottom: 32px;
+  }
+  options => {
+    var className = config.defaultClassName;
+    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+    for (var variantName in selections) {
+      var _selections$variantNa;
+      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+      if (variantSelection != null) {
+        var selection = variantSelection;
+        if (typeof selection === 'boolean') {
+          // @ts-expect-error
+          selection = selection === true ? 'true' : 'false';
+        }
+        var selectionClassName =
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection];
+        if (selectionClassName) {
+          className += ' ' + selectionClassName;
+        }
+      }
+    }
+    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+        className += ' ' + compoundClassName;
+      }
+    }
+    return className;
+  } + .sc__btn {
+    margin-top: 16px;
+  }
+}
+@media (max-width: 768px) {
+  .kjcqgc0 {
+    padding: 32px 0;
+  }
+  .kjcqgc1 {
+    margin-bottom: 24px;
+  }
+  .kjcqgc7 {
+    font-size: 1rem;
+    line-height: 1.5;
+  }
+  .kjcqgch {
+    flex-direction: column;
+  }
+}
+@media (max-width:1023px) and (min-width:769px) {
+  options => {
+    var className = config.defaultClassName;
+    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+    for (var variantName in selections) {
+      var _selections$variantNa;
+      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+      if (variantSelection != null) {
+        var selection = variantSelection;
+        if (typeof selection === 'boolean') {
+          // @ts-expect-error
+          selection = selection === true ? 'true' : 'false';
+        }
+        var selectionClassName =
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection];
+        if (selectionClassName) {
+          className += ' ' + selectionClassName;
+        }
+      }
+    }
+    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+        className += ' ' + compoundClassName;
+      }
+    }
+    return className;
+  } > * {
+    font-size: 15px;
+    line-height: 1.4;
+  }
+}

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -0,0 +1,19 @@
+._1amgyqo0 {
+  background-color: #333d46;
+  color: #fff;
+  -webkit-filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
+  filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
+  padding: 3px 0;
+}
+._1amgyqo0 > .containment {
+  max-width: 1392px;
+  width: calc(100% - 48px);
+}
+._1amgyqo1 {
+  min-height: 54px;
+}
+@media (max-width: 1023px) {
+  ._1amgyqo1 {
+    flex-direction: column;
+  }
+}

package/dist/assets/AwardsItem/AwardsItem.css

@@ -0,0 +1,40 @@
+._16tnqb20 {
+  flex: 1 0 0%;
+  position: relative;
+  text-align: center;
+  padding: 4px 0;
+}
+._16tnqb20 + ._16tnqb20::after {
+  content: "";
+  position: absolute;
+  background-color: #bdbdbd;
+  height: 18.5px;
+  width: 1px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+._16tnqb21 {
+  color: #ddd;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+}
+._16tnqb22 {
+  font-family: var(--header-font-family);
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 2px;
+}
+@media (max-width: 1023px) {
+  ._16tnqb20 + ._16tnqb20 {
+    padding-top: 18px;
+  }
+  ._16tnqb20 + ._16tnqb20::after {
+    left: 50%;
+    top: 0;
+    -webkit-transform: translateX(-50%) rotate(90deg);
+    -ms-transform: translateX(-50%) rotate(90deg);
+    transform: translateX(-50%) rotate(90deg);
+  }
+}

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -61,15 +61,9 @@
 .txcb8dj {
   fill: var(--_1073cm8o);
 }
-.txcb8dm {
-  padding: 48px;
-}
-.txcb8dn {
-  margin-top: 24px;
-}
-.txcb8dn p {
-  font-size: 16px;
-  line-height: 1.5;
+.txcb8dl {
+  flex: 1 1 0%;
+  max-width: 50%;
 }
 .txcb8dl a {
   color: inherit;
@@ -79,7 +73,17 @@
   opacity: 0.8;
 }
 .txcb8dl > * + * {
-  margin-left: 24px;
+  margin-top: 24px;
+}
+.txcb8dm {
+  padding: 48px;
+}
+.txcb8dn {
+  margin-top: 24px;
+}
+.txcb8dn p {
+  font-size: 16px;
+  line-height: 1.5;
 }
 .txcb8do {
   margin-left: 15px;
@@ -103,7 +107,13 @@
 .txcb8do a {
   text-decoration: none;
 }
-.txcb8dv {
+.txcb8du {
+  margin-left: 1.5rem;
+}
+.txcb8du svg {
+  margin-left: 8px;
+}
+.txcb8dw {
   aspect-ratio: 1 / 1;
   background-position: center center;
   background-repeat: no-repeat;
@@ -111,70 +121,65 @@
   border-radius: 50%;
   width: 320px;
 }
-.txcb8dw {
+.txcb8dx {
   margin-right: 64px;
   width: auto;
 }
-.txcb8dz {
+.txcb8d10 {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 40px;
   text-align: center;
   max-width: 800px;
 }
-.txcb8dz h2 + p {
+.txcb8d10 h2 + p {
   margin-top: 8px;
 }
 .txcb8d11 {
-  background: var(--_1073cm81);
-}
-.txcb8d12 {
-  background: var(--_1073cm88);
   padding-top: 56px;
   padding-bottom: 56px;
   margin-top: 0;
 }
+.txcb8d12 {
+  background: var(--_1073cm81);
+}
 .txcb8d13 {
-  background: var(--_1073cm8f);
-  padding-top: 56px;
-  padding-bottom: 56px;
-  margin-top: 0;
+  background: var(--_1073cm88);
 }
 .txcb8d14 {
+  background: var(--_1073cm8f);
+}
+.txcb8d15 {
   background: var(--_1073cm8m);
-  padding-top: 56px;
-  padding-bottom: 56px;
-  margin-top: 0;
 }
-.txcb8d16 {
+.txcb8d17 {
   color: var(--_1073cm83);
 }
-.txcb8d17 {
+.txcb8d18 {
   color: var(--_1073cm8a);
 }
-.txcb8d18 {
+.txcb8d19 {
   color: var(--_1073cm8h);
 }
-.txcb8d19 {
+.txcb8d1a {
   color: var(--_1073cm8o);
 }
-.txcb8d1a {
+.txcb8d1b {
   position: relative;
 }
-.txcb8d1b {
+.txcb8d1c {
   margin-left: auto;
   margin-right: auto;
   margin-top: 40px;
   text-align: center;
   max-width: 800px;
 }
-@media (max-width: 1200px) {
+@media (max-width: 1240px) and (min-width: 1024px) {
   .txcb8dl {
-    flex-direction: column;
+    max-width: max-content;
   }
-  .txcb8dl > * + * {
-    margin-left: 0px;
-    margin-top: 24px;
+  .txcb8du {
+    align-items: flex-end;
   }
 }
 @media (max-width: 1023px) {
@@ -185,37 +190,33 @@
     max-width: 100%;
   }
   .txcb8du {
+    margin-left: 0;
+    margin-top: 24px;
+  }
+  .txcb8dv {
     display: flex;
     justify-content: center;
   }
-  .txcb8dw {
+  .txcb8dx {
     margin-right: 0px;
   }
-  .txcb8dx {
+  .txcb8dy {
     transform: translateY(1%);
   }
-  .txcb8dx p:first-of-type {
+  .txcb8dy p:first-of-type {
     margin-top: 8px;
   }
-  .txcb8dy {
+  .txcb8dz {
     flex-direction: column;
   }
-  .txcb8dz {
+  .txcb8d10 {
     margin-bottom: 24px;
   }
-  .txcb8d12 {
-    padding-top: 42px;
-    padding-bottom: 42px;
-  }
-  .txcb8d13 {
-    padding-top: 42px;
-    padding-bottom: 42px;
-  }
-  .txcb8d14 {
+  .txcb8d11 {
     padding-top: 42px;
     padding-bottom: 42px;
   }
-  .txcb8d1b {
+  .txcb8d1c {
     margin-top: 24px;
   }
 }
@@ -225,15 +226,15 @@
     font-size: 16px;
     line-height: 1.5;
   }
+  .txcb8dl > * + * {
+    margin-top: 10px;
+  }
   .txcb8dm {
     padding: 24px;
   }
   .txcb8dn {
     margin-top: 8x;
   }
-  .txcb8dl > * + * {
-    margin-top: 10px;
-  }
   .txcb8do {
     font-size: 18px;
     line-height: 26px;
@@ -241,22 +242,17 @@
   .txcb8dt {
     margin-top: 16px;
   }
-  .txcb8dv {
+  .txcb8du {
+    margin-top: 16px;
+  }
+  .txcb8dw {
     width: 200px;
   }
-  .txcb8dz h2 + p {
+  .txcb8d10 h2 + p {
     font-size: 1rem;
     line-height: 1.5;
   }
-  .txcb8d12 {
-    padding-top: 32px;
-    padding-bottom: 32px;
-  }
-  .txcb8d13 {
-    padding-top: 32px;
-    padding-bottom: 32px;
-  }
-  .txcb8d14 {
+  .txcb8d11 {
     padding-top: 32px;
     padding-bottom: 32px;
   }

package/dist/main.d.ts

@@ -1,6 +1,10 @@
 export * from './Accordion';
 export * from './AlertBanner';
 export * from './ApyCalculator';
+export * from './Article';
+export * from './ArticlesSet';
+export * from './AwardsItem';
+export * from './AwardsBanner';
 export * from './BulletItem';
 export * from './Button';
 export * from './CallToActionBar';

package/dist/main.js

@@ -3,6 +3,14 @@ import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Ac
 import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion/Accordion.css.js";
 import { AlertBanner } from "./AlertBanner/index.js";
 import { ApyCalculator } from "./ApyCalculator/index.js";
+import { Article } from "./Article/Article.js";
+import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article/Article.css.js";
+import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
+import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet/ArticlesSet.css.js";
+import { award_company, award_item, award_name } from "./AwardsItem/AwardsItem.css.js";
+import { AwardsItem } from "./AwardsItem/AwardsItem.js";
+import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
+import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
 import { BulletItem } from "./BulletItem/BulletItem.js";
 import { Button } from "./Button/Button.js";
 import { button } from "./Button/Button.css.js";
@@ -14,7 +22,7 @@ import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
-import { bio_name, bio_section_text, components, contact_col, contact_entry, contacts, copy, description, details, header_theme, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio/ExecutiveBio.css.js";
+import { bio_name, bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
@@ -30,6 +38,8 @@ import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFields
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
+import { ContactCompany } from "./Forms/ContactCompany.js";
+import { DealerServices } from "./Forms/DealerServices.js";
 import { HeroBanner } from "./HeroBanner/index.js";
 import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
@@ -50,6 +60,7 @@ import { selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
 import { InputPhone } from "./Input/InputPhone.js";
+import { InputTextArea } from "./Input/InputTextArea.js";
 import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
 import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/Modal.js";
@@ -106,6 +117,10 @@ export {
   ApplicationStart,
   ApyCalculator,
   default5 as ArrowIcon,
+  Article,
+  ArticlesSet,
+  AwardsBanner,
+  AwardsItem,
   AxosFooterSiteMap,
   default6 as AxosX,
   default7 as AxosXBlue,
@@ -123,9 +138,11 @@ export {
   default12 as ChevronUp,
   default13 as CloseIcon,
   CollectInformationAlert,
+  ContactCompany,
   ContactUsBusiness,
   ContentBanner,
   CurrencyInput,
+  DealerServices,
   default14 as DownloadIcon,
   DownloadTile,
   Dropdown,
@@ -151,6 +168,7 @@ export {
   ImageLinkSet,
   Input,
   InputPhone,
+  InputTextArea,
   LandingPageHeader,
   default16 as LockIcon,
   MainHTML,
@@ -187,10 +205,29 @@ export {
   accordion,
   actions,
   alternate_color_rows,
+  ant_article,
+  ant_blog_cta,
+  ant_card_body,
+  ant_card_cta,
+  ant_card_title,
+  ant_content,
+  ant_eyebrow,
+  ant_grid,
+  ant_header,
+  ant_img,
+  ant_sec_body,
+  ant_sec_title,
+  ant_section,
+  ant_svg_fill,
   app_col,
   apy_billboard,
   apy_table,
   associatedEmail,
+  award_company,
+  award_item,
+  award_name,
+  awards_row,
+  awards_section,
   axosTheme,
   billboard,
   billboard_body,
@@ -219,6 +256,7 @@ export {
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   container,
   containerIconBillboard,

package/package.json

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