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

package/dist/Table/Table.d.ts

@@ -1,12 +1,11 @@
-import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
-import { PropsWithChildren } from 'react';
-
+import { PropsWithChildren } from "react";
+import { CellProps, RowProps, TableContainerProps, TableProps } from "./Table.interface";
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
+export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import("react").DetailedReactHTMLElement<{
     className: string;
     manifest?: string | undefined;
     defaultChecked?: boolean | undefined;

package/dist/Table/Table.interface.d.ts

@@ -1,5 +1,4 @@
-import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
-
+import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from "react";
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
 export interface CellProps extends HtmlHTMLAttributes<HTMLTableCellElement>, PropsWithChildren {

package/dist/Table/index.d.ts

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

package/dist/TextBlock/TextBlock.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import { ReactNode } from "react";
 export interface TextBlockProps {
     bodyCopy: ReactNode | string;
     headline: ReactNode | string;

package/dist/TextBlock/index.d.ts

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

package/dist/Typography/Typography.css.d.ts

@@ -1,5 +1,4 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-
+import { RecipeVariants } from "@vanilla-extract/recipes";
 /**
  * Encode font
  */
@@ -9,7 +8,7 @@ export declare const headerCssVariable = "var(--header-font-family)";
  */
 export declare const mainCssVariable = "var(--main-font-family)";
 export declare const header: string;
-export declare const sizes: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const sizes: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         xs: {
             fontSize: number;
@@ -31,7 +30,7 @@ export declare const sizes: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const typography: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const typography: import("@vanilla-extract/recipes").RuntimeFn<{
     type: {
         h1: {
             fontFamily: "var(--header-font-family)";

package/dist/Typography/Typography.d.ts

@@ -1,6 +1,5 @@
-import { TypographySizeVariants, TypographyVariants } from '.';
-import { default as React } from 'react';
-
+import React from "react";
+import { TypographySizeVariants, TypographyVariants } from ".";
 type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
 export interface Props extends React.PropsWithChildren {
     as?: AsType;

package/dist/Typography/index.d.ts

@@ -1 +1 @@
-export * from './Typography.css';
+export * from "./Typography.css";

package/dist/VideoTile/VideoTile.d.ts

@@ -1,4 +1,3 @@
-import { VideoTileInterface } from './VideoTile.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { VideoTileInterface } from "./VideoTile.interface";
 export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoTile/index.d.ts

@@ -1,4 +1,4 @@
-export * from './VideoInit';
-export * from './VideoTile';
-export * from './VideoTile.css';
-export * from './VideoTile.interface';
+export * from "./VideoInit";
+export * from "./VideoTile";
+export * from "./VideoTile.css";
+export * from "./VideoTile.interface";

package/dist/VideoWrapper/index.d.ts

@@ -1,6 +1,5 @@
-import { VideoTileInterface } from '../VideoTile';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { VideoTileInterface } from "../VideoTile";
 export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];
     backgroundColor?: string;

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,93 +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;
@@ -133,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;
@@ -163,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/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/index.d.ts

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

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,18 +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 FollowIcon } from './FollowIcon';
+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/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";
@@ -200,6 +200,7 @@ export {
   content,
   copy,
   description,
+  descriptionField,
   details,
   disclosureForm,
   expand_icon,
@@ -215,6 +216,7 @@ export {
   header,
   headerAccordion,
   headerCell,
+  headerContainer,
   headerContent,
   headerForm,
   headerIconBillboard,

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,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.42",
+  "version": "0.0.43",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",