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

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -1,4 +1,4 @@
-export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const billboard: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -18,7 +18,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const imagePlacement: import("@vanilla-extract/recipes").RuntimeFn<{
     position: {
         left: {
             selectors: {
@@ -37,7 +37,7 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
-export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             selectors: {
@@ -77,7 +77,7 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const header: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             selectors: {
@@ -135,3 +135,4 @@ export declare const rate_pad: string;
 export declare const up_to: string;
 export declare const rate_billboard: string;
 export declare const apy_billboard: string;
+export declare const body_copy: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -26,6 +26,7 @@ var rate_pad = "_1m7m2aw";
 var up_to = "_1m7m2ax";
 var rate_billboard = "_1m7m2ay";
 var apy_billboard = "_1m7m2az";
+var body_copy = "_1m7m2a10";
 export {
   apy_billboard,
   billboard,
@@ -36,6 +37,7 @@ export {
   billboard_image,
   billboard_img,
   body,
+  body_copy,
   header,
   imagePlacement,
   image_background,

package/dist/ImageBillboard/ImageBillboard.d.ts

@@ -1,3 +1,2 @@
-import { Props } from './ImageBillboard.interface';
-
+import type { ImageBillboardSetProps as Props } from "./ImageBillboard.interface";
 export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -1,9 +1,8 @@
-import { ReactNode } from 'react';
-import { QuaternaryTypes } from '../utils/variant.types';
-import { ImageInterface } from '../IconBillboard';
-import { ChevronProps } from '../Chevron/Chevron.interface';
 import { BulletItemProps } from '../BulletItem';
-
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ImageInterface } from '../IconBillboard';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ReactNode } from "react";
 export interface ImageBillboardSetProps {
     id: string;
     headline?: string | ReactNode;

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,3 +1,2 @@
-import { ImageBillboardInterface } from './ImageBillboard.interface';
-
+import { ImageBillboardInterface } from "./ImageBillboard.interface";
 export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -11,7 +11,7 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                                    */
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, billboard_ctas } from "./ImageBillboard.css.js";
+import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
   variant,
@@ -86,7 +86,7 @@ const ImageBillboard = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy }),
+            /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
             /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(({ id: id2, icon, copy }) => /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
               /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(
                 SvgCheckIcon,

package/dist/ImageBillboard/index.d.ts

@@ -1,4 +1,4 @@
-export * from './ImageBillboard';
-export * from './ImageBillboard.css';
-export type * from './ImageBillboard.interface';
-export * from './ImageBillboardSet';
+export * from "./ImageBillboard";
+export * from "./ImageBillboard.css";
+export type * from "./ImageBillboard.interface";
+export * from "./ImageBillboardSet";

package/dist/ImageBillboard/index.js

@@ -1,5 +1,5 @@
 import { ImageBillboardSet } from "./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.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.css.js";
 import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
@@ -13,6 +13,7 @@ export {
   billboard_image,
   billboard_img,
   body,
+  body_copy,
   header,
   imagePlacement,
   image_background,

package/dist/Input/Input.css.d.ts

@@ -1,4 +1,4 @@
-export declare const iconInput: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const iconInput: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             width: number;
@@ -14,7 +14,7 @@ export declare const iconInput: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {};
         secondary: {};
@@ -39,7 +39,7 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
 }>;
 export declare const iconContainerBase: string;
 export declare const iconContainer: Record<"left" | "right", string>;
-export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             paddingTop: number;
@@ -73,7 +73,7 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             fontSize: number;
@@ -129,12 +129,12 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };
 }>;
-export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             color: "#5E6A74";

package/dist/Input/Input.d.ts

@@ -1,6 +1,5 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils';
-
+import { InputHTMLAttributes, ReactNode } from "react";
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;
     iconLeft?: ReactNode;
@@ -11,4 +10,4 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     helperText?: ReactNode;
     variant?: QuaternaryTypes;
 }
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Input/InputPhone.d.ts

@@ -1,3 +1,3 @@
-import { InputProps } from '.';
-
-export declare const InputPhone: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+/// <reference types="react" />
+import { InputProps } from ".";
+export declare const InputPhone: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Input/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Input';
-export * from './Input.css';
-export * from './InputPhone';
+export * from "./Input";
+export * from "./Input.css";
+export * from "./InputPhone";

package/dist/Inputs/Input.css.d.ts

@@ -1,4 +1,4 @@
-export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             width: number;
@@ -14,7 +14,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
     error: {
         true: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -29,7 +29,7 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
 }>;
 export declare const iconContainerBase: string;
 export declare const iconContainer: Record<"left" | "right", string>;
-export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             paddingTop: number;
@@ -63,7 +63,7 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             fontSize: number;
@@ -119,12 +119,12 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };
 }>;
-export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             color: "#5E6A74";

package/dist/MainHTML/index.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from 'react';
-
+import { PropsWithChildren } from "react";
 export interface BodyProps extends PropsWithChildren {
     theme: "Axos" | "Premier";
 }

package/dist/Modal/Modal.d.ts

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

package/dist/Modal/Modal.js

@@ -36,7 +36,9 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/Modal/contextApi/store.d.ts

@@ -1,11 +1,10 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 export interface ContextProps {
     targetLinkUrl: string;
     setTargetLinkUrl: Dispatch<SetStateAction<string>>;
     openModal: boolean;
     setOpenModal: Dispatch<SetStateAction<boolean>>;
 }
-export declare const GlobalContext: import('react').Context<ContextProps>;
+export declare const GlobalContext: import("react").Context<ContextProps>;
 export declare const GlobalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const useGlobalContext: () => ContextProps;

package/dist/Modal/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Modal';
-export * from './contextApi/store';
+export * from "./Modal";
+export * from "./contextApi/store";

package/dist/NavigationMenu/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NavBarAXA } from './AxosAdvisor';
-export { default as NavBarAFS } from './AxosFiduciary';
+export { default as NavBarAXA } from "./AxosAdvisor";
+export { default as NavBarAFS } from "./AxosFiduciary";

