@axos-web-dev/shared-components 0.0.14 → 0.0.15

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -134,6 +134,42 @@
 ._1m7m2at {
   min-height: 330px;
 }
+._1m7m2au {
+  width: 100%;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  min-height: 380px;
+}
+._1m7m2av {
+  background: var(--_1073cm8f);
+  color: #FFFFFF;
+}
+._1m7m2aw {
+  padding: 1.5rem;
+  height: 100%;
+  justify-content: center;
+}
+._1m7m2ax {
+  color: #fff;
+  font-size: 48px;
+  font-weight: 600;
+  letter-spacing: 0.4px;
+  line-height: 1;
+}
+._1m7m2ay {
+  color: #f4f4f4;
+  font: 700 150px/1 var(--header-font-family);
+  letter-spacing: 0.2px;
+  line-height: 1;
+}
+._1m7m2az {
+  color: var(--_1073cm8k);
+  font-size: 37px;
+  font-weight: 600;
+  letter-spacing: 0.3px;
+  line-height: 1;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
     flex-direction: column;
@@ -157,4 +193,15 @@
     flex-direction: column;
     gap: 24px;
   }
+}
+@media screen and (max-width: 1023px) {
+  ._1m7m2ax {
+    font-size: 30px;
+  }
+  ._1m7m2ay {
+    font-size: 82px;
+  }
+  ._1m7m2az {
+    font-size: 20px;
+  }
 }

package/dist/assets/Input/Input.css

@@ -19,24 +19,30 @@
   padding-left: 16px;
   line-height: 24px;
 }
