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

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/assets/IconBillboard/IconBillboard.css

@@ -89,10 +89,13 @@
   gap: 10px;
 }
 ._1r4ovbuh {
+  display: flex;
   justify-content: center;
   width: 100%;
   text-align: center;
   margin-top: auto;
+  gap: 24px;
+  flex-wrap: wrap;
 }
 ._1r4ovbui {
   margin-inline: auto;

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import { CallToActionTypes } from '../../utils/variant.types';
+import { FC } from 'react';
 
 export interface ArrowProps {
     variant: CallToActionTypes;

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/dist/utils/faqAccordionOptions.d.ts

@@ -0,0 +1 @@
+export declare const getLevelNumber: (level: string) => 1 | 2 | 3;

package/dist/utils/faqAccordionOptions.js

@@ -0,0 +1,20 @@
+const getLevelNumber = (level) => {
+  const faqlevel = level?.toLowerCase();
+  switch (faqlevel) {
+    case "one": {
+      return 1;
+    }
+    case "two": {
+      return 2;
+    }
+    case "three": {
+      return 3;
+    }
+    default: {
+      return 1;
+    }
+  }
+};
+export {
+  getLevelNumber
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,20 +28,20 @@
     "npm:link": "npm run build && npm link"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.3.4",
-    "@react-input/mask": "^1.2.0",
-    "@react-input/number-format": "^1.0.25",
+    "@hookform/resolvers": "^3.4.0",
+    "@react-input/mask": "^1.2.4",
+    "@react-input/number-format": "^1.0.26",
     "@storybook/builder-vite": "^7.6.19",
     "@storybook/preview-api": "^7.6.19",
     "@vanilla-extract/css": "^1.15.1",
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
-    "react-hook-form": "^7.51.3",
+    "react-hook-form": "^7.51.4",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",
     "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.6",
+    "zod": "^3.23.8",
     "zustand": "^4.5.2"
   },
   "peerDependencies": {
@@ -58,7 +58,7 @@
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",
-    "@storybook/addon-onboarding": "^8.0.9",
+    "@storybook/addon-onboarding": "^8.1.0",
     "@storybook/addon-themes": "^7.6.19",
     "@storybook/blocks": "^7.6.19",
     "@storybook/react": "^7.6.19",
@@ -67,11 +67,11 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "@types/node": "^20.12.8",
-    "@types/react": "^18.3.1",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/recipes": "^0.5.2",
     "@vanilla-extract/vite-plugin": "^4.0.9",
@@ -79,9 +79,9 @@
     "esbuild-vanilla-image-loader": "^0.1.3",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.12",
+    "glob": "^10.3.15",
     "husky": "^9.0.11",
     "next": "^14.1.4",
     "prettier": "3.2.5",
@@ -91,11 +91,11 @@
     "rollup-plugin-svg-import": "^3.0.0",
     "rollup-plugin-svgo": "^2.0.0",
     "storybook": "^7.6.19",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.9.0",
-    "vite-plugin-lib-inject-css": "^2.0.1",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-setting-css-module": "^1.1.4",
     "vite-tsconfig-paths": "^4.3.2"
   },