@axos-web-dev/shared-components 0.0.48 → 0.0.50

package/dist/assets/Table/Table.css

@@ -192,13 +192,13 @@ tr:last-child td {
 }
 ._1nivbwe12 ._1nivbwed {
   font-size: 18px;
-  text-align: left;
+  text-align: center;
   line-height: 1.44;
   letter-spacing: 0.2px;
 }
 ._1nivbwe12 ._1nivbwej {
   font-size: 18px;
-  text-align: left;
+  text-align: center;
   line-height: 1.44;
   letter-spacing: 0.2px;
   font-weight: 400;
@@ -208,6 +208,7 @@ tr:last-child td {
   text-align: left;
 }
 ._1nivbwe12 ._1nivbwed {
+  text-align: center;
   background: #f4f4f4;
 }
 ._1nivbwe12 tr:nth-child(even) td {
@@ -216,20 +217,50 @@ tr:last-child td {
 ._1nivbwe12 tr:nth-child(odd) td {
   background: #ffffff !important;
 }
+._1nivbwe12 tr th:first-child {
+  text-align: left;
+}
+._1nivbwe12 tr td:first-child {
+  text-align: left;
+}
+._1nivbwe12:has(td:nth-child(3):is(:last-child)) {
+  min-width: unset;
+  width: 100%;
+}
+._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
+  width: 33%;
+}
+._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th {
+  width: 33%;
+}
+._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
+  position: relative;
+}
+._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
+  position: relative;
+}
+._1nivbwe12 tr td:first-child p {
+  justify-content: left;
+}
+._1nivbwe12 tr th:first-child ._1nivbwe7 p {
+  justify-content: left;
+}
 ._1nivbwe12 tr td, ._1nivbwe12 tr th {
   border-bottom: 0;
 }
-._1nivbwe12 tr ._1nivbwed:first-child {
-  width: 50%;
-}
 ._1nivbwe13 {
   margin-bottom: 1rem;
 }
 th .flex.middle.center {
-  display: inline-block;
   vertical-align: top;
   text-align: center;
-  width: 90%;
+  width: 100%;
+}
+td:has(.flex.middle):first-child {
+  justify-content: left;
+}
+th:first-child:has(.flex.middle) {
+  justify-content: left;
 }
 td:has(.flex.middle span.img_fluid) .flex.middle {
   flex-wrap: nowrap;
@@ -243,7 +274,7 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
     top: 0;
-    width: 25%;
+    min-width: 150px;
   }
   ._1nivbweg:first-child {
     background: var(--_1073cm8f);
@@ -257,33 +288,30 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
   ._1nivbwej:first-child {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
-    width: 25%;
   }
   ._1nivbwew {
     border-radius: 0;
     overflow: auto;
-    min-width: 900px;
     width: auto;
   }
-  ._1nivbwe12 tr ._1nivbwed:first-child {
-    width: 25%;
-  }
-}
-@media screen and (max-width: 400px) {
-  ._1nivbwed:first-child {
-    width: 20%;
+  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
+    font-size: 14px;
+    min-width: unset;
+    width: 30%;
   }
-  ._1nivbwej:first-child {
-    width: 20%;
+  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th {
+    min-width: unset;
+    width: 30%;
   }
-  ._1nivbwew {
-    min-width: 650px;
+  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
+    box-shadow: none;
+    z-index: 0;
+    width: 40%;
   }
-  th .flex.middle.center {
-    overflow-wrap: normal;
-  }
-  td:has(.flex.middle span.img_fluid) .flex.middle {
-    overflow-wrap: normal;
+  ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
+    box-shadow: none;
+    z-index: 0;
+    width: 40%;
   }
 }
 @media screen and (max-width: 327px) {
@@ -314,4 +342,12 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
   ._1nivbwe12 {
     min-width: 100%;
   }
+}
+@media screen and (max-width: 400px) {
+  th .flex.middle.center {
+    overflow-wrap: break-word;
+  }
+  td:has(.flex.middle span.img_fluid) .flex.middle {
+    overflow-wrap: normal;
+  }
 }

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,5 +1,6 @@
+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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,5 +1,6 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgCloseIcon: FC;
 export default SvgCloseIcon;

package/dist/icons/DownloadIcon/index.d.ts

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

package/dist/icons/EqualHousingLender.d.ts

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

package/dist/icons/LockIcon/index.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgLockIcon: FC;
 export default SvgLockIcon;

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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,3 +1,4 @@
-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

@@ -0,0 +1 @@
+

package/dist/main.d.ts

@@ -12,6 +12,7 @@ export * from './DownloadTile';
 export * from './ExecutiveBio';
 export * from './FaqAccordion';
 export * from './FooterDisclosure';
+export * from './FooterSiteMap';
 export * from './Forms';
 export * from './HeroBanner';
 export * from './Hyperlink';
@@ -33,4 +34,4 @@ export * from './VideoTile';
 export * from './VideoWrapper';
 export * from './icons';
 export * from './themes';
-export * from "./utils";
+export * from './utils';

package/dist/main.js

@@ -19,6 +19,8 @@ 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 { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
+import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap/AxosBank/FooterSiteMap.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";
@@ -94,6 +96,7 @@ export {
   AlertBanner,
   ApyCalculator,
   default4 as ArrowIcon,
+  AxosFooterSiteMap,
   default5 as AxosX,
   default6 as AxosXBlue,
   BulletItem,
@@ -166,6 +169,7 @@ export {
   accordion,
   actions,
   alternate_color_rows,
+  app_col,
   apy_billboard,
   apy_table,
   associatedEmail,
@@ -211,9 +215,17 @@ export {
   footerDisclosure,
   footerLink,
   footerParagraph,
+  footer_mobile,
+  footer_section,
+  footer_wrapper,
   form,
   formContainer,
   formWrapper,
+  ft_col,
+  ft_col_header,
+  ft_col_subheader,
+  ft_panel,
+  ft_panel_group,
   getVariant,
   getVariantWithRegex,
   header,
@@ -261,6 +273,7 @@ export {
   media,
   mh_330,
   modifier,
+  nested_grid,
   ol,
   padding,
   paragraph,

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/allowedAxosDomains.js

@@ -8,7 +8,8 @@ const moreDomains = {
   "{ASSETSURL}": "https://assets.axos.com",
   "{IMAGEASSETSURL}": "https://images.axos.com",
   "{ONLINEBANKING}": "https://onlinebanking.uat.axsobank.com",
-  "{UFBDIRECT}": "https://www.ufbdirect.com"
+  "{UFBDIRECT}": "https://www.ufbdirect.com",
+  "{ARMS}": "https://arms.axosadvisor.com"
   // "assets.axos.com": "https://assets.axos.com",
   // "images.axos.com": "https://images.axos.com",
 };

package/dist/utils/ctaOptions.d.ts

@@ -1,4 +1,5 @@
 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,3 +1,4 @@
-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.48",
+  "version": "0.0.50",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",