@axos-web-dev/shared-components 0.0.18 → 0.0.20

package/dist/assets/VideoWrapper/VideoWrapper.css

@@ -1,16 +1,21 @@
 ._2i5u4u0 {
   display: grid;
-  grid-template-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12,1fr);
   gap: 1.5rem;
 }
-._2i5u4u1 {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  gap: 1.5rem;
-}
-._2i5u4u0 > div {
+._2i5u4u1 > div {
   grid-column: span 6;
 }
-._2i5u4u1 > div {
+._2i5u4u2 > div {
   grid-column: span 4;
+}
+@media (max-width: 1023px) {
+  ._2i5u4u1 > div {
+    grid-column: span 12;
+  }
+}
+@media (max-width: 1280px) {
+  ._2i5u4u2 > div {
+    grid-column: span 12;
+  }
 }

package/dist/assets/globals.css

@@ -33,6 +33,9 @@ body {
 p {
   margin-bottom: 10px;
 }
+li p {
+  margin-bottom: 0;
+}
 p:last-child {
   margin-bottom: 0;
 }
@@ -42,7 +45,8 @@ p:only-child {
 .containment {
   width: min(1200px, calc(100% - 4rem));
   box-sizing: border-box;
-  margin-inline: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 .section_spacer {
   margin-top: 3.5rem;
@@ -226,7 +230,8 @@ hide {
   display: none !important;
 }
 .section_header {
-  margin-inline: auto;
+  margin-left: auto;
+  margin-right: auto;
   margin-bottom: 2.5rem;
   max-width: 49.5rem;
   text-align: center;

package/dist/assets/index.css

@@ -23,9 +23,6 @@ input, button, textarea, select {
 p, h1, h2, h3, h4, h5, h6 {
   overflow-wrap: break-word;
 }
-ul[class], ol[class] {
-  list-style: none;
-}
 #__next  {
   isolation: isolate;
 }

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/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,17 @@
-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";

package/dist/index.css.d.ts

@@ -1 +0,0 @@
-

package/dist/main.d.ts

@@ -13,6 +13,7 @@ export * from './FaqAccordion';
 export * from './FooterDisclosure';
 export * from './Forms';
 export * from './HeroBanner';
+export * from './Hyperlink';
 export * from './IconBillboard';
 export * from './ImageBillboard';
 export * from './Input';
@@ -27,4 +28,4 @@ export * from './VideoTile';
 export * from './VideoWrapper';
 export * from './icons';
 export * from './themes';
-export * from './utils';
+export * from "./utils";

package/dist/main.js

@@ -14,18 +14,19 @@ import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
-import { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.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 } 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 { HeroBanner } from "./HeroBanner/index.js";
+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_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 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, 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 { 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, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
@@ -108,6 +109,7 @@ export {
   GlobalContextProvider,
   GoBackButton,
   HeroBanner,
+  Hyperlink,
   IconBillboard,
   IconBillboardSet,
   ImageBillboard,
@@ -158,6 +160,7 @@ export {
   body,
   bodyAccordion,
   bodyHeader,
+  body_copy,
   button,
   buttons,
   container,
@@ -166,7 +169,6 @@ export {
   disclosureForm,
   expand_icon,
   findMoreAxosDomains,
-  footerContent,
   footerDisclosure,
   footerLink,
   footerParagraph,

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/allowedAxosDomains.js

@@ -6,10 +6,12 @@ const moreDomains = {
   "{NATIONWIDE}": "https://www.nationwide.axosbank.com",
   // '{ENROLLMENT}': process.env.NEXT_PUBLIC_ENROLLMENT_URL as string,
   // '{SECENROLLMENT}': process.env.NEXT_PUBLIC_ENROLLMENT2_URL as string,
-  "{ASSETSURL}": "https://assets.ctfassets.net",
-  "{IMAGEASSETSURL}": "https://images.ctfassets.net",
+  "{ASSETSURL}": "https://assets.axos.com",
+  "{IMAGEASSETSURL}": "https://images.axos.com",
   "{ONLINEBANKING}": "https://onlinebanking.uat.axsobank.com",
-  "{UFBDIRECT": "https://www.ufbdirect.com"
+  "{UFBDIRECT}": "https://www.ufbdirect.com"
+  // "assets.axos.com": "https://assets.axos.com",
+  // "images.axos.com": "https://images.axos.com",
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/dist/utils/ctaOptions.d.ts

@@ -1,5 +1,4 @@
 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,4 +1,3 @@
-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;

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
-export * from './EverestValidity';
-export * from './allowedAxosDomains';
-export * from './getVariant';
-export * from './validateExternalLinks';
-export * from './variant.types';
+export * from "./EverestValidity";
+export * from "./allowedAxosDomains";
+export * from "./getVariant";
+export * from "./validateExternalLinks";
+export * from "./variant.types";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",