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

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -1,33 +1,62 @@
 .txcb8d0 {
   border: 1px solid transparent;
 }
-.txcb8d1 {
+._1073cm80 .txcb8d1 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
   border-color: var(--_1073cm87);
 }
-.txcb8d2 {
+._1es6o1h0 .txcb8d1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+  border-color: var(--_1073cm87);
+}
+._1073cm80 .txcb8d2 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-.txcb8d3 {
+._1es6o1h0 .txcb8d2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._1073cm80 .txcb8d3 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-.txcb8d4 {
+._1es6o1h0 .txcb8d3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1073cm80 .txcb8d4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._1es6o1h0 .txcb8d4 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-.txcb8d6 {
+._1073cm80 .txcb8d6 {
   color: var(--_1073cm83);
 }
-.txcb8d7 {
+._1es6o1h0 .txcb8d6 {
+  color: var(--_1073cm83);
+}
+._1073cm80 .txcb8d7 {
+  color: var(--_1073cm8a);
+}
+._1es6o1h0 .txcb8d7 {
   color: var(--_1073cm8a);
 }
-.txcb8d8 {
+._1073cm80 .txcb8d8 {
   color: var(--_1073cm8h);
 }
-.txcb8d9 {
+._1es6o1h0 .txcb8d8 {
+  color: var(--_1073cm8h);
+}
+._1073cm80 .txcb8d9 {
+  color: var(--_1073cm8o);
+}
+._1es6o1h0 .txcb8d9 {
   color: var(--_1073cm8o);
 }
 .txcb8da {
@@ -37,39 +66,57 @@
   line-height: 1.29;
   margin-top: 10px;
 }
-.txcb8db {
+._1073cm80 .txcb8db {
   color: var(--_1073cm83);
 }
-.txcb8dc {
+._1es6o1h0 .txcb8db {
+  color: var(--_1073cm83);
+}
+._1073cm80 .txcb8dc {
+  color: var(--_1073cm8a);
+}
+._1es6o1h0 .txcb8dc {
   color: var(--_1073cm8a);
 }
-.txcb8dd {
+._1073cm80 .txcb8dd {
   color: var(--_1073cm8g);
 }
-.txcb8de {
+._1es6o1h0 .txcb8dd {
+  color: var(--_1073cm8g);
+}
+._1073cm80 .txcb8de {
+  color: var(--_1073cm8n);
+}
+._1es6o1h0 .txcb8de {
   color: var(--_1073cm8n);
 }
-.txcb8dg {
+._1073cm80 .txcb8dg {
+  fill: var(--_1073cm83);
+}
+._1es6o1h0 .txcb8dg {
   fill: var(--_1073cm83);
 }
-.txcb8dh {
+._1073cm80 .txcb8dh {
+  fill: var(--_1073cm8a);
+}
+._1es6o1h0 .txcb8dh {
   fill: var(--_1073cm8a);
 }
-.txcb8di {
+._1073cm80 .txcb8di {
   fill: var(--_1073cm8h);
 }
-.txcb8dj {
-  fill: var(--_1073cm8o);
+._1es6o1h0 .txcb8di {
+  fill: var(--_1073cm8h);
 }
-.txcb8dm {
-  padding: 48px;
+._1073cm80 .txcb8dj {
+  fill: var(--_1073cm8o);
 }
-.txcb8dn {
-  margin-top: 24px;
+._1es6o1h0 .txcb8dj {
+  fill: var(--_1073cm8o);
 }
-.txcb8dn p {
-  font-size: 16px;
-  line-height: 1.5;
+.txcb8dl {
+  flex: 1 1 0%;
+  max-width: 50%;
 }
 .txcb8dl a {
   color: inherit;
@@ -79,7 +126,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;
@@ -88,22 +145,40 @@
   text-decoration: none;
   font-weight: 600;
 }
-.txcb8dp {
+._1073cm80 .txcb8dp {
   color: #0062B3;
 }
-.txcb8dq {
+._1es6o1h0 .txcb8dp {
   color: #0062B3;
 }
-.txcb8dr {
-  color: var(--_1073cm8h);
+._1073cm80 .txcb8dq {
+  color: #0062B3;
 }
-.txcb8ds {
-  color: var(--_1073cm8o);
+._1es6o1h0 .txcb8dq {
+  color: #0062B3;
+}
+._1073cm80 .txcb8dr {
+  color: #fff;
+}
+._1es6o1h0 .txcb8dr {
+  color: #fff;
+}
+._1073cm80 .txcb8ds {
+  color: #FAA74A;
+}
+._1es6o1h0 .txcb8ds {
+  color: #FAA74A;
 }
 .txcb8do a {
   text-decoration: none;
 }
-.txcb8dv {
+$.txcb8dl + .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 +186,90 @@
   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;
+  color: #333D46;
 }
 .txcb8d11 {
-  background: var(--_1073cm81);
-}
-.txcb8d12 {
-  background: var(--_1073cm88);
   padding-top: 56px;
   padding-bottom: 56px;
   margin-top: 0;
 }
-.txcb8d13 {
+._1073cm80 .txcb8d12 {
+  background: var(--_1073cm81);
+}
+._1es6o1h0 .txcb8d12 {
+  background: var(--_1073cm81);
+}
+._1073cm80 .txcb8d13 {
+  background: var(--_1073cm88);
+}
+._1es6o1h0 .txcb8d13 {
+  background: var(--_1073cm88);
+}
+._1073cm80 .txcb8d14 {
   background: var(--_1073cm8f);
-  padding-top: 56px;
-  padding-bottom: 56px;
-  margin-top: 0;
 }
-.txcb8d14 {
+._1es6o1h0 .txcb8d14 {
+  background: #1E262F;
+}
+._1073cm80 .txcb8d15 {
   background: var(--_1073cm8m);
-  padding-top: 56px;
-  padding-bottom: 56px;
-  margin-top: 0;
 }
-.txcb8d16 {
+._1es6o1h0 .txcb8d15 {
+  background: #1E262F;
+}
+._1073cm80 .txcb8d17 {
   color: var(--_1073cm83);
 }
-.txcb8d17 {
+._1es6o1h0 .txcb8d17 {
+  color: var(--_1073cm83);
+}
+._1073cm80 .txcb8d18 {
   color: var(--_1073cm8a);
 }
-.txcb8d18 {
-  color: var(--_1073cm8h);
+._1es6o1h0 .txcb8d18 {
+  color: var(--_1073cm8a);
 }
-.txcb8d19 {
-  color: var(--_1073cm8o);
+._1073cm80 .txcb8d19 {
+  color: #1E3860;
 }
-.txcb8d1a {
-  position: relative;
+._1es6o1h0 .txcb8d19 {
+  color: #1E262F;
+}
+._1073cm80 .txcb8d1a {
+  color: #1E3860;
+}
+._1es6o1h0 .txcb8d1a {
+  color: #1E262F;
 }
 .txcb8d1b {
+  position: relative;
+}
+.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 +280,35 @@
     max-width: 100%;
   }
   .txcb8du {
+    margin-top: 24px;
+  }
+  $.txcb8dl + .txcb8du {
+    margin-left: 0;
+  }
+  .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 {
+  .txcb8d11 {
     padding-top: 42px;
     padding-bottom: 42px;
   }
-  .txcb8d14 {
-    padding-top: 42px;
-    padding-bottom: 42px;
-  }
-  .txcb8d1b {
+  .txcb8d1c {
     margin-top: 24px;
   }
 }
@@ -225,15 +318,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 +334,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/assets/SetContainer/SetContainer.css

@@ -24,9 +24,6 @@
   text-align: center;
   margin-inline: auto;
 }
-._18ygy9m5:has(._18ygy9m6) {
-  grid-template-columns: repeat(3, minmax(min(300px, 100%), 1fr));
-}
 @media screen and (max-width: 1023px) {
   ._18ygy9m5 {
     grid-template-columns: 1fr;

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_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headline_setting, 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,
@@ -200,7 +237,6 @@ export {
   billboard_icon,
   billboard_image,
   billboard_img,
-  bio_name,
   bio_section_text,
   body,
   bodyAccordion,
@@ -219,6 +255,7 @@ export {
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   container,
   containerIconBillboard,
@@ -257,6 +294,7 @@ export {
   headerVariants,
   header_section,
   header_theme,
+  headline_setting,
   headshot,
   helperText,
   hide,

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.59",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",