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

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/LandingPageHeader/LandingPageHeader.css.d.ts

@@ -1,4 +1,4 @@
-export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const lp_theme: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             selectors: {
@@ -25,7 +25,7 @@ export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
 }>;
 export declare const lp_container: string;
 export declare const lp_hover: string;
-export declare const svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const svg_fill: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             selectors: {

package/dist/LandingPageHeader/LandingPageHeader.d.ts

@@ -1,5 +1,4 @@
 import { QuaternaryTypes } from '../utils/variant.types';
-
 export interface LandingPageHeaderProps {
     id: string;
     variant: QuaternaryTypes;

package/dist/LandingPageHeader/index.d.ts

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

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

@@ -7,6 +7,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import "../AlertBanner/AlertBanner.css.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
@@ -38,7 +39,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

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.css.d.ts

@@ -1,4 +1,4 @@
-export declare const set_container: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const set_container: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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 {
     internalName?: string;
 }

package/dist/SetContainer/SetContainer.js

@@ -5,6 +5,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
@@ -39,7 +40,9 @@ import "../LandingPageHeader/LandingPageHeader.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                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

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/StepItems/StepItems.css.d.ts

@@ -1,4 +1,4 @@
-export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const bs_section: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -20,7 +20,7 @@ export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
 }>;
 export declare const bs_wrapper: string;
 export declare const svg_logo: string;
-export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const modifier: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             fill: "#1E3860";
@@ -36,7 +36,7 @@ export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const sec_title: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -58,7 +58,7 @@ export declare const bs_image: string;
 export declare const steps_wrapper: string;
 export declare const ol: string;
 export declare const li: string;
-export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const line_points: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -74,7 +74,7 @@ export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const point: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             borderColor: "#4D85B0";
@@ -94,7 +94,7 @@ export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const step_num: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -111,7 +111,7 @@ export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const bullet_details: string;
-export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const bs_topic: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/StepItems/StepItems.d.ts

@@ -1,3 +1,2 @@
-import { Props } from './StepItems.interface';
-
+import type { StepItemsProps as Props } from "./StepItems.interface";
 export declare const StepItems: ({ id, variant: fullVariant, title, description, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/StepItems/StepItems.interface.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode } from 'react';
-import { ImageInterface } from '../IconBillboard';
-import { QuaternaryTypes } from '../utils/variant.types';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface } from '../IconBillboard';
+import { ReactNode } from "react";
 export interface StepItemsSetProps {
     id: string;
     variant: QuaternaryTypes;

package/dist/StepItems/StepItemsSet.d.ts

@@ -1,3 +1,2 @@
-import { Props } from './StepItems.interface';
-
+import type { StepItemsSetProps as Props } from "./StepItems.interface";
 export declare const StepItemsSet: ({ id, variant: fullVariant, title, description, image, stepItems, callToActionRow, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/StepItems/index.d.ts

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

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, 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/VideoTile.js

@@ -7,6 +7,7 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";

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/ApyCalculator/ApyCalculator.css

@@ -11,6 +11,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._74vxga4 {
   text-align: center;
@@ -45,6 +46,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._74vxga7 {
   position: relative;
@@ -84,6 +86,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._74vxgah {
   display: flex;

package/dist/assets/ContentBanner/ContentBanner.css

@@ -18,6 +18,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1bwl51g7 {
   color: var(--_1073cm8a);

package/dist/assets/DownloadTile/DownloadTile.css

@@ -53,8 +53,11 @@
   display: flex;
   color: var(--_1073cm86);
 }
+._14gexxj2 tbody td:last-child {
+  min-width: 148px;
+}
 ._14gexxj2 ._14gexxj3 ._14gexxj4 {
-  margin: 2px 5px;
+  margin: 0 8px 0 0;
 }
 ._14gexxj5 h2 {
   font-weight: 600;
@@ -63,6 +66,7 @@
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._14gexxj6 {
   margin-inline: auto;
@@ -70,19 +74,29 @@
   max-width: 49.5rem;
   text-align: center;
 }
+@media screen and (max-width:1023px) {
+  ._14gexxj0 {
+    width: 100%;
+  }
+}
 @media screen and (max-width:767px) {
   ._14gexxj2 tbody td {
     padding: 16px;
   }
 }
+@media screen and (max-width:768px) {
+  ._14gexxj2 tbody td:first-child  {
+    font-size: 12px;
+    line-height: 1.33;
+    align-self: center;
+  }
+  ._14gexxj6 {
+    margin-bottom: 1.5rem;
+  }
+}
 @media screen and (max-width:500px) {
   ._14gexxj5 h2 {
     font-size: 20px;
     line-height: 1.2;
   }
-}
-@media screen and (max-width:768px) {
-  ._14gexxj6 {
-    margin-bottom: 1.5rem;
-  }
 }