@axos-web-dev/shared-components 0.0.41 → 0.0.43

package/dist/assets/Forms/Forms.css

@@ -1,4 +1,4 @@
-@keyframes tfms6an {
+@keyframes tfms6ao {
   from {
     stroke-dashoffset: 1;
   }
@@ -6,7 +6,7 @@
     opacity: 100;
   }
 }
-@keyframes tfms6ao {
+@keyframes tfms6ap {
   0% {
     stroke-dashoffset: -1000;
   }
@@ -39,91 +39,95 @@
 }
 .tfms6a6 {
   margin-bottom: 32px;
+}
+.tfms6a7 {
   font-family: var(--header-font-family);
 }
-._1073cm80 .tfms6a7 {
+._1073cm80 .tfms6a8 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 .tfms6a7 {
+._1es6o1h0 .tfms6a8 {
   color: var(--_1073cm83);
 }
-._1073cm80 .tfms6a8 {
+._1073cm80 .tfms6a9 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 .tfms6a8 {
+._1es6o1h0 .tfms6a9 {
   color: var(--_1073cm8a);
 }
-.tfms6a9 {
+.tfms6aa {
   color: var(--_1073cm8h);
 }
-.tfms6aa {
+.tfms6ab {
   color: var(--_1073cm8o);
 }
-.tfms6ab {
+.tfms6ac {
   font-family: var(--main-font-family);
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1.5rem;
 }
-.tfms6ac {
+.tfms6ad {
   color: var(--_1073cm82);
 }
-.tfms6ad {
+.tfms6ae {
   color: var(--_1073cm89);
 }
-.tfms6ae {
+.tfms6af {
   color: var(--_1073cm8g);
 }
-.tfms6af {
+.tfms6ag {
   color: var(--_1073cm8n);
 }
-.tfms6ag {
+.tfms6ah {
   margin-top: 1.5rem;
   text-align: center;
 }
-.tfms6ah {
+.tfms6ai {
   margin-top: 16px;
 }
-.tfms6ai {
+.tfms6aj {
   color: var(--_1073cm82);
 }
-.tfms6aj {
+.tfms6ak {
   color: var(--_1073cm89);
 }
-.tfms6ak {
+.tfms6al {
   color: var(--_1073cm8g);
 }
-.tfms6al {
+.tfms6am {
   color: var(--_1073cm8n);
 }
-.tfms6am {
+.tfms6an {
   max-width: 860px;
   margin-inline: auto;
 }
-.tfms6ap {
+.tfms6aq {
   padding: 2.5rem 0;
 }
-.tfms6aq {
+.tfms6ar {
   color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
-.tfms6ar {
+.tfms6as {
   color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
-.tfms6as {
+.tfms6at {
   color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-.tfms6at {
+.tfms6au {
   color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
-.tfms6ap h1 {
+.tfms6aq h1 {
   font-size: 43px;
   font-weight: 600;
   letter-spacing: 1px;
@@ -131,29 +135,29 @@
   margin-bottom: 0.7rem;
   font-family: var(--header-font-family);
 }
-.tfms6ap p {
+.tfms6aq p {
   margin-bottom: 0;
 }
-.tfms6au {
+.tfms6av {
   margin: 0 auto;
   display: block;
 }
-.tfms6av {
+.tfms6aw {
   fill: none;
   stroke: #faa74a;
   stroke-width: 4;
   stroke-dasharray: 100px;
   stroke-dashoffset: 100;
-  animation: tfms6an 0.5s ease-in-out forwards reverse;
+  animation: tfms6ao 0.5s ease-in-out forwards reverse;
   -webkit-animation-delay: 0.7s;
 }
-.tfms6aw {
+.tfms6ax {
   fill: none;
   stroke-width: 4;
   stroke-dasharray: 1000px;
   stroke-dashoffset: 1000;
-  -webkit-animation: tfms6ao 0.8s ease-in-out forwards;
-  animation: tfms6ao 0.8s ease-in-out forwards;
+  -webkit-animation: tfms6ap 0.8s ease-in-out forwards;
+  animation: tfms6ap 0.8s ease-in-out forwards;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
@@ -161,43 +165,46 @@
   -ms-transform: rotate(-40deg);
   transform: rotate(-40deg);
 }
-.tfms6ax {
+.tfms6ay {
   stroke: var(--_1073cm83);
 }
-.tfms6ay {
+.tfms6az {
   stroke: var(--_1073cm8a);
 }
-.tfms6az {
+.tfms6a10 {
   stroke: var(--_1073cm8g);
 }
-.tfms6a10 {
+.tfms6a11 {
   stroke: var(--_1073cm8n);
 }
+.tfms6a12 {
+  margin-top: 1rem;
+}
 @media screen and (max-width:1023px) {
   .tfms6a0 {
     padding-inline: 0;
   }
 }
 @media screen and (max-width:480px) {
-  .tfms6ab {
+  .tfms6ac {
     grid-template-columns: 1fr;
   }
 }
 @media screen and (max-width: 992px) {
-  .tfms6ap h1 {
+  .tfms6aq h1 {
     font-size: 37px;
     line-height: 1.29;
     margin-bottom: 0.4rem;
   }
 }
 @media screen and (maxwidth: 767px) {
-  .tfms6ap h1 {
+  .tfms6aq h1 {
     font-size: 32px;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 0.4rem;
   }
-  .tfms6au {
+  .tfms6av {
     max-width: 69px;
   }
 }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -47,11 +47,13 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fd {
   background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fe {
   color: var(--_1073cm8k);
@@ -66,11 +68,13 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fi {
   background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fj {
   color: var(--_1073cm8h);

package/dist/assets/IconBillboard/IconBillboard.css

@@ -51,6 +51,7 @@
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 ._1r4ovbua {
   color: var(--_1073cm83);
@@ -59,6 +60,7 @@
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 ._1r4ovbub {
   color: var(--_1073cm8a);
@@ -106,11 +108,13 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1r4ovbul {
   background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1r4ovbum {
   color: var(--_1073cm8h);

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -41,6 +41,7 @@
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 ._1m7m2a9 {
   color: var(--_1073cm83);
@@ -49,6 +50,7 @@
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 ._1m7m2aa {
   color: var(--_1073cm8a);
@@ -63,6 +65,7 @@
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 ._1m7m2ae {
   color: var(--_1073cm83);
@@ -71,6 +74,7 @@
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 ._1m7m2af {
   color: var(--_1073cm8a);

package/dist/assets/Modal/Modal.css

@@ -36,6 +36,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._427id37 {
   letter-spacing: .2px;

package/dist/assets/Table/Table.css

@@ -19,6 +19,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1nivbwe5 tbody tr:first-child td {
   background-color: #DEF4FF !important;
@@ -39,6 +40,11 @@
   letter-spacing: 0.2px;
   margin-bottom: 8px;
 }
+._1nivbwe7 p sup {
+  vertical-align: top;
+  position: relative;
+  top: -0.5em;
+}
 ._1nivbwe8 {
   color: var(--_1073cm82);
 }

package/dist/assets/TextBlock/TextBlock.css

@@ -6,6 +6,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._16g7rvn2 {
   margin: 1em 0;

package/dist/assets/icons/FollowIcon/FollowIcon.css

@@ -0,0 +1,3 @@
+._1wjdwci0 {
+  fill: var(--_1073cm86);
+}

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

@@ -1,4 +1,4 @@
-export declare const Arrow: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const Arrow: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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

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

package/dist/icons/AxosX/Blue.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

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

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgAxosX;

package/dist/icons/CheckCircle.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircleLight.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircleLight;

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

@@ -1,6 +1,5 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-
-export declare const checkColor: import('@vanilla-extract/recipes').RuntimeFn<{
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const checkColor: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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

@@ -1,4 +1,3 @@
-import { CheckColorVariant } from './CheckIcon.css';
-
+import { CheckColorVariant } from "./CheckIcon.css";
 declare const SvgCheckIcon: (props: CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckIcon;

package/dist/icons/ChevronDown.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronDown;

package/dist/icons/ChevronUp.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-
+import { FC } from "react";
 declare const SvgCloseIcon: FC;
 export default SvgCloseIcon;

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

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-
+import { FC } from "react";
 declare const SvgDownloadIcon: FC<{
     className?: string;
 }>;

package/dist/icons/EqualHousingLender.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgEqualHousingLender;

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

@@ -0,0 +1 @@
+export declare const FollowColor: string;

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -0,0 +1,7 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                              */
+var FollowColor = "_1wjdwci0";
+export {
+  FollowColor
+};

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

@@ -0,0 +1,5 @@
+import { FC } from "react";
+declare const SvgFollowIcon: FC<{
+    className?: string;
+}>;
+export default SvgFollowIcon;

package/dist/icons/FollowIcon/index.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FollowColor } from "./FollowIcon.css.js";
+const SvgFollowIcon = ({ className }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 18,
+      height: 18,
+      viewBox: "0 0 18 18",
+      fill: "none",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: FollowColor,
+            d: "M15.4388 1.50034H10.8844V0H18V7.11558H16.4997V2.56124L8.79946 10.2614L7.73856 9.20054L15.4388 1.50034Z",
+            fill: "#2F5B88"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: FollowColor,
+            d: "M3 3H9V1.5H3C1.34315 1.5 0 2.84315 0 4.5V15C0 16.6569 1.34315 18 3 18H13.5C15.1569 18 16.5 16.6569 16.5 15V9H15V15C15 15.8284 14.3284 16.5 13.5 16.5H3C2.17157 16.5 1.5 15.8284 1.5 15V4.5C1.5 3.67157 2.17157 3 3 3Z",
+            fill: "#2F5B88"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  SvgFollowIcon as default
+};

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-
+import { FC } from "react";
 declare const SvgLockIcon: FC;
 export default SvgLockIcon;

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgMemberFdicLogo;

package/dist/icons/QuoteIconGrey.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconGrey;

package/dist/icons/QuoteIconWhite.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconWhite;

package/dist/icons/QuoteIconYellow.d.ts

@@ -1,4 +1,3 @@
-import { SVGProps } from 'react';
-
+import { SVGProps } from "react";
 declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconYellow;

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-
+import { FC } from "react";
 export declare const SvgWarningIcon: FC;
 export default SvgWarningIcon;

package/dist/icons/index.d.ts

@@ -1,17 +1,18 @@
-export { default as ArrowIcon } from './ArrowIcon';
-export { default as AxosX } from './AxosX';
-export { default as AxosXBlue } from './AxosX/Blue';
-export { default as CheckCircle } from './CheckCircle';
-export { default as CheckCircleLight } from './CheckCircleLight';
-export { default as CheckIcon } from './CheckIcon';
-export { default as ChevronDown } from './ChevronDown';
-export { default as ChevronUp } from './ChevronUp';
-export { default as CloseIcon } from './CloseIcon';
-export { default as DownloadIcon } from './DownloadIcon';
-export { default as EqualHousingLender } from './EqualHousingLender';
-export { default as LockIcon } from './LockIcon';
-export { default as MemberFdicLogo } from './MemberFdicLogo';
-export { default as QuoteIconGrey } from './QuoteIconGrey';
-export { default as QuoteIconWhite } from './QuoteIconWhite';
-export { default as QuoteIconYellow } from './QuoteIconYellow';
-export { default as WarningIcon } from './WarningIcon';
+export { default as ArrowIcon } from "./ArrowIcon";
+export { default as AxosX } from "./AxosX";
+export { default as AxosXBlue } from "./AxosX/Blue";
+export { default as CheckCircle } from "./CheckCircle";
+export { default as CheckCircleLight } from "./CheckCircleLight";
+export { default as CheckIcon } from "./CheckIcon";
+export { default as ChevronDown } from "./ChevronDown";
+export { default as ChevronUp } from "./ChevronUp";
+export { default as CloseIcon } from "./CloseIcon";
+export { default as DownloadIcon } from "./DownloadIcon";
+export { default as EqualHousingLender } from "./EqualHousingLender";
+export { default as LockIcon } from "./LockIcon";
+export { default as MemberFdicLogo } from "./MemberFdicLogo";
+export { default as QuoteIconGrey } from "./QuoteIconGrey";
+export { default as QuoteIconWhite } from "./QuoteIconWhite";
+export { default as QuoteIconYellow } from "./QuoteIconYellow";
+export { default as WarningIcon } from "./WarningIcon";
+export { default as FollowIcon } from "./FollowIcon";

package/dist/icons/index.js

@@ -15,6 +15,7 @@ import { default as default15 } from "./QuoteIconGrey.js";
 import { default as default16 } from "./QuoteIconWhite.js";
 import { default as default17 } from "./QuoteIconYellow.js";
 import { SvgWarningIcon } from "./WarningIcon/index.js";
+import { default as default18 } from "./FollowIcon/index.js";
 export {
   default2 as ArrowIcon,
   default3 as AxosX,
@@ -27,6 +28,7 @@ export {
   default10 as CloseIcon,
   default11 as DownloadIcon,
   default12 as EqualHousingLender,
+  default18 as FollowIcon,
   default13 as LockIcon,
   default14 as MemberFdicLogo,
   default15 as QuoteIconGrey,

package/dist/index.css.d.ts

@@ -1 +0,0 @@
-

package/dist/main.d.ts

@@ -32,4 +32,4 @@ export * from './VideoTile';
 export * from './VideoWrapper';
 export * from './icons';
 export * from './themes';
-export * from './utils';
+export * from "./utils";

package/dist/main.js

@@ -19,7 +19,7 @@ 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";
 import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
-import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.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 { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
@@ -78,6 +78,7 @@ import { default as default17 } from "./icons/QuoteIconGrey.js";
 import { default as default18 } from "./icons/QuoteIconWhite.js";
 import { default as default19 } from "./icons/QuoteIconYellow.js";
 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";
 export {
@@ -113,6 +114,7 @@ export {
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
+  default20 as FollowIcon,
   FooterContent,
   FooterDisclosure,
   FooterIcons,
@@ -198,6 +200,7 @@ export {
   content,
   copy,
   description,
+  descriptionField,
   details,
   disclosureForm,
   expand_icon,
@@ -213,6 +216,7 @@ export {
   header,
   headerAccordion,
   headerCell,
+  headerContainer,
   headerContent,
   headerForm,
   headerIconBillboard,