-._18du0la5 {
+._18du0la7 {
+  color: var(--_1073cm8g);
+}
+._18du0la8 {
+  color: var(--_1073cm8n);
+}
+._18du0la9 {
   color: var(--_1073cm8t);
   border-color: var(--_1073cm8t);
 }
-._18du0la6 {
+._18du0laa {
   color: var(--_1073cm8v);
 }
-._18du0la7 {
+._18du0lab {
   position: absolute;
   align-items: center;
 }
-._18du0la8 {
+._18du0lac {
   left: 16px;
 }
-._18du0la9 {
+._18du0lad {
   right: 16px;
 }
-._18du0laa {
+._18du0lae {
   display: inline-flex;
   flex-direction: row;
   position: relative;
@@ -46,38 +52,38 @@
   background: #FFFFFF;
   padding: 16px;
 }
-._18du0laa:focus-within {
+._18du0lae:focus-within {
   border-width: 2px;
   font-weight: 400;
   border-color: var(--_1073cm86);
 }
-._18du0laa:disabled {
+._18du0lae:disabled {
   border-color: var(--_1073cm86);
 }
-._18du0lab {
+._18du0laf {
   padding-top: 6px;
   padding-bottom: 6px;
 }
-._18du0lac {
+._18du0lag {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-._18du0lad {
+._18du0lah {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-._18du0lae {
+._18du0lai {
   border-color: var(--_1073cm8t);
 }
-._18du0lae:focus-within {
+._18du0lai:focus-within {
   border-color: var(--_1073cm8t);
 }
-._18du0laf {
+._18du0laj {
   border-color: var(--_1073cm8u);
   color: var(--_1073cm8v);
   background: var(--_1073cm8w);
 }
-._18du0lag {
+._18du0lak {
   outline: none;
   border: none;
   color: #5E6A74;
@@ -86,72 +92,72 @@
   width: 100%;
   line-height: 24px;
 }
-._18du0lag:focus {
+._18du0lak:focus {
   color: var(--_1073cm86);
 }
-._18du0lag:disabled {
+._18du0lak:disabled {
   color: #5E6A74;
   cursor: not-allowed;
 }
-._18du0lah {
+._18du0lal {
   font-size: 14px;
   line-height: 20px;
 }
-._18du0la8 + ._18du0lah {
+._18du0lac + ._18du0lal {
   padding-left: 28px;
 }
-._18du0lah:has(+ ._18du0la9) {
+._18du0lal:has(+ ._18du0lad) {
   padding-right: 28px;
 }
-._18du0lai {
+._18du0lam {
   font-size: 16px;
   line-height: 24px;
 }
-._18du0la8 + ._18du0lai {
+._18du0lac + ._18du0lam {
   padding-left: 48px;
 }
-._18du0lai:has(+ ._18du0la9) {
+._18du0lam:has(+ ._18du0lad) {
   padding-right: 48px;
 }
-._18du0laj {
+._18du0lan {
   font-size: 16px;
   line-height: 24px;
 }
-._18du0la8 + ._18du0laj {
+._18du0lac + ._18du0lan {
   padding-left: 32px;
 }
-._18du0laj:has(+ ._18du0la9) {
+._18du0lan:has(+ ._18du0lad) {
   padding-right: 32px;
 }
-._18du0lak {
+._18du0lao {
   border-color: var(--_1073cm8t);
 }
-._18du0lal {
+._18du0lap {
   border-color: var(--_1073cm8u);
   color: var(--_1073cm8v);
   background: var(--_1073cm8w);
 }
-._18du0lam {
+._18du0laq {
   display: flex;
   flex-direction: column;
   border-width: 2px;
 }
-._18du0lam:focus-within {
+._18du0laq:focus-within {
   border-width: 2px;
   font-weight: 500;
   color: var(--_1073cm86);
 }
-._18du0lan {
+._18du0lar {
   font-size: 12px;
   letter-spacing: 0.2px;
   line-height: 16px;
   padding-inline: 16px;
   margin-top: 4px;
 }
-._18du0lao {
+._18du0las {
   color: #5E6A74;
 }
-._18du0lap {
+._18du0lat {
   border-color: var(--_1073cm8t);
   color: var(--_1073cm8t);
 }

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,5 +1,6 @@
+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

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

package/dist/icons/AxosX/Blue.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgComponent = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 40,
+    height: 40,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#FAA74A",
+          d: "M4.012.513a1.726 1.726 0 0 0-2.455 0L.539 1.53a1.726 1.726 0 0 0 0 2.456L16.536 20 .539 36.014a1.726 1.726 0 0 0 0 2.456l1.018 1.017a1.726 1.726 0 0 0 2.455 0L23.464 20 4.012.513Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#1E3860",
+          fillRule: "evenodd",
+          d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+export {
+  SvgComponent as default
+};

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

@@ -1,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,5 +1,6 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgCloseIcon: FC;
 export default SvgCloseIcon;

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

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

package/dist/icons/EqualHousingLender.d.ts

@@ -1,3 +1,4 @@
-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/LockIcon/index.d.ts

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

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 export declare const SvgWarningIcon: FC;
 export default SvgWarningIcon;

package/dist/icons/index.d.ts

@@ -1,16 +1,17 @@
-export { default as ArrowIcon } from "./ArrowIcon";
-export { default as AxosX } from "./AxosX";
-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';

package/dist/icons/index.js

@@ -1,34 +1,36 @@
 import { default as default2 } from "./ArrowIcon/index.js";
 import { default as default3 } from "./AxosX/index.js";
-import { default as default4 } from "./CheckCircle.js";
-import { default as default5 } from "./CheckCircleLight.js";
-import { default as default6 } from "./CheckIcon/index.js";
-import { default as default7 } from "./ChevronDown.js";
-import { default as default8 } from "./ChevronUp.js";
-import { default as default9 } from "./CloseIcon/index.js";
-import { default as default10 } from "./DownloadIcon/index.js";
-import { default as default11 } from "./EqualHousingLender.js";
-import { default as default12 } from "./LockIcon/index.js";
-import { default as default13 } from "./MemberFdicLogo.js";
-import { default as default14 } from "./QuoteIconGrey.js";
-import { default as default15 } from "./QuoteIconWhite.js";
-import { default as default16 } from "./QuoteIconYellow.js";
+import { default as default4 } from "./AxosX/Blue.js";
+import { default as default5 } from "./CheckCircle.js";
+import { default as default6 } from "./CheckCircleLight.js";
+import { default as default7 } from "./CheckIcon/index.js";
+import { default as default8 } from "./ChevronDown.js";
+import { default as default9 } from "./ChevronUp.js";
+import { default as default10 } from "./CloseIcon/index.js";
+import { default as default11 } from "./DownloadIcon/index.js";
+import { default as default12 } from "./EqualHousingLender.js";
+import { default as default13 } from "./LockIcon/index.js";
+import { default as default14 } from "./MemberFdicLogo.js";
+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";
 export {
   default2 as ArrowIcon,
   default3 as AxosX,
-  default4 as CheckCircle,
-  default5 as CheckCircleLight,
-  default6 as CheckIcon,
-  default7 as ChevronDown,
-  default8 as ChevronUp,
-  default9 as CloseIcon,
-  default10 as DownloadIcon,
-  default11 as EqualHousingLender,
-  default12 as LockIcon,
-  default13 as MemberFdicLogo,
-  default14 as QuoteIconGrey,
-  default15 as QuoteIconWhite,
-  default16 as QuoteIconYellow,
+  default4 as AxosXBlue,
+  default5 as CheckCircle,
+  default6 as CheckCircleLight,
+  default7 as CheckIcon,
+  default8 as ChevronDown,
+  default9 as ChevronUp,
+  default10 as CloseIcon,
+  default11 as DownloadIcon,
+  default12 as EqualHousingLender,
+  default13 as LockIcon,
+  default14 as MemberFdicLogo,
+  default15 as QuoteIconGrey,
+  default16 as QuoteIconWhite,
+  default17 as QuoteIconYellow,
   SvgWarningIcon as WarningIcon
 };

package/dist/index.css.d.ts

@@ -0,0 +1 @@
+

package/dist/main.d.ts

@@ -25,5 +25,6 @@ export * from './Table';
 export * from './TextBlock';
 export * from './VideoTile';
 export * from './VideoWrapper';
+export * from './icons';
 export * from './themes';
-export * from "./utils";
+export * from './utils';

package/dist/main.js

@@ -25,7 +25,7 @@ import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
-import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, mh_330, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/index.js";
 import { MainHTML } from "./MainHTML/index.js";
@@ -44,6 +44,23 @@ 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 default4 } from "./icons/ArrowIcon/index.js";
+import { default as default5 } from "./icons/AxosX/index.js";
+import { default as default6 } from "./icons/AxosX/Blue.js";
+import { default as default7 } from "./icons/CheckCircle.js";
+import { default as default8 } from "./icons/CheckCircleLight.js";
+import { default as default9 } from "./icons/CheckIcon/index.js";
+import { default as default10 } from "./icons/ChevronDown.js";
+import { default as default11 } from "./icons/ChevronUp.js";
+import { default as default12 } from "./icons/CloseIcon/index.js";
+import { default as default13 } from "./icons/DownloadIcon/index.js";
+import { default as default14 } from "./icons/EqualHousingLender.js";
+import { default as default15 } from "./icons/LockIcon/index.js";
+import { default as default16 } from "./icons/MemberFdicLogo.js";
+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 { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
@@ -60,15 +77,26 @@ export {
   AccordionItemSummary,
   AlertBanner,
   ApyCalculator,
+  default4 as ArrowIcon,
+  default5 as AxosX,
+  default6 as AxosXBlue,
   BulletItem,
   Button,
   CallToActionBar,
   Carousel,
   CarouselSlide,
+  default7 as CheckCircle,
+  default8 as CheckCircleLight,
+  default9 as CheckIcon,
   Chevron,
+  default10 as ChevronDown,
+  default11 as ChevronUp,
+  default12 as CloseIcon,
   CollectInformationAlert,
   ContentBanner,
+  default13 as DownloadIcon,
   DownloadTile,
+  default14 as EqualHousingLender,
   FaqAccordion,
   FooterContent,
   FooterDisclosure,
@@ -83,10 +111,15 @@ export {
   ImageBillboard,
   ImageBillboardSet,
   Input,
+  default15 as LockIcon,
   MainHTML,
+  default16 as MemberFdicLogo,
   Modal,
   default3 as NavBarAFS,
   default2 as NavBarAXA,
+  default17 as QuoteIconGrey,
+  default18 as QuoteIconWhite,
+  default19 as QuoteIconYellow,
   RenderWebForm,
   SalesforceFieldsForm,
   SalesforceSchema,
@@ -103,9 +136,11 @@ export {
   VideoInit,
   VideoTile,
   VideoWrapper,
+  SvgWarningIcon as WarningIcon,
   accordion,
   actions,
   alternate_color_rows,
+  apy_billboard,
   associatedEmail,
   axosTheme,
   billboard,
@@ -151,6 +186,7 @@ export {
   iconForm,
   iconsContent,
   imagePlacement,
+  image_background,
   inline_container,
   isAbsoluteUrl,
   isAllowedUrl,
@@ -164,6 +200,9 @@ export {
   mh_330,
   paragraph,
   premierTheme,
+  rate_billboard,
+  rate_container,
+  rate_pad,
   renderSwitch,
   section_container,
   section_text,
@@ -189,6 +228,7 @@ export {
   transcript_container,
   transcript_content,
   two_inline,
+  up_to,
   useGlobalContext,
   validateLink,
   vars,

package/dist/themes/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./axos.css";
-export * from "./premier.css";
+export * from './axos.css';
+export * from './premier.css';

package/dist/utils/ctaOptions.d.ts

@@ -1,4 +1,5 @@
 import { ImageInterface } from '../CallToActionBar/CallToActionBar.interface';
+
 export declare const imageOrientation: (image: ImageInterface) => string;
 export declare const getBannerSizeClassName: (size: string, overlap: boolean) => string;
 export declare const returnImageDimensions: (size: string, image_orientation: string) => {

package/dist/utils/getVariant.d.ts

@@ -1,3 +1,4 @@
-import { CallToActionTypes, QuaternaryTypes, SecondaryTypes } from "./variant.types";
+import { CallToActionTypes, QuaternaryTypes, SecondaryTypes } from './variant.types';
+
 export declare const getVariantWithRegex: (text: string) => string;
 export declare const getVariant: (text?: string) => CallToActionTypes & SecondaryTypes & QuaternaryTypes;