@axos-web-dev/shared-components 0.0.51 → 0.0.53

package/dist/assets/Input/Input.css

@@ -33,16 +33,21 @@
   color: var(--_1073cm8v);
 }
 ._18du0lab {
+  display: grid;
+  grid-template-columns: 24px auto;
+  gap: .5rem;
+}
+._18du0lac {
   position: absolute;
   align-items: center;
 }
-._18du0lac {
+._18du0lad {
   left: 16px;
 }
-._18du0lad {
+._18du0lae {
   right: 16px;
 }
-._18du0lae {
+._18du0laf {
   display: inline-flex;
   flex-direction: row;
   position: relative;
@@ -52,38 +57,46 @@
   background: #FFFFFF;
   padding: 16px;
 }
-._18du0lae:focus-within {
+._18du0laf:focus-within {
   border-width: 2px;
   font-weight: 400;
   border-color: var(--_1073cm86);
 }
-._18du0lae:disabled {
+._18du0laf:disabled {
   border-color: var(--_1073cm86);
 }
-._18du0laf {
+._18du0laf:has(._3tjom72) {
+  border-color: transparent;
+  background-color: unset;
+}
+._18du0laf:has(._3tjom72):focus-within {
+  border: none;
+  border-color: transparent;
+}
+._18du0lag {
   padding-top: 6px;
   padding-bottom: 6px;
 }
-._18du0lag {
+._18du0lah {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-._18du0lah {
+._18du0lai {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-._18du0lai {
+._18du0laj {
   border-color: var(--_1073cm8t);
 }
-._18du0lai:focus-within {
+._18du0laj:focus-within {
   border-color: var(--_1073cm8t);
 }
-._18du0laj {
+._18du0lak {
   border-color: var(--_1073cm8u);
   color: var(--_1073cm8v);
   background: var(--_1073cm8w);
 }
-._18du0lak {
+._18du0lal {
   outline: none;
   border: none;
   color: #5E6A74;
@@ -92,72 +105,80 @@
   width: 100%;
   line-height: 24px;
 }
-._18du0lak:focus {
+._18du0lal:focus {
   color: var(--_1073cm86);
 }
-._18du0lak:disabled {
+._18du0lal:disabled {
   color: #5E6A74;
   cursor: not-allowed;
 }
-._18du0lal {
+._18du0lam {
   font-size: 14px;
   line-height: 20px;
 }
-._18du0lac + ._18du0lal {
+._18du0lad + ._18du0lam {
   padding-left: 28px;
 }
-._18du0lal:has(+ ._18du0lad) {
+._18du0lam:has(+ ._18du0lae) {
   padding-right: 28px;
 }
-._18du0lam {
+._18du0lan {
   font-size: 16px;
   line-height: 24px;
 }
-._18du0lac + ._18du0lam {
+._18du0lad + ._18du0lan {
   padding-left: 48px;
 }
-._18du0lam:has(+ ._18du0lad) {
+._18du0lan:has(+ ._18du0lae) {
   padding-right: 48px;
 }
-._18du0lan {
+._18du0lao {
   font-size: 16px;
   line-height: 24px;
 }
-._18du0lac + ._18du0lan {
+._18du0lad + ._18du0lao {
   padding-left: 32px;
 }
-._18du0lan:has(+ ._18du0lad) {
+._18du0lao:has(+ ._18du0lae) {
   padding-right: 32px;
 }
-._18du0lao {
+._18du0lap {
   border-color: var(--_1073cm8t);
 }
-._18du0lap {
+._18du0laq {
   border-color: var(--_1073cm8u);
   color: var(--_1073cm8v);
   background: var(--_1073cm8w);
 }
-._18du0laq {
+._18du0lar {
   display: flex;
   flex-direction: column;
   border-width: 2px;
 }
-._18du0laq:focus-within {
+._18du0lar:focus-within {
   border-width: 2px;
   font-weight: 500;
   color: var(--_1073cm86);
 }
-._18du0lar {
+._18du0las {
   font-size: 12px;
   letter-spacing: 0.2px;
   line-height: 16px;
   padding-inline: 16px;
   margin-top: 4px;
 }
-._18du0las {
+._18du0lat {
   color: #5E6A74;
 }
-._18du0lat {
+._18du0lau {
   border-color: var(--_1073cm8t);
   color: var(--_1073cm8t);
+}
+input[type="checkbox"] {
+  background-color: #fff;
+  margin: 0;
+  font: inherit;
+  color: currentcolor;
+  width: 24px;
+  height: 24px;
 }

package/dist/icons/CheckIcon/index.js

@@ -12,7 +12,7 @@ const SvgCheckIcon = (props) => {
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          className: checkColor({ variant: props == null ? void 0 : props.variant }),
+          className: checkColor({ variant: props?.variant }),
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M17.75 9C17.75 4.16751 13.8325 0.25 9 0.25C4.16751 0.25 0.25 4.16751 0.25 9C0.25 13.8325 4.16751 17.75 9 17.75C13.8325 17.75 17.75 13.8325 17.75 9ZM12.933 6.05807L13.8169 6.94195L7.74997 13.0089L4.18303 9.44195L5.06691 8.55807L7.74997 11.2406L12.933 6.05807Z",

package/dist/main.js

@@ -21,16 +21,15 @@ import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./F
 import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
 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 { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
+import { ApplicationStart } from "./Forms/ApplicationStart.js";
+import { EmailOnly } from "./Forms/EmailOnly.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 { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
-import "react/jsx-runtime";
-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";
-import "clsx";
+import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
+import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { HeroBanner } from "./HeroBanner/index.js";
 import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
@@ -39,10 +38,15 @@ import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.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 "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
+import { Checkbox } from "./Input/Checkbox.js";
+import { CurrencyInput } from "./Input/CurrencyInput.js";
+import { Dropdown } from "./Input/Dropdown.js";
+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";
@@ -85,6 +89,10 @@ import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
 import { default as default20 } from "./icons/FollowIcon/index.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.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 {
   Accordion,
   AccordionCtx,
@@ -94,6 +102,7 @@ export {
   AccordionItemContent,
   AccordionItemSummary,
   AlertBanner,
+  ApplicationStart,
   ApyCalculator,
   default4 as ArrowIcon,
   AxosFooterSiteMap,
@@ -107,14 +116,19 @@ export {
   default7 as CheckCircle,
   default8 as CheckCircleLight,
   default9 as CheckIcon,
+  Checkbox,
   Chevron,
   default10 as ChevronDown,
   default11 as ChevronUp,
   default12 as CloseIcon,
   CollectInformationAlert,
+  ContactUsBusiness,
   ContentBanner,
+  CurrencyInput,
   default13 as DownloadIcon,
   DownloadTile,
+  Dropdown,
+  EmailOnly,
   default14 as EqualHousingLender,
   ExecutiveBio,
   ExecutiveBioSet,
@@ -150,11 +164,13 @@ export {
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
+  ScheduleCallPremier,
   SecondaryFooter,
   SetContainer,
   SocialMediaBar,
   StepItems,
   StepItemsSet,
+  SuccesFormWrapper,
   Table,
   TableBody,
   TableCell,
@@ -226,6 +242,7 @@ export {
   ft_col_subheader,
   ft_panel,
   ft_panel_group,
+  fullRowForm,
   getVariant,
   getVariantWithRegex,
   header,
@@ -290,6 +307,7 @@ export {
   section_text,
   section_text_ImageBillboard,
   section_theme,
+  selectInput,
   set_container,
   shift,
   shortUrl,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -30,6 +30,7 @@
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
     "@react-input/mask": "^1.2.0",
+    "@react-input/number-format": "^1.0.25",
     "@storybook/builder-vite": "^7.6.19",
     "@storybook/preview-api": "^7.6.19",
     "@vanilla-extract/css": "^1.15.1",
@@ -40,7 +41,7 @@
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",
     "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.5",
+    "zod": "^3.23.6",
     "zustand": "^4.5.2"
   },
   "peerDependencies": {