@axos-web-dev/shared-components 0.0.60 → 0.0.62

package/dist/assets/TopicalNavItem/TopicalNavItem.css

@@ -0,0 +1,102 @@
+.dmebjx0 {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  flex: 1 1 0%;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: flex;
+  min-height: 103px;
+  padding: 0 1rem;
+  position: relative;
+  -webkit-transition: all 0.35s ease;
+  -o-transition: all 0.35s ease;
+  transition: all 0.35s ease;
+  text-decoration: none;
+}
+.dmebjx0:hover {
+  border-bottom-color: #333d46;
+  background-image: linear-gradient(360deg,#def4ff 0,rgba(222,244,255,0.942708) 34.12%,rgba(222,244,255,0) 107.41%);
+}
+.dmebjx1 {
+  font-size: 1rem;
+  line-height: 1.3;
+  letter-spacing: 0.2px;
+  min-height: 1.875rem;
+  position: relative;
+  margin-bottom: 0;
+  color: #333d46;
+}
+.dmebjx2 {
+  display: none;
+}
+.dmebjx3 {
+  padding: 1rem 0;
+}
+.dmebjx4 {
+  margin-bottom: 12px;
+  object-fit: none;
+  object-position: bottom;
+  height: 20px;
+}
+@media (max-width:1023px) {
+  .dmebjx0 {
+    box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
+    border-top: 3px solid transparent;
+    min-height: 56px;
+    padding: 0 1.5rem;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+@media (min-width:1024px) {
+  .dmebjx0::before {
+    content: "";
+    position: absolute;
+    background-color: #d4d4d4;
+    bottom: 0;
+    height: 74px;
+    left: 0;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 0.5px;
+  }
+  .dmebjx0:last-child::after {
+    content: "";
+    position: absolute;
+    background-color: #d4d4d4;
+    bottom: 0;
+    height: 74px;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 0.5px;
+    right: 0;
+    left: auto;
+  }
+}
+@media (max-width: 1023px) {
+  .dmebjx1 {
+    min-height: 0;
+    color: #2f5b88;
+    font-weight: 700;
+  }
+  .dmebjx3 {
+    display: flex;
+    align-items: center;
+  }
+}
+@media (max-width: 1024px) {
+  .dmebjx2 {
+    margin-right: 11px;
+    display: block;
+  }
+  .dmebjx4 {
+    display: none;
+  }
+}

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -0,0 +1,21 @@
+.xbzzeo0 {
+  -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
+  box-shadow: 0 7px 10px rgba(0,0,0,0.08);
+}
+.section_spacer:has(.xbzzeo0) {
+  margin-top: 0px;
+}
+.xbzzeo1 {
+  max-width: 83.9rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+@media (max-width:1023px) {
+  .xbzzeo0 {
+    box-shadow: none;
+    filter: none;
+  }
+  .xbzzeo2 {
+    display: block;
+  }
+}

package/dist/main.d.ts

@@ -3,10 +3,11 @@ export * from './AlertBanner';
 export * from './ApyCalculator';
 export * from './Article';
 export * from './ArticlesSet';
-export * from './AwardsItem';
 export * from './AwardsBanner';
+export * from './AwardsItem';
 export * from './BulletItem';
 export * from './Button';
+export * from './Calculators';
 export * from './CallToActionBar';
 export * from './Carousel';
 export * from './Chevron';
@@ -31,9 +32,12 @@ export * from './NavigationMenu';
 export * from './SecondaryFooter';
 export * from './SetContainer';
 export * from './SocialMediaBar';
-export * from './StepItems';
+export * from './StepItem';
+export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
+export * from './TopicalNavItem';
+export * from './TopicalNavSet';
 export * from './VideoTile';
 export * from './VideoWrapper';
 export * from './icons';

package/dist/main.js

@@ -7,14 +7,16 @@ import { Article } from "./Article/Article.js";
 import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article/Article.css.js";
 import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
 import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet/ArticlesSet.css.js";
-import { award_company, award_item, award_name } from "./AwardsItem/AwardsItem.css.js";
-import { AwardsItem } from "./AwardsItem/AwardsItem.js";
 import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
 import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
+import { award_company, award_item, award_name } from "./AwardsItem/AwardsItem.css.js";
+import { AwardsItem } from "./AwardsItem/AwardsItem.js";
 import { BulletItem } from "./BulletItem/BulletItem.js";
 import { Button } from "./Button/Button.js";
 import { button } from "./Button/Button.css.js";
 import { GoBackButton } from "./Button/GoBackButton.js";
+import { Calculator } from "./Calculators/Calculator.js";
+import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
@@ -70,13 +72,18 @@ import { default as default3 } from "./NavigationMenu/AxosAdvisorServices/index.
 import { default as default4 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
-import { StepItems } from "./StepItems/StepItems.js";
-import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems/StepItems.css.js";
-import { StepItemsSet } from "./StepItems/StepItemsSet.js";
+import { StepItem } from "./StepItem/StepItem.js";
+import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
+import { StepItemSet } from "./StepItemSet/StepItemSet.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
+import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
+import { TopicalNavItem } from "./TopicalNavItem/TopicalNavItem.js";
+import { picker_container, picker_orient, picker_section } from "./TopicalNavSet/TopicalNavSet.css.js";
+import { TopicalNavSet } from "./TopicalNavSet/TopicalNavSet.js";
 import { VideoInit } from "./VideoTile/VideoInit.js";
 import { VideoTile } from "./VideoTile/VideoTile.js";
 import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
@@ -126,6 +133,7 @@ export {
   default7 as AxosXBlue,
   BulletItem,
   Button,
+  Calculator,
   CallToActionBar,
   Carousel,
   CarouselSlide,
@@ -188,8 +196,8 @@ export {
   SecondaryFooter,
   SetContainer,
   SocialMediaBar,
-  StepItems,
-  StepItemsSet,
+  StepItem,
+  StepItemSet,
   SuccesFormWrapper,
   Table,
   TableBody,
@@ -198,6 +206,8 @@ export {
   TableHead,
   TableRow,
   TextBlock,
+  TopicalNavItem,
+  TopicalNavSet,
   VideoInit,
   VideoTile,
   VideoWrapper,
@@ -252,6 +262,8 @@ export {
   bullet_details,
   button,
   buttons,
+  calculator_description,
+  calculator_headline,
   components,
   contact_col,
   contact_entry,
@@ -335,6 +347,14 @@ export {
   padding,
   paragraph,
   person,
+  picker_arrow,
+  picker_container,
+  picker_itemContent,
+  picker_itemProduct,
+  picker_navIcon,
+  picker_navItem,
+  picker_orient,
+  picker_section,
   point,
   premierTheme,
   rate_billboard,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -37,6 +37,8 @@
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
     "react-hook-form": "^7.51.5",
+    "@types/iframe-resizer": "3.5.13",
+    "iframe-resizer": "4.3.11",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",

package/dist/StepItems/StepItems.css.d.ts

@@ -1,132 +0,0 @@
-export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const bs_wrapper: string;
-export declare const svg_logo: string;
-export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            fill: "#1E3860";
-        };
-        secondary: {
-            fill: "#1E3860";
-        };
-        tertiary: {
-            fill: "#fff";
-        };
-        quaternary: {
-            fill: "#fff";
-        };
-    };
-}>;
-export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const sec_subtitle: string;
-export declare const tablet_col: string;
-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<{
-    variant: {
-        primary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            borderColor: "#4D85B0";
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            borderColor: "#4D85B0";
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            borderColor: "#FAA74A";
-            background: "#1E3860";
-        };
-        quaternary: {
-            borderColor: "#FAA74A";
-            background: "#1E3860";
-        };
-    };
-}>;
-export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const bullet_details: string;
-export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const bs_copy: string;
-export declare const bs_btns: string;
-export declare const bs_add_details: string;

package/dist/StepItems/StepItems.css.js

@@ -1,45 +0,0 @@
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                             */
-import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var bs_section = createRuntimeFn({ defaultClassName: "_1hh5tt10", variantClassNames: { variant: { primary: "_1hh5tt11", secondary: "_1hh5tt12", tertiary: "_1hh5tt13", quaternary: "_1hh5tt14" } }, defaultVariants: {}, compoundVariants: [] });
-var bs_wrapper = "_1hh5tt15";
-var svg_logo = "_1hh5tt16";
-var modifier = createRuntimeFn({ defaultClassName: "_1hh5tt17", variantClassNames: { variant: { primary: "_1hh5tt18", secondary: "_1hh5tt19", tertiary: "_1hh5tt1a", quaternary: "_1hh5tt1b" } }, defaultVariants: {}, compoundVariants: [] });
-var sec_title = createRuntimeFn({ defaultClassName: "_1hh5tt1c", variantClassNames: { variant: { primary: "_1hh5tt1d", secondary: "_1hh5tt1e", tertiary: "_1hh5tt1f", quaternary: "_1hh5tt1g" } }, defaultVariants: {}, compoundVariants: [] });
-var sec_subtitle = "_1hh5tt1h";
-var tablet_col = "_1hh5tt1i";
-var bs_image = "_1hh5tt1j";
-var steps_wrapper = "_1hh5tt1k";
-var ol = "_1hh5tt1l";
-var li = "_1hh5tt1m";
-var line_points = createRuntimeFn({ defaultClassName: "_1hh5tt1n", variantClassNames: { variant: { primary: "_1hh5tt1o", secondary: "_1hh5tt1p", tertiary: "_1hh5tt1q", quaternary: "_1hh5tt1r" } }, defaultVariants: {}, compoundVariants: [] });
-var point = createRuntimeFn({ defaultClassName: "_1hh5tt1s", variantClassNames: { variant: { primary: "_1hh5tt1t", secondary: "_1hh5tt1u", tertiary: "_1hh5tt1v", quaternary: "_1hh5tt1w" } }, defaultVariants: {}, compoundVariants: [] });
-var step_num = createRuntimeFn({ defaultClassName: "_1hh5tt1x", variantClassNames: { variant: { primary: "_1hh5tt1y", secondary: "_1hh5tt1z", tertiary: "_1hh5tt110", quaternary: "_1hh5tt111" } }, defaultVariants: {}, compoundVariants: [] });
-var bullet_details = "_1hh5tt112";
-var bs_topic = createRuntimeFn({ defaultClassName: "_1hh5tt113", variantClassNames: { variant: { primary: "_1hh5tt114", secondary: "_1hh5tt115", tertiary: "_1hh5tt116", quaternary: "_1hh5tt117" } }, defaultVariants: {}, compoundVariants: [] });
-var bs_copy = "_1hh5tt118";
-var bs_btns = "_1hh5tt119";
-var bs_add_details = "_1hh5tt11a";
-export {
-  bs_add_details,
-  bs_btns,
-  bs_copy,
-  bs_image,
-  bs_section,
-  bs_topic,
-  bs_wrapper,
-  bullet_details,
-  li,
-  line_points,
-  modifier,
-  ol,
-  point,
-  sec_subtitle,
-  sec_title,
-  step_num,
-  steps_wrapper,
-  svg_logo,
-  tablet_col
-};

package/dist/StepItems/StepItems.d.ts

@@ -1,3 +0,0 @@
-import { 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,21 +0,0 @@
-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;
-    title?: ReactNode | string;
-    description?: ReactNode | string;
-    image?: ImageInterface;
-    stepItems: StepItemsProps[];
-    callToActionRow?: ChevronProps[];
-    additionalDetails?: string | ReactNode;
-}
-export interface StepItemsProps {
-    id: string;
-    variant: QuaternaryTypes;
-    title: ReactNode | string;
-    description: ReactNode | string;
-}

package/dist/StepItems/StepItems.interface.js

@@ -1 +0,0 @@
-

package/dist/StepItems/StepItemsSet.d.ts

@@ -1,3 +0,0 @@
-import { 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 +0,0 @@
-export * from './StepItems';
-export * from './StepItems.css';
-export type * from './StepItems.interface';
-export * from './StepItemsSet';

package/dist/StepItems/index.js

@@ -1,26 +0,0 @@
-import { StepItems } from "./StepItems.js";
-import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems.css.js";
-import { StepItemsSet } from "./StepItemsSet.js";
-export {
-  StepItems,
-  StepItemsSet,
-  bs_add_details,
-  bs_btns,
-  bs_copy,
-  bs_image,
-  bs_section,
-  bs_topic,
-  bs_wrapper,
-  bullet_details,
-  li,
-  line_points,
-  modifier,
-  ol,
-  point,
-  sec_subtitle,
-  sec_title,
-  step_num,
-  steps_wrapper,
-  svg_logo,
-  tablet_col
-};