@axos-web-dev/shared-components 2.2.16 → 2.2.18

package/dist/ATMLocator/ATMLocator.d.ts

@@ -1,4 +1,4 @@
 import { CalculatorProps } from '../Calculators';
 
 export type ATMLocatorProps = CalculatorProps;
-export declare const ATMLocator: (props: CalculatorProps) => import("react").JSX.Element;
+export declare const ATMLocator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Accordion/Accordion.d.ts

@@ -7,6 +7,6 @@ export declare const AccordionCtx: React.Context<{
     isOpen: boolean;
     onclick: () => void;
 }>;
-export declare const AccordionHeader: (props: PropsWithChildren) => React.JSX.Element;
-export declare const AccordionDetails: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const Accordion: (props: Accordion & PropsWithChildren) => React.JSX.Element;
+export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Article/Article.d.ts

@@ -12,4 +12,4 @@ export interface ArticleProps {
     variant?: QuaternaryTypes;
     useChevron?: boolean | false;
 }
-export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react").JSX.Element;
+export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/ErrorAlert.d.ts

@@ -10,5 +10,5 @@ type Props = {
     onClose?: () => void;
     modalRef?: React.RefObject<HTMLDivElement>;
 };
-export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react").JSX.Element;
+export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Auth/Logout.d.ts

@@ -1,3 +1,3 @@
 export declare const Logout: ({ action, }: {
     action: (prev: unknown, formData: FormData) => void;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/SignInPassword.d.ts

@@ -12,4 +12,4 @@ export type Credentials = {
     username: string;
     password: string;
 };
-export declare const SignIn: (props: SignIn) => import("react").JSX.Element;
+export declare const SignIn: (props: SignIn) => import("react/jsx-runtime").JSX.Element;

package/dist/BulletItem/BulletItem.d.ts

@@ -12,4 +12,4 @@ export interface BulletItemProps extends PropsWithChildren {
     subBullet?: boolean;
     className?: string;
 }
-export declare const BulletItem: (props: BulletItemProps) => import("react").JSX.Element;
+export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/Button.d.ts

@@ -18,4 +18,4 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
     as?: "a";
 };
 export type ButtonProps = ButtonAsButton | ButtonAsLink;
-export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react").JSX.Element;
+export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/GoBackButton.d.ts

@@ -1,4 +1,4 @@
 import { ButtonProps } from './Button';
 import { ButtonVariants } from './Button.css';
 
-export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react").JSX.Element;
+export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.d.ts

@@ -16,4 +16,4 @@ export interface CalculatorProps {
     initialBalance?: number;
     callToActionRow?: ChevronProps[];
 }
-export declare const Calculator: (props: CalculatorProps) => React.JSX.Element;
+export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Carousel/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { carouselVariants } from './Carousel.css';
 
 export interface SlideProps extends PropsWithChildren {
@@ -17,5 +17,5 @@ export interface CarouselProps extends PropsWithChildren {
     description?: ReactNode;
     internalName?: string;
 }
-export declare const CarouselSlide: (props: SlideProps & carouselVariants) => React.JSX.Element;
-export declare const Carousel: (props: CarouselProps & carouselVariants) => React.JSX.Element;
+export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.d.ts

@@ -3,4 +3,4 @@ import { PropsWithChildren } from 'react';
 export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
     onClick?: () => void;
     project: "axos" | "ufb" | "Axos" | "Ufb";
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chatbot.d.ts

@@ -17,5 +17,5 @@ export declare const Chatbot: ({ project, projectEnv, menuOption, config, }: {
     menuOption?: "Support Virtual Agent" | string;
     debug?: boolean;
     config: InitalizeChatbot;
-}) => false | import("react").JSX.Element;
+}) => false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Chatbot/EllipsisAnimation.d.ts

@@ -1,2 +1,2 @@
-declare const EllipsisLoader: () => import("react").JSX.Element;
+declare const EllipsisLoader: () => import("react/jsx-runtime").JSX.Element;
 export default EllipsisLoader;

package/dist/Chatbot/EllipsisIcon.d.ts

@@ -1,4 +1,4 @@
 export declare const EllipsisIcon: ({ size, color }: {
     size?: number | undefined;
     color?: string | undefined;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Comparison/Comparison.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonProps } from './Comparison.interface';
 
-export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react").JSX.Element;
+export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Comparison/ComparisonSet.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonSetProps } from './Comparison.interface';
 
-export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react").JSX.Element;
+export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBio.css.d.ts

@@ -151,14 +151,41 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
     };
 }>;

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,3 @@
 import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react").JSX.Element;
+export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;