package/dist/SetContainer/SetContainer.d.ts

@@ -1,6 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
-
+import type { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
+import { PropsWithChildren } from "react";
 export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
 }
 export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/SetContainer.js

@@ -37,7 +37,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/SetContainer/index.d.ts

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

package/dist/Table/Table.css.d.ts

@@ -1,4 +1,4 @@
-export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const table_container: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         apy: {
             background: "#f4f4f4";
@@ -16,7 +16,7 @@ export declare const highlight_last_row: string;
 export declare const headerCell: string;
 export declare const headerVariants: Record<"primary" | "secondary" | "tertiary" | "quaternary", string>;
 export declare const bodyHeader: string;
-export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: "#4A5560";
@@ -69,7 +69,7 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
         true: {};
     };
 }>;
-export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const td: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -124,7 +124,7 @@ export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
         true: {};
     };
 }>;
-export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const tableWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
@@ -140,7 +140,7 @@ export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
-export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const table: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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, }: 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/FooterDisclosure/FooterDisclosure.css

@@ -5,22 +5,18 @@
   width: 100%;
 }
 ._1a6b3vu1 {
-  margin-bottom: 16px;
   line-height: 24px;
   letter-spacing: 0.2px;
 }
 ._1a6b3vu2 {
-  margin-bottom: 32px;
-}
-._1a6b3vu3 {
   max-height: 40px;
   display: flex;
   gap: 40px;
 }
-._1a6b3vu4 {
+._1a6b3vu3 {
   color: #ffffff;
 }
-._1a6b3vu4:hover {
+._1a6b3vu3:hover {
   opacity: 0.8;
 }
 @media screen and (min-width: 1920px) {
@@ -30,7 +26,7 @@
   }
 }
 @media screen and (max-width: 1280px) {
-  ._1a6b3vu3 {
+  ._1a6b3vu2 {
     justify-content: center;
   }
 }

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -142,7 +142,7 @@
   background-position: center center;
 }
 ._18ygy9m0 ._1m7m2au {
-  min-height: 380px;
+  min-height: 330px;
 }
 ._1m7m2av {
   background: var(--_1073cm8f);
@@ -173,9 +173,13 @@
   letter-spacing: 0.3px;
   line-height: 1;
 }
+._1m7m2a10 > p {
+  display: flex;
+  white-space: break-spaces;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
-    flex-direction: column;
+    flex-direction: column-reverse;
   }
   .reversed {
     flex-direction: column-reverse;
@@ -200,7 +204,10 @@
 }
 @media screen and (max-width: 1023px) {
   ._1m7m2au {
-    min-height: 380px;
+    min-height: 275px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 275px;
   }
   ._1m7m2ax {
     font-size: 30px;
@@ -211,4 +218,20 @@
   ._1m7m2az {
     font-size: 20px;
   }
+}
+@media screen and (max-width: 768px) {
+  ._1m7m2au {
+    min-height: 200px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 200px;
+  }
+}
+@media screen and (max-width: 327px) {
+  ._1m7m2au {
+    min-height: 160px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 160px;
+  }
 }

package/dist/assets/VideoWrapper/VideoWrapper.css

@@ -13,6 +13,8 @@
   ._2i5u4u1 > div {
     grid-column: span 12;
   }
+}
+@media (max-width: 1280px) {
   ._2i5u4u2 > div {
     grid-column: span 12;
   }

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;