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

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -26,6 +26,7 @@
 }
 .txcb8d1 .txcb8d7 {
   font-size: 20px;
+  line-height: 97%;
 }
 .txcb8d8 {
   color: var(--_1073cm85);
@@ -79,12 +80,31 @@
   fill: var(--_1073cm8n);
 }
 .txcb8dm {
-  flex: 1 1 0%;
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+}
+.txcb8d1 .txcb8dm {
+  flex: 1 0 0;
+  align-items: flex-start;
+  margin-top: 0px;
+  min-width: 0;
+  align-self: stretch;
 }
 .txcb8dn {
-  flex: 1 1 0%;
+  flex: 1 1 0;
+  display: flex;
+  justify-content: space-between;
   max-width: 100%;
 }
+.txcb8d1 .txcb8dn {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 8px;
+}
 .txcb8dn a {
   color: inherit;
 }
@@ -92,9 +112,6 @@
   opacity: 0.8;
   text-decoration: underline;
 }
-.txcb8dn > * + * {
-  margin-top: 24px;
-}
 .txcb8do {
   padding: 48px;
 }
@@ -122,16 +139,16 @@
 .txcb8dq {
   font-family: var(--header-font-family);
   font-size: 18px;
-  line-height: 1.44;
+  line-height: 115%;
   font-weight: 700;
-  margin-left: 15px;
   overflow: hidden;
   text-decoration: none;
-  text-overflow: ellipsis;
 }
 .txcb8d1 .txcb8dq {
   margin-left: 0px;
-  overflow: visible;
+  min-width: 0;
+  max-width: 100%;
+  font-size: 14px;
 }
 .txcb8dq:hover {
   opacity: 0.7;
@@ -154,6 +171,12 @@
 .txcb8dv {
   display: flex;
   flex-direction: column;
+  gap: 24px;
+}
+.txcb8d1 .txcb8dv {
+  gap: 8px;
+  flex: 0 0 auto;
+  justify-content: flex-end;
 }
 .txcb8dx {
   aspect-ratio: 1 / 1;
@@ -215,7 +238,6 @@
 }
 .txcb8d17 {
   margin-top: 0;
-  padding-block: 56px;
 }
 .txcb8d18 {
   background: var(--_1073cm81);
@@ -224,14 +246,17 @@
 .txcb8d19 {
   background: var(--_1073cm88);
   color: var(--_1073cm8a);
+  padding-block: 56px;
 }
 .txcb8d1a {
   background: var(--_1073cm8f);
   color: var(--_1073cm8h);
+  padding-block: 56px;
 }
 .txcb8d1b {
   background: var(--_1073cm8m);
   color: var(--_1073cm8o);
+  padding-block: 56px;
 }
 .txcb8d1d {
   color: var(--_1073cm85);
@@ -510,6 +535,9 @@ main > div:has(.txcb8d1k) {
 .txcb8d1 .arrow {
   margin-left: 8px;
 }
+.txcb8d1 .txcb8dv a svg {
+  display: block;
+}
 @media (max-width: 1240px) and (min-width: 1024px) {
   .txcb8dn {
     max-width: max-content;
@@ -547,7 +575,13 @@ main > div:has(.txcb8d1k) {
   .txcb8d16 {
     margin-bottom: 24px;
   }
-  .txcb8d17 {
+  .txcb8d19 {
+    padding-block: 42px;
+  }
+  .txcb8d1a {
+    padding-block: 42px;
+  }
+  .txcb8d1b {
     padding-block: 42px;
   }
   .txcb8d1h {
@@ -614,17 +648,14 @@ main > div:has(.txcb8d1k) {
     font-size: 16px;
     line-height: 1.5;
   }
-  .txcb8dn > * + * {
-    margin-top: 10px;
-  }
   .txcb8do {
     padding: 24px;
   }
   .txcb8dp {
     margin-top: 8px;
   }
-  .txcb8dq {
-    margin-left: 10px;
+  .txcb8d1 .txcb8dq {
+    overflow-wrap: anywhere;
   }
   .txcb8dv {
     margin-top: 16px;
@@ -644,7 +675,13 @@ main > div:has(.txcb8d1k) {
     grid-template-columns: 1fr;
     width: min(350px, calc(100% - 2rem));
   }
-  .txcb8d17 {
+  .txcb8d19 {
+    padding-block: 32px;
+  }
+  .txcb8d1a {
+    padding-block: 32px;
+  }
+  .txcb8d1b {
     padding-block: 32px;
   }
   .txcb8dn + .txcb8d1i {

package/dist/icons/AxosX/Blue.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+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,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgAxosX;

package/dist/icons/CheckCircle.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
 import { CheckColorVariant } from './CheckIcon/CheckIcon.css';
 
-declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react").JSX.Element;
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircleLight.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircleLight;

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

@@ -1,4 +1,4 @@
 import { CheckColorVariant } from './CheckIcon.css';
 
-declare const SvgCheckIcon: (props: CheckColorVariant) => import("react").JSX.Element;
+declare const SvgCheckIcon: (props: CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckIcon;

package/dist/icons/ChevronDown.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronDown;

package/dist/icons/ChevronUp.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

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

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ClockIcon;

package/dist/icons/EqualHousingLender.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgEqualHousingLender;

package/dist/icons/Logos/AAS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AFS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXA.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXB.d.ts

@@ -4,5 +4,5 @@ declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
     height?: number;
     width?: number;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXC.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXI.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXOS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/GBLVF.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVF.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVFText.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/SPB.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgMemberFdicLogo;

package/dist/icons/QuoteIconGrey.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconGrey;

package/dist/icons/QuoteIconWhite.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconWhite;

package/dist/icons/QuoteIconYellow.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconYellow;

package/dist/main.js

@@ -68,6 +68,7 @@ import { ApplyNow } from "./Forms/ApplyNow.js";
 import { getLink } from "./Forms/applynow-utils.js";
 import { ClearingForm } from "./Forms/ClearingForm.js";
 import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
+import { CommercialDepositsACS } from "./Forms/CommercialDepositsACS.js";
 import { CommercialDepositsNoLendingOption } from "./Forms/CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./Forms/CommercialLending.js";
 import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
@@ -278,6 +279,7 @@ export {
   default11 as CloseIcon,
   CollectInformationAlert,
   CommercialDeposits,
+  CommercialDepositsACS,
   CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.2.16",
+  "version": "2.2.18",
   "type": "module",
   "main": "dist/main.js",
   "module": "dist/main.js",