@axos-web-dev/shared-components 0.0.67 → 0.0.68

package/dist/assets/LoadingIndicator/LoadingIndicator.css

@@ -0,0 +1,27 @@
+@keyframes w7xgn40 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.w7xgn41 {
+  border: 12px solid #d6d6d6;
+  border-radius: 50%;
+  width: 50px;
+  height: 50px;
+  animation: w7xgn40 2s linear infinite;
+}
+.w7xgn42 {
+  border-top: 12px solid #213a63;
+}
+.w7xgn43 {
+  border-top: 12px solid #213a63;
+}
+.w7xgn44 {
+  border-top: 12px solid #faa74a;
+}
+.w7xgn45 {
+  border-top: 12px solid #faa74a;
+}

package/dist/assets/SetContainer/SetContainer.css

@@ -6,46 +6,104 @@
 }
 ._18ygy9m3 {
   background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._18ygy9m4 {
   background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._18ygy9m5 {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   gap: 24px;
 }
+._18ygy9m6 {
+  margin-inline: auto;
+  padding-bottom: 2.5rem;
+  text-align: center;
+  max-width: 1000px;
+}
 ._18ygy9m5 .containment {
   width: 100%;
 }
-._18ygy9m6 {
+._18ygy9m7 {
   display: flex;
   place-items: center;
   text-align: center;
   margin-inline: auto;
 }
+._18ygy9m8 {
+  display: block;
+  margin: auto;
+}
+._18ygy9m9 {
+  margin-inline: auto;
+  padding-top: 2.5rem;
+  text-align: center;
+  max-width: 1000px;
+}
+._18ygy9ma {
+  isolation: isolate;
+  position: relative;
+}
+._18ygy9ma::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 77%;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+}
+._18ygy9mb {
+  background: var(--_1073cm88);
+}
+._18ygy9mb::before {
+  background: var(--_1073cm81);
+}
+._18ygy9mc {
+  background: var(--_1073cm81);
+}
+._18ygy9mc::before {
+  background: var(--_1073cm88);
+}
+._18ygy9md {
+  background: var(--_1073cm81);
+}
+._18ygy9md::before {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8n);
+}
+._18ygy9me {
+  background: var(--_1073cm81);
+}
+._18ygy9me::before {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
 @media screen and (max-width: 1023px) {
   ._18ygy9m5 {
     grid-template-columns: 1fr;
   }
 }
 @media screen and (max-width:320px) {
-  ._18ygy9m6 {
+  ._18ygy9m7 {
     max-width: 100%;
   }
 }
 @media screen and (max-width:768px) {
-  ._18ygy9m6 {
+  ._18ygy9m7 {
     max-width: 100%;
   }
 }
 @media screen and (max-width:641px) {
-  ._18ygy9m5:has(._18ygy9m6) {
+  ._18ygy9m5:has(._18ygy9m7) {
     grid-template-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width:480px) {
-  ._18ygy9m5:has(._18ygy9m6) {
+  ._18ygy9m5:has(._18ygy9m7) {
     grid-template-columns: 1fr;
   }
 }

package/dist/assets/Tab/Tab.css

@@ -0,0 +1,49 @@
+.lhhm340 {
+  padding: 15px;
+  text-align: center;
+  width: 50%;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.274);
+  box-sizing: content-box;
+  outline: none;
+  font-weight: 400;
+  font-size: 16px;
+  font-family: var(--main-font-family);
+  letter-spacing: 0.2px;
+}
+.lhhm341 {
+  color: var(--_1073cm82);
+}
+.lhhm342 {
+  color: var(--_1073cm89);
+}
+.lhhm343 {
+  color: var(--_1073cm8g);
+}
+.lhhm344 {
+  color: var(--_1073cm8n);
+}
+.lhhm345 {
+  border-right: rgba(128, 128, 128, 0.075);
+}
+.lhhm346 {
+  color: var(--_1073cm86);
+  border-bottom: 4px solid var(--_1073cm86);
+}
+.lhhm347 {
+  color: var(--_1073cm8d);
+  border-bottom: 4px solid var(--_1073cm8d);
+}
+.lhhm348 {
+  color: var(--_1073cm8k);
+  border-bottom: 4px solid var(--_1073cm8k);
+}
+.lhhm349 {
+  color: var(--_1073cm8r);
+  border-bottom: 4px solid var(--_1073cm8r);
+}
+.lhhm34a {
+  display: block;
+}

package/dist/assets/globals.css

@@ -85,6 +85,12 @@ p:only-child {
 .mb_0 {
   margin-bottom: 0;
 }
+.mb_16 {
+  margin-bottom: 16px;
+}
+.mb_32 {
+  margin-bottom: 32px;
+}
 .center {
   -webkit-box-pack: center;
   justify-content: center;

package/dist/assets/icons/Star/Star.css

@@ -0,0 +1,6 @@
+.mi4mae1 {
+  fill: #FAA74A;
+}
+.mi4mae2 {
+  fill: #4A5560;
+}

package/dist/icons/Star/Star.css.d.ts

@@ -0,0 +1,13 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+export declare const Star: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        gold: {
+            fill: "#FAA74A";
+        };
+        gray: {
+            fill: "#4A5560";
+        };
+    };
+}>;
+export type Star_Types = RecipeVariants<typeof Star>;

package/dist/icons/Star/Star.css.js

@@ -0,0 +1,6 @@
+/* empty css                        */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  Star
+};

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

@@ -0,0 +1,9 @@
+import { StarIconTypes } from '../../utils';
+import { FC } from 'react';
+
+export interface StarProps {
+    variant: StarIconTypes;
+    className?: string;
+}
+declare const SvgStarIcon: FC<StarProps>;
+export default SvgStarIcon;

package/dist/icons/Star/index.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Star } from "./Star.css.js";
+const SvgStarIcon = ({ className, variant = "gold" }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 25,
+      height: 24,
+      fill: "none",
+      className,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: Star({ variant }),
+          fillRule: "evenodd",
+          d: "M9.143 8.287H3.265c-1.435 0-2.051 1.821-.911 2.692l4.82 3.682-1.802 5.83c-.43 1.395 1.184 2.52 2.344 1.634L12.33 18.6l4.614 3.525c1.16.887 2.775-.24 2.344-1.635l-1.801-5.829 4.82-3.682c1.14-.87.524-2.692-.911-2.692h-5.879l-1.754-5.675c-.435-1.41-2.43-1.41-2.866 0L9.143 8.287Z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+export {
+  SvgStarIcon as default
+};

package/dist/main.d.ts

@@ -12,6 +12,7 @@ export * from './CallToActionBar';
 export * from './Carousel';
 export * from './Chevron';
 export * from './CollectInformationAlert';
+export * from './Comparison';
 export * from './ContentBanner';
 export * from './DownloadTile';
 export * from './ExecutiveBio';
@@ -22,10 +23,12 @@ export * from './Forms';
 export * from './HeroBanner';
 export * from './Hyperlink';
 export * from './IconBillboard';
+export * from './icons';
 export * from './ImageBillboard';
 export * from './ImageLink';
 export * from './Input';
 export * from './LandingPageHeader';
+export * from './LoadingIndicator';
 export * from './MainHTML';
 export * from './Modal';
 export * from './NavigationMenu';
@@ -36,10 +39,10 @@ export * from './StepItem';
 export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
+export * from './themes';
 export * from './TopicalNavItem';
 export * from './TopicalNavSet';
 export * from './VideoTile';
 export * from './VideoWrapper';
-export * from './icons';
-export * from './themes';
+export * from './Tab';
 export * from './utils';

package/dist/main.js

@@ -21,6 +21,8 @@ import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
 import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
+import { comparison, comparison_buttons, comparison_container, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison/Comparison.css.js";
+import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
@@ -32,16 +34,20 @@ import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from ".
 import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
 import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap/AxosBank/FooterSiteMap.css.js";
 import { ApplicationStart } from "./Forms/ApplicationStart.js";
-import { EmailOnly } from "./Forms/EmailOnly.js";
+import { CommercialLending } from "./Forms/CommercialLending.js";
+import { ContactCompany } from "./Forms/ContactCompany.js";
+import { ContactUs } from "./Forms/ContactUs.js";
+import { ContactUsAAS } from "./Forms/ContactUsAAS.js";
 import { ContactUsBusiness } from "./Forms/ContactUsBusiness.js";
-import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
-import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
+import { DealerServices } from "./Forms/DealerServices.js";
+import { EmailOnly } from "./Forms/EmailOnly.js";
+import { EmailUs } from "./Forms/EmailUs.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 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 { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_img, hero_text, hero_wrapper, logout, reversed } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
@@ -49,12 +55,36 @@ import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
+import { default as default2 } from "./icons/ArrowIcon/index.js";
+import { default as default3 } from "./icons/AxosX/index.js";
+import { default as default4 } from "./icons/AxosX/Blue.js";
+import { default as default5 } from "./icons/CheckCircle.js";
+import { default as default6 } from "./icons/CheckCircleLight.js";
+import { default as default7 } from "./icons/CheckIcon/index.js";
+import { default as default8 } from "./icons/ChevronDown.js";
+import { default as default9 } from "./icons/ChevronUp.js";
+import { default as default10 } from "./icons/CloseIcon/index.js";
+import { default as default11 } from "./icons/DownloadIcon/index.js";
+import { default as default12 } from "./icons/EqualHousingLender.js";
+import { default as default13 } from "./icons/FollowIcon/index.js";
+import { default as default14 } from "./icons/LockIcon/index.js";
+import { default as default15 } from "./icons/MemberFdicLogo.js";
+import { default as default16 } from "./icons/QuoteIconGrey.js";
+import { default as default17 } from "./icons/QuoteIconWhite.js";
+import { default as default18 } from "./icons/QuoteIconYellow.js";
+import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
+import { default as default19 } from "./icons/Logos/AAS.js";
+import { default as default20 } from "./icons/Logos/AFS.js";
+import { default as default21 } from "./icons/Logos/AXA.js";
+import { default as default22 } from "./icons/Logos/AXC.js";
+import { default as default23 } from "./icons/Logos/AXI.js";
+import { default as default24 } from "./icons/Logos/AXOS.js";
 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 "react/jsx-runtime";
 import { SetContainer } from "./SetContainer/SetContainer.js";
-import { imageLinkContainer, inline_container, set_container } from "./SetContainer/SetContainer.css.js";
+import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
 import "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
@@ -67,12 +97,13 @@ import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
 import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
 import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
+import { LoadingIndicator } from "./LoadingIndicator/index.js";
 import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/Modal.js";
 import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
-import { default as default2 } from "./NavigationMenu/AxosAdvisor/index.js";
-import { default as default3 } from "./NavigationMenu/AxosAdvisorServices/index.js";
-import { default as default4 } from "./NavigationMenu/AxosFiduciary/index.js";
+import { default as default25 } from "./NavigationMenu/AxosAdvisor/index.js";
+import { default as default26 } from "./NavigationMenu/AxosAdvisorServices/index.js";
+import { default as default27 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItem } from "./StepItem/StepItem.js";
@@ -83,6 +114,8 @@ import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
+import { axosTheme, vars } from "./themes/axos.css.js";
+import { premierTheme } from "./themes/premier.css.js";
 import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
 import { TopicalNavItem } from "./TopicalNavItem/TopicalNavItem.js";
 import { picker_container, picker_orient, picker_section } from "./TopicalNavSet/TopicalNavSet.css.js";
@@ -91,43 +124,19 @@ import { VideoInit } from "./VideoTile/VideoInit.js";
 import { VideoTile } from "./VideoTile/VideoTile.js";
 import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
 import { VideoWrapper } from "./VideoWrapper/index.js";
-import { default as default5 } from "./icons/ArrowIcon/index.js";
-import { default as default6 } from "./icons/AxosX/index.js";
-import { default as default7 } from "./icons/AxosX/Blue.js";
-import { default as default8 } from "./icons/CheckCircle.js";
-import { default as default9 } from "./icons/CheckCircleLight.js";
-import { default as default10 } from "./icons/CheckIcon/index.js";
-import { default as default11 } from "./icons/ChevronDown.js";
-import { default as default12 } from "./icons/ChevronUp.js";
-import { default as default13 } from "./icons/CloseIcon/index.js";
-import { default as default14 } from "./icons/DownloadIcon/index.js";
-import { default as default15 } from "./icons/EqualHousingLender.js";
-import { default as default16 } from "./icons/FollowIcon/index.js";
-import { default as default17 } from "./icons/LockIcon/index.js";
-import { default as default18 } from "./icons/MemberFdicLogo.js";
-import { default as default19 } from "./icons/QuoteIconGrey.js";
-import { default as default20 } from "./icons/QuoteIconWhite.js";
-import { default as default21 } from "./icons/QuoteIconYellow.js";
-import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
-import { default as default22 } from "./icons/Logos/AAS.js";
-import { default as default23 } from "./icons/Logos/AFS.js";
-import { default as default24 } from "./icons/Logos/AXA.js";
-import { default as default25 } from "./icons/Logos/AXC.js";
-import { default as default26 } from "./icons/Logos/AXI.js";
-import { default as default27 } from "./icons/Logos/AXOS.js";
-import { axosTheme, vars } from "./themes/axos.css.js";
-import { premierTheme } from "./themes/premier.css.js";
+import { Tab } from "./Tab/Tab.js";
+import { TabContainer } from "./Tab/TabContainer.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
 export {
-  default22 as AASLogo,
-  default23 as AFSLogo,
-  default24 as AXALogo,
-  default25 as AXCLogo,
-  default26 as AXILogo,
-  default27 as AXOS,
+  default19 as AASLogo,
+  default20 as AFSLogo,
+  default21 as AXALogo,
+  default22 as AXCLogo,
+  default23 as AXILogo,
+  default24 as AXOS,
   Accordion,
   AccordionCtx,
   AccordionDetails,
@@ -138,43 +147,48 @@ export {
   AlertBanner,
   ApplicationStart,
   ApyCalculator,
-  default5 as ArrowIcon,
+  default2 as ArrowIcon,
   Article,
   ArticlesSet,
   AwardsBanner,
   AwardsItem,
   AxosFooterSiteMap,
-  default6 as AxosX,
-  default7 as AxosXBlue,
+  default3 as AxosX,
+  default4 as AxosXBlue,
   BulletItem,
   Button,
   Calculator,
   CallToActionBar,
   Carousel,
   CarouselSlide,
-  default8 as CheckCircle,
-  default9 as CheckCircleLight,
-  default10 as CheckIcon,
+  default5 as CheckCircle,
+  default6 as CheckCircleLight,
+  default7 as CheckIcon,
   Checkbox,
   Chevron,
-  default11 as ChevronDown,
-  default12 as ChevronUp,
-  default13 as CloseIcon,
+  default8 as ChevronDown,
+  default9 as ChevronUp,
+  default10 as CloseIcon,
   CollectInformationAlert,
+  CommercialLending,
+  ComparisonSet,
   ContactCompany,
+  ContactUs,
+  ContactUsAAS,
   ContactUsBusiness,
   ContentBanner,
   CurrencyInput,
   DealerServices,
-  default14 as DownloadIcon,
+  default11 as DownloadIcon,
   DownloadTile,
   Dropdown,
   EmailOnly,
-  default15 as EqualHousingLender,
+  EmailUs,
+  default12 as EqualHousingLender,
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
-  default16 as FollowIcon,
+  default13 as FollowIcon,
   FooterContent,
   FooterDisclosure,
   FooterIcons,
@@ -193,17 +207,17 @@ export {
   InputPhone,
   InputTextArea,
   LandingPageHeader,
-  default17 as LockIcon,
+  LoadingIndicator,
+  default14 as LockIcon,
   MainHTML,
-  default18 as MemberFdicLogo,
+  default15 as MemberFdicLogo,
   Modal,
-  default3 as NavBarAAS,
-  default4 as NavBarAFS,
-  default2 as NavBarAXA,
-  default19 as QuoteIconGrey,
-  default20 as QuoteIconWhite,
-  default21 as QuoteIconYellow,
-  RenderWebForm,
+  default26 as NavBarAAS,
+  default27 as NavBarAFS,
+  default25 as NavBarAXA,
+  default16 as QuoteIconGrey,
+  default17 as QuoteIconWhite,
+  default18 as QuoteIconYellow,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -214,6 +228,8 @@ export {
   StepItem,
   StepItemSet,
   SuccesFormWrapper,
+  Tab,
+  TabContainer,
   Table,
   TableBody,
   TableCell,
@@ -226,6 +242,7 @@ export {
   VideoInit,
   VideoTile,
   VideoWrapper,
+  WCPLSurvey,
   SvgWarningIcon as WarningIcon,
   accordion,
   actions,
@@ -279,6 +296,13 @@ export {
   buttons,
   calculator_description,
   calculator_headline,
+  comparison,
+  comparison_buttons,
+  comparison_container,
+  comparison_feature,
+  comparison_layout,
+  comparison_list,
+  comparison_tab_container,
   components,
   contact_col,
   contact_entry,
@@ -293,6 +317,8 @@ export {
   details,
   disclosureForm,
   expand_icon,
+  feature_header,
+  feature_title,
   findMoreAxosDomains,
   footerDisclosure,
   footerLink,
@@ -314,6 +340,7 @@ export {
   header,
   headerAccordion,
   headerCell,
+  headerComparison,
   headerContainer,
   headerContent,
   headerForm,
@@ -321,6 +348,7 @@ export {
   headerVariants,
   header_section,
   header_theme,
+  heading,
   headline_setting,
   headline_text,
   headshot,
@@ -352,6 +380,7 @@ export {
   isAllowedUrl,
   isEmailLink,
   isPhoneLink,
+  isolate_container,
   item,
   item_bio,
   job_title,
@@ -371,6 +400,7 @@ export {
   modifier,
   nested_grid,
   ol,
+  one_row,
   padding,
   paragraph,
   person,
@@ -387,7 +417,6 @@ export {
   rate_billboard,
   rate_container,
   rate_pad,
-  renderSwitch,
   reversed,
   sec_subtitle,
   sec_title,
@@ -404,6 +433,8 @@ export {
   selection_section_icon,
   selection_section_icon_img,
   set_container,
+  set_logo,
+  setcontainer_section_text,
   shift,
   shortUrl,
   show,

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

@@ -3,3 +3,4 @@ export type PrimaryAndTertiaryTypes = "primary" | "tertiary";
 export type SecondaryTypes = "primary" | "secondary";
 export type QuaternaryTypes = "primary" | "secondary" | "tertiary" | "quaternary";
 export type SideProps = "left" | "right";
+export type StarIconTypes = "gold" | "gray";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.67",
+  "version": "0.0.68",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -32,13 +32,15 @@
     "@react-input/mask": "^1.2.4",
     "@react-input/number-format": "^1.0.26",
     "@storybook/builder-vite": "^7.6.19",
+    "@storybook/icons": "^1.2.9",
     "@storybook/preview-api": "^7.6.19",
+    "@types/iframe-resizer": "3.5.13",
     "@vanilla-extract/css": "^1.15.2",
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
-    "react-hook-form": "^7.51.5",
-    "@types/iframe-resizer": "3.5.13",
     "iframe-resizer": "4.3.11",
+    "react-date-picker": "^11.0.0",
+    "react-hook-form": "^7.51.5",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",

package/dist/Forms/RenderForm.d.ts

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FormProps } from '.';
-
-export interface renderFormProps extends FormProps, PropsWithChildren {
-    form?: string;
-}
-export declare const renderSwitch: (form: string | undefined, props: FormProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderWebForm: (props: renderFormProps) => import("react/jsx-runtime").JSX.Element;