@axos-web-dev/shared-components 0.0.41 → 0.0.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.css.d.ts +3 -4
- package/dist/Accordion/Accordion.d.ts +1 -2
- package/dist/Accordion/Accordion.js +1 -0
- package/dist/Accordion/index.d.ts +2 -2
- package/dist/AlertBanner/AlertBanner.css.d.ts +1 -1
- package/dist/AlertBanner/AlertBanner.interface.d.ts +1 -2
- package/dist/AlertBanner/index.d.ts +2 -3
- package/dist/AlertBanner/index.js +1 -0
- package/dist/ApyCalculator/index.d.ts +1 -2
- package/dist/BulletItem/BulletItem.d.ts +1 -2
- package/dist/BulletItem/BulletItem.js +1 -0
- package/dist/BulletItem/index.d.ts +1 -1
- package/dist/Button/Button.css.d.ts +2 -3
- package/dist/Button/Button.d.ts +3 -4
- package/dist/Button/Button.interface.d.ts +1 -2
- package/dist/Button/GoBackButton.d.ts +2 -3
- package/dist/Button/index.d.ts +3 -3
- package/dist/CallToActionBar/CallToActionBar.interface.d.ts +1 -2
- package/dist/CallToActionBar/index.d.ts +2 -3
- package/dist/Carousel/Carousel.css.d.ts +5 -6
- package/dist/Carousel/index.d.ts +2 -3
- package/dist/Carousel/index.js +1 -0
- package/dist/Carousel/store.d.ts +1 -1
- package/dist/Chevron/Chevron.css.d.ts +1 -1
- package/dist/Chevron/Chevron.interface.d.ts +1 -2
- package/dist/Chevron/index.d.ts +2 -3
- package/dist/Chevron/index.js +3 -0
- package/dist/CollectInformationAlert/index.d.ts +1 -2
- package/dist/CollectInformationAlert/index.js +1 -0
- package/dist/ContentBanner/ContentBanner.css.d.ts +3 -2
- package/dist/ContentBanner/ContentBanner.interface.d.ts +1 -2
- package/dist/ContentBanner/index.d.ts +2 -3
- package/dist/DownloadTile/DownloadTile.interface.d.ts +1 -2
- package/dist/DownloadTile/index.d.ts +2 -3
- package/dist/DownloadTile/index.js +2 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +7 -7
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -2
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +2 -3
- package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -2
- package/dist/ExecutiveBio/index.d.ts +4 -4
- package/dist/FaqAccordion/index.d.ts +2 -3
- package/dist/FaqAccordion/index.js +1 -0
- package/dist/FooterDisclosure/FooterDisclosure.css.d.ts +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.d.ts +1 -2
- package/dist/FooterDisclosure/index.d.ts +2 -2
- package/dist/Forms/Forms.css.d.ts +12 -6
- package/dist/Forms/Forms.css.js +13 -9
- package/dist/Forms/RenderForm.d.ts +2 -3
- package/dist/Forms/SalesforceFieldsForm.d.ts +1 -1
- package/dist/Forms/ScheduleCall.d.ts +4 -4
- package/dist/Forms/ScheduleCall.js +7 -2
- package/dist/Forms/SuccesForm.d.ts +1 -2
- package/dist/Forms/SuccesForm.js +1 -0
- package/dist/Forms/index.d.ts +5 -5
- package/dist/Forms/index.js +3 -1
- package/dist/HeroBanner/HeroBanner.css.d.ts +7 -3
- package/dist/HeroBanner/HeroBanner.interface.d.ts +1 -2
- package/dist/HeroBanner/index.d.ts +1 -2
- package/dist/Hyperlink/Hyperlink.interface.d.ts +5 -2
- package/dist/Hyperlink/index.d.ts +2 -3
- package/dist/Hyperlink/index.js +6 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +11 -6
- package/dist/IconBillboard/IconBillboard.d.ts +3 -4
- package/dist/IconBillboard/IconBillboard.interface.d.ts +3 -4
- package/dist/IconBillboard/IconBillboardSet.d.ts +1 -2
- package/dist/IconBillboard/index.d.ts +4 -4
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +12 -4
- package/dist/ImageBillboard/ImageBillboard.d.ts +1 -2
- package/dist/ImageBillboard/ImageBillboard.interface.d.ts +4 -5
- package/dist/ImageBillboard/ImageBillboard.js +1 -0
- package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -2
- package/dist/ImageBillboard/ImageBillboardSet.js +1 -0
- package/dist/ImageBillboard/index.d.ts +4 -4
- package/dist/Input/Input.css.d.ts +6 -6
- package/dist/Input/Input.d.ts +2 -3
- package/dist/Input/InputPhone.d.ts +3 -3
- package/dist/Input/index.d.ts +3 -3
- package/dist/Inputs/Input.css.d.ts +6 -6
- package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +2 -2
- package/dist/LandingPageHeader/LandingPageHeader.d.ts +0 -1
- package/dist/LandingPageHeader/index.d.ts +1 -1
- package/dist/MainHTML/index.d.ts +1 -2
- package/dist/Modal/Modal.d.ts +2 -3
- package/dist/Modal/Modal.js +3 -0
- package/dist/Modal/contextApi/store.d.ts +2 -3
- package/dist/Modal/index.d.ts +2 -2
- package/dist/NavigationMenu/index.d.ts +2 -2
- package/dist/SetContainer/SetContainer.css.d.ts +1 -1
- package/dist/SetContainer/SetContainer.d.ts +2 -3
- package/dist/SetContainer/SetContainer.js +3 -0
- package/dist/SetContainer/index.d.ts +2 -2
- package/dist/StepItems/StepItems.css.d.ts +7 -7
- package/dist/StepItems/StepItems.d.ts +1 -2
- package/dist/StepItems/StepItems.interface.d.ts +3 -4
- package/dist/StepItems/StepItemsSet.d.ts +1 -2
- package/dist/StepItems/index.d.ts +4 -4
- package/dist/Table/Table.css.d.ts +5 -5
- package/dist/Table/Table.d.ts +3 -4
- package/dist/Table/Table.interface.d.ts +1 -2
- package/dist/Table/index.d.ts +2 -2
- package/dist/TextBlock/TextBlock.d.ts +1 -2
- package/dist/TextBlock/index.d.ts +2 -2
- package/dist/Typography/Typography.css.d.ts +3 -4
- package/dist/Typography/Typography.d.ts +2 -3
- package/dist/Typography/index.d.ts +1 -1
- package/dist/VideoTile/VideoTile.d.ts +2 -3
- package/dist/VideoTile/VideoTile.js +1 -0
- package/dist/VideoTile/index.d.ts +4 -4
- package/dist/VideoWrapper/index.d.ts +2 -3
- package/dist/assets/ApyCalculator/ApyCalculator.css +3 -0
- package/dist/assets/ContentBanner/ContentBanner.css +1 -0
- package/dist/assets/DownloadTile/DownloadTile.css +20 -6
- package/dist/assets/Forms/Forms.css +48 -41
- package/dist/assets/HeroBanner/HeroBanner.css +4 -0
- package/dist/assets/IconBillboard/IconBillboard.css +4 -0
- package/dist/assets/ImageBillboard/ImageBillboard.css +4 -0
- package/dist/assets/Modal/Modal.css +1 -0
- package/dist/assets/Table/Table.css +6 -0
- package/dist/assets/TextBlock/TextBlock.css +1 -0
- package/dist/assets/icons/FollowIcon/FollowIcon.css +3 -0
- package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +1 -1
- package/dist/icons/ArrowIcon/index.d.ts +1 -2
- package/dist/icons/AxosX/Blue.d.ts +1 -2
- package/dist/icons/AxosX/index.d.ts +1 -2
- package/dist/icons/CheckCircle.d.ts +1 -2
- package/dist/icons/CheckCircleLight.d.ts +1 -2
- package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -3
- package/dist/icons/CheckIcon/index.d.ts +1 -2
- package/dist/icons/ChevronDown.d.ts +1 -2
- package/dist/icons/ChevronUp.d.ts +1 -2
- package/dist/icons/CloseIcon/index.d.ts +1 -2
- package/dist/icons/DownloadIcon/index.d.ts +1 -2
- package/dist/icons/EqualHousingLender.d.ts +1 -2
- package/dist/icons/FollowIcon/FollowIcon.css.d.ts +1 -0
- package/dist/icons/FollowIcon/FollowIcon.css.js +7 -0
- package/dist/icons/FollowIcon/index.d.ts +5 -0
- package/dist/icons/FollowIcon/index.js +36 -0
- package/dist/icons/LockIcon/index.d.ts +1 -2
- package/dist/icons/MemberFdicLogo.d.ts +1 -2
- package/dist/icons/QuoteIconGrey.d.ts +1 -2
- package/dist/icons/QuoteIconWhite.d.ts +1 -2
- package/dist/icons/QuoteIconYellow.d.ts +1 -2
- package/dist/icons/WarningIcon/index.d.ts +1 -2
- package/dist/icons/index.d.ts +18 -17
- package/dist/icons/index.js +2 -0
- package/dist/index.css.d.ts +0 -1
- package/dist/main.d.ts +1 -1
- package/dist/main.js +5 -1
- package/dist/themes/index.d.ts +2 -2
- package/dist/utils/ctaOptions.d.ts +0 -1
- package/dist/utils/getVariant.d.ts +1 -2
- package/dist/utils/index.d.ts +5 -5
- package/package.json +1 -1
package/dist/Forms/Forms.css.js
CHANGED
|
@@ -5,21 +5,25 @@
|
|
|
5
5
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
6
|
var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7
7
|
var iconForm = "tfms6a5";
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
8
|
+
var headerContainer = "tfms6a6";
|
|
9
|
+
var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
|
|
10
|
+
var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
+
var actions = "tfms6ah";
|
|
12
|
+
var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ai", variantClassNames: { variant: { primary: "tfms6aj", secondary: "tfms6ak", tertiary: "tfms6al", quaternary: "tfms6am" } }, defaultVariants: {}, compoundVariants: [] });
|
|
13
|
+
var form = "tfms6an";
|
|
14
|
+
var success_wrap = createRuntimeFn({ defaultClassName: "tfms6aq", variantClassNames: { variant: { primary: "tfms6ar", secondary: "tfms6as", tertiary: "tfms6at", quaternary: "tfms6au" } }, defaultVariants: {}, compoundVariants: [] });
|
|
15
|
+
var success_icon = "tfms6av";
|
|
16
|
+
var succes_check_mark = "tfms6aw";
|
|
17
|
+
var success_circle = createRuntimeFn({ defaultClassName: "tfms6ax", variantClassNames: { variant: { primary: "tfms6ay", secondary: "tfms6az", tertiary: "tfms6a10", quaternary: "tfms6a11" } }, defaultVariants: {}, compoundVariants: [] });
|
|
18
|
+
var descriptionField = "tfms6a12";
|
|
17
19
|
export {
|
|
18
20
|
actions,
|
|
21
|
+
descriptionField,
|
|
19
22
|
disclosureForm,
|
|
20
23
|
form,
|
|
21
24
|
formContainer,
|
|
22
25
|
formWrapper,
|
|
26
|
+
headerContainer,
|
|
23
27
|
headerForm,
|
|
24
28
|
iconForm,
|
|
25
29
|
succes_check_mark,
|
|
@@ -68,4 +68,4 @@ export type Props = {
|
|
|
68
68
|
queryParams?: Partial<QueryParams>;
|
|
69
69
|
location?: Record<string, unknown>;
|
|
70
70
|
};
|
|
71
|
-
export declare const SalesforceFieldsForm: import(
|
|
71
|
+
export declare const SalesforceFieldsForm: import("react").NamedExoticComponent<Props>;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
import { QuaternaryTypes } from '../utils/variant.types';
|
|
3
1
|
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
4
|
-
|
|
2
|
+
import { QuaternaryTypes } from '../utils/variant.types';
|
|
3
|
+
import { PropsWithChildren, ReactNode } from "react";
|
|
5
4
|
export type Inputs = {
|
|
6
5
|
first_name: string;
|
|
7
6
|
last_name: string;
|
|
@@ -15,9 +14,10 @@ export interface FormProps extends PropsWithChildren {
|
|
|
15
14
|
}) => void;
|
|
16
15
|
icon?: boolean;
|
|
17
16
|
headline?: ReactNode | string;
|
|
17
|
+
description?: ReactNode | string;
|
|
18
18
|
disclosure?: ReactNode | string;
|
|
19
19
|
variant?: QuaternaryTypes;
|
|
20
20
|
validateEmail: (email: string) => Promise<boolean>;
|
|
21
21
|
callToAction: Omit<ChevronProps, "targetUrl">;
|
|
22
22
|
}
|
|
23
|
-
export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,12 +15,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
15
15
|
/* empty css */
|
|
16
16
|
/* empty css */
|
|
17
17
|
/* empty css */
|
|
18
|
+
/* empty css */
|
|
18
19
|
import { associatedEmail } from "../utils/EverestValidity.js";
|
|
19
20
|
import { getVariant } from "../utils/getVariant.js";
|
|
20
21
|
import clsx from "clsx";
|
|
21
22
|
import { useForm, FormProvider } from "react-hook-form";
|
|
22
23
|
import * as z from "zod";
|
|
23
|
-
import { formContainer, iconForm, headerForm, form, formWrapper, disclosureForm, actions } from "./Forms.css.js";
|
|
24
|
+
import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
|
|
24
25
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
25
26
|
const ScheduleCall = ({
|
|
26
27
|
icon = false,
|
|
@@ -31,6 +32,7 @@ const ScheduleCall = ({
|
|
|
31
32
|
disclosure,
|
|
32
33
|
variant: fullVariant = "primary",
|
|
33
34
|
headline,
|
|
35
|
+
description,
|
|
34
36
|
callToAction,
|
|
35
37
|
validateEmail,
|
|
36
38
|
id
|
|
@@ -77,7 +79,10 @@ const ScheduleCall = ({
|
|
|
77
79
|
className: clsx(formContainer({ variant })),
|
|
78
80
|
children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
|
|
79
81
|
icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
|
|
80
|
-
/* @__PURE__ */
|
|
82
|
+
/* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
|
|
83
|
+
/* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
|
|
84
|
+
description && /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField} text_center`, children: description })
|
|
85
|
+
] }),
|
|
81
86
|
/* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
|
|
82
87
|
/* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
|
|
83
88
|
/* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
|
package/dist/Forms/SuccesForm.js
CHANGED
package/dist/Forms/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from "./Forms.css";
|
|
2
|
+
export * from "./RenderForm";
|
|
3
|
+
export * from "./SalesforceFieldsForm";
|
|
4
|
+
export * from "./ScheduleCall";
|
|
5
|
+
export * from "./SuccesForm";
|
package/dist/Forms/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
|
|
1
|
+
import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
|
|
2
2
|
import { RenderWebForm, renderSwitch } from "./RenderForm.js";
|
|
3
3
|
import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
4
4
|
import { ScheduleCall } from "./ScheduleCall.js";
|
|
@@ -10,10 +10,12 @@ export {
|
|
|
10
10
|
SalesforceSchema,
|
|
11
11
|
ScheduleCall,
|
|
12
12
|
actions,
|
|
13
|
+
descriptionField,
|
|
13
14
|
disclosureForm,
|
|
14
15
|
form,
|
|
15
16
|
formContainer,
|
|
16
17
|
formWrapper,
|
|
18
|
+
headerContainer,
|
|
17
19
|
headerForm,
|
|
18
20
|
iconForm,
|
|
19
21
|
renderSwitch,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const logout: string;
|
|
2
|
-
export declare const hero_banner: import(
|
|
2
|
+
export declare const hero_banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
3
3
|
variant: {
|
|
4
4
|
primary: {
|
|
5
5
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -24,17 +24,19 @@ export declare const reversed: string;
|
|
|
24
24
|
export declare const hero_text: string;
|
|
25
25
|
export declare const hero_wrapper: string;
|
|
26
26
|
export declare const hero_img: string;
|
|
27
|
-
export declare const supertag: import(
|
|
27
|
+
export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
28
28
|
variant: {
|
|
29
29
|
primary: {
|
|
30
30
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
31
|
backgroundClip: "text";
|
|
32
32
|
WebkitTextFillColor: "transparent";
|
|
33
|
+
textShadow: "0px 0px #00000000";
|
|
33
34
|
};
|
|
34
35
|
secondary: {
|
|
35
36
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
37
|
backgroundClip: "text";
|
|
37
38
|
WebkitTextFillColor: "transparent";
|
|
39
|
+
textShadow: "0px 0px #00000000";
|
|
38
40
|
};
|
|
39
41
|
tertiary: {
|
|
40
42
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -44,17 +46,19 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
44
46
|
};
|
|
45
47
|
};
|
|
46
48
|
}>;
|
|
47
|
-
export declare const headline_text: import(
|
|
49
|
+
export declare const headline_text: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
48
50
|
variant: {
|
|
49
51
|
primary: {
|
|
50
52
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
53
|
backgroundClip: "text";
|
|
52
54
|
WebkitTextFillColor: "transparent";
|
|
55
|
+
textShadow: "0px 0px #00000000";
|
|
53
56
|
};
|
|
54
57
|
secondary: {
|
|
55
58
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
59
|
backgroundClip: "text";
|
|
57
60
|
WebkitTextFillColor: "transparent";
|
|
61
|
+
textShadow: "0px 0px #00000000";
|
|
58
62
|
};
|
|
59
63
|
tertiary: {
|
|
60
64
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { HeroBannerInterface } from
|
|
2
|
-
|
|
1
|
+
import { HeroBannerInterface } from "./HeroBanner.interface";
|
|
3
2
|
export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { PropsWithChildren, ReactNode } from
|
|
2
|
-
|
|
1
|
+
import { PropsWithChildren, ReactNode } from "react";
|
|
3
2
|
export interface HyperlinkProps extends PropsWithChildren {
|
|
4
3
|
/**
|
|
5
4
|
* react node to add as a children
|
|
@@ -17,4 +16,8 @@ export interface HyperlinkProps extends PropsWithChildren {
|
|
|
17
16
|
* additional classname
|
|
18
17
|
*/
|
|
19
18
|
className?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Descriptive Text (Aria Label)
|
|
21
|
+
*/
|
|
22
|
+
ariaLabel?: string;
|
|
20
23
|
}
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -7,6 +7,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
|
+
/* empty css */
|
|
10
11
|
import "../Chevron/Chevron.css.js";
|
|
11
12
|
import "../AlertBanner/AlertBanner.css.js";
|
|
12
13
|
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
@@ -41,7 +42,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
|
|
|
41
42
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
42
43
|
/* empty css */
|
|
43
44
|
/* empty css */
|
|
45
|
+
import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
|
|
44
46
|
/* empty css */
|
|
47
|
+
import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
|
|
45
48
|
/* empty css */
|
|
46
49
|
/* empty css */
|
|
47
50
|
import "../StepItems/StepItems.css.js";
|
|
@@ -54,7 +57,8 @@ const Hyperlink = ({
|
|
|
54
57
|
children,
|
|
55
58
|
targetUrl,
|
|
56
59
|
id,
|
|
57
|
-
className
|
|
60
|
+
className,
|
|
61
|
+
ariaLabel
|
|
58
62
|
}) => {
|
|
59
63
|
const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
|
|
60
64
|
const onClick = (e) => {
|
|
@@ -75,6 +79,7 @@ const Hyperlink = ({
|
|
|
75
79
|
href: findMoreAxosDomains(targetUrl),
|
|
76
80
|
className: `${className ? className : ""}`,
|
|
77
81
|
onClick,
|
|
82
|
+
"aria-label": ariaLabel,
|
|
78
83
|
children
|
|
79
84
|
}
|
|
80
85
|
);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { RecipeVariants } from
|
|
2
|
-
|
|
3
|
-
export declare const containerIconBillboard: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
1
|
+
import { RecipeVariants } from "@vanilla-extract/recipes";
|
|
2
|
+
export declare const containerIconBillboard: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
4
3
|
variant: {
|
|
5
4
|
primary: {
|
|
6
5
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -19,7 +18,7 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
|
|
|
19
18
|
};
|
|
20
19
|
};
|
|
21
20
|
}>;
|
|
22
|
-
export declare const layout: import(
|
|
21
|
+
export declare const layout: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
23
22
|
side: {
|
|
24
23
|
true: {
|
|
25
24
|
flexDirection: "row";
|
|
@@ -28,7 +27,7 @@ export declare const layout: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
28
27
|
}>;
|
|
29
28
|
export declare const billboard_icon: string;
|
|
30
29
|
export declare const headerIconBillboard: string;
|
|
31
|
-
export declare const title: import(
|
|
30
|
+
export declare const title: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
32
31
|
variant: {
|
|
33
32
|
primary: {
|
|
34
33
|
selectors: {
|
|
@@ -36,12 +35,14 @@ export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
36
35
|
WebkitBackgroundClip: "text";
|
|
37
36
|
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
38
37
|
WebkitTextFillColor: "transparent";
|
|
38
|
+
textShadow: "0px 0px #00000000";
|
|
39
39
|
color?: undefined;
|
|
40
40
|
} | {
|
|
41
41
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
42
|
WebkitBackgroundClip?: undefined;
|
|
43
43
|
backgroundImage?: undefined;
|
|
44
44
|
WebkitTextFillColor?: undefined;
|
|
45
|
+
textShadow?: undefined;
|
|
45
46
|
};
|
|
46
47
|
};
|
|
47
48
|
};
|
|
@@ -51,12 +52,14 @@ export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
51
52
|
WebkitBackgroundClip: "text";
|
|
52
53
|
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
54
|
WebkitTextFillColor: "transparent";
|
|
55
|
+
textShadow: "0px 0px #00000000";
|
|
54
56
|
color?: undefined;
|
|
55
57
|
} | {
|
|
56
58
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
57
59
|
WebkitBackgroundClip?: undefined;
|
|
58
60
|
backgroundImage?: undefined;
|
|
59
61
|
WebkitTextFillColor?: undefined;
|
|
62
|
+
textShadow?: undefined;
|
|
60
63
|
};
|
|
61
64
|
};
|
|
62
65
|
};
|
|
@@ -73,17 +76,19 @@ export declare const list: string;
|
|
|
73
76
|
export declare const listItem: string;
|
|
74
77
|
export declare const buttons: string;
|
|
75
78
|
export declare const section_text: string;
|
|
76
|
-
export declare const header_section: import(
|
|
79
|
+
export declare const header_section: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
77
80
|
variant: {
|
|
78
81
|
primary: {
|
|
79
82
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
80
83
|
backgroundClip: "text";
|
|
81
84
|
WebkitTextFillColor: "transparent";
|
|
85
|
+
textShadow: "0px 0px #00000000";
|
|
82
86
|
};
|
|
83
87
|
secondary: {
|
|
84
88
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
89
|
backgroundClip: "text";
|
|
86
90
|
WebkitTextFillColor: "transparent";
|
|
91
|
+
textShadow: "0px 0px #00000000";
|
|
87
92
|
};
|
|
88
93
|
tertiary: {
|
|
89
94
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { ContainerVariants, LayoutVariants } from './IconBillboard.css';
|
|
2
|
-
import { ImageInterface } from '.';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
1
|
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
5
|
-
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { ImageInterface } from ".";
|
|
4
|
+
import { ContainerVariants, LayoutVariants } from "./IconBillboard.css";
|
|
6
5
|
export interface FocusProps {
|
|
7
6
|
icon?: ImageInterface;
|
|
8
7
|
headline?: ReactNode | undefined;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { QuaternaryTypes } from '../utils/variant.types';
|
|
3
|
-
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
4
1
|
import { BulletItemProps } from '../BulletItem';
|
|
5
|
-
|
|
2
|
+
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
3
|
+
import { QuaternaryTypes } from '../utils/variant.types';
|
|
4
|
+
import { ReactNode } from "react";
|
|
6
5
|
export interface IconBillboardSet {
|
|
7
6
|
id: string;
|
|
8
7
|
headline: ReactNode | string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { Props } from
|
|
2
|
-
|
|
1
|
+
import type { IconBillboardSet as Props } from "./IconBillboard.interface";
|
|
3
2
|
export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export type { IconBillboardSet, ImageInterface, } from
|
|
4
|
-
export * from
|
|
1
|
+
export * from "./IconBillboard";
|
|
2
|
+
export * from "./IconBillboard.css";
|
|
3
|
+
export type { IconBillboardSet, ImageInterface, } from "./IconBillboard.interface";
|
|
4
|
+
export * from "./IconBillboardSet";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const billboard: import(
|
|
1
|
+
export declare const billboard: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
4
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -18,7 +18,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
}>;
|
|
21
|
-
export declare const imagePlacement: import(
|
|
21
|
+
export declare const imagePlacement: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
22
22
|
position: {
|
|
23
23
|
left: {
|
|
24
24
|
selectors: {
|
|
@@ -37,7 +37,7 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
|
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
39
|
}>;
|
|
40
|
-
export declare const supertag: import(
|
|
40
|
+
export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
41
41
|
variant: {
|
|
42
42
|
primary: {
|
|
43
43
|
selectors: {
|
|
@@ -45,12 +45,14 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
45
45
|
WebkitBackgroundClip: "text";
|
|
46
46
|
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
47
|
WebkitTextFillColor: "transparent";
|
|
48
|
+
textShadow: "0px 0px #00000000";
|
|
48
49
|
color?: undefined;
|
|
49
50
|
} | {
|
|
50
51
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
52
|
WebkitBackgroundClip?: undefined;
|
|
52
53
|
backgroundImage?: undefined;
|
|
53
54
|
WebkitTextFillColor?: undefined;
|
|
55
|
+
textShadow?: undefined;
|
|
54
56
|
};
|
|
55
57
|
};
|
|
56
58
|
};
|
|
@@ -60,12 +62,14 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
60
62
|
WebkitBackgroundClip: "text";
|
|
61
63
|
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
64
|
WebkitTextFillColor: "transparent";
|
|
65
|
+
textShadow: "0px 0px #00000000";
|
|
63
66
|
color?: undefined;
|
|
64
67
|
} | {
|
|
65
68
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
69
|
WebkitBackgroundClip?: undefined;
|
|
67
70
|
backgroundImage?: undefined;
|
|
68
71
|
WebkitTextFillColor?: undefined;
|
|
72
|
+
textShadow?: undefined;
|
|
69
73
|
};
|
|
70
74
|
};
|
|
71
75
|
};
|
|
@@ -77,7 +81,7 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
77
81
|
};
|
|
78
82
|
};
|
|
79
83
|
}>;
|
|
80
|
-
export declare const header: import(
|
|
84
|
+
export declare const header: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
81
85
|
variant: {
|
|
82
86
|
primary: {
|
|
83
87
|
selectors: {
|
|
@@ -85,12 +89,14 @@ export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
85
89
|
WebkitBackgroundClip: "text";
|
|
86
90
|
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
91
|
WebkitTextFillColor: "transparent";
|
|
92
|
+
textShadow: "0px 0px #00000000";
|
|
88
93
|
color?: undefined;
|
|
89
94
|
} | {
|
|
90
95
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
91
96
|
WebkitBackgroundClip?: undefined;
|
|
92
97
|
backgroundImage?: undefined;
|
|
93
98
|
WebkitTextFillColor?: undefined;
|
|
99
|
+
textShadow?: undefined;
|
|
94
100
|
};
|
|
95
101
|
};
|
|
96
102
|
};
|
|
@@ -100,12 +106,14 @@ export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
100
106
|
WebkitBackgroundClip: "text";
|
|
101
107
|
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
102
108
|
WebkitTextFillColor: "transparent";
|
|
109
|
+
textShadow: "0px 0px #00000000";
|
|
103
110
|
color?: undefined;
|
|
104
111
|
} | {
|
|
105
112
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
106
113
|
WebkitBackgroundClip?: undefined;
|
|
107
114
|
backgroundImage?: undefined;
|
|
108
115
|
WebkitTextFillColor?: undefined;
|
|
116
|
+
textShadow?: undefined;
|
|
109
117
|
};
|
|
110
118
|
};
|
|
111
119
|
};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { Props } from
|
|
2
|
-
|
|
1
|
+
import type { ImageBillboardSetProps as Props } from "./ImageBillboard.interface";
|
|
3
2
|
export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { QuaternaryTypes } from '../utils/variant.types';
|
|
3
|
-
import { ImageInterface } from '../IconBillboard';
|
|
4
|
-
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
5
1
|
import { BulletItemProps } from '../BulletItem';
|
|
6
|
-
|
|
2
|
+
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
3
|
+
import { ImageInterface } from '../IconBillboard';
|
|
4
|
+
import { QuaternaryTypes } from '../utils/variant.types';
|
|
5
|
+
import { ReactNode } from "react";
|
|
7
6
|
export interface ImageBillboardSetProps {
|
|
8
7
|
id: string;
|
|
9
8
|
headline?: string | ReactNode;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { ImageBillboardInterface } from
|
|
2
|
-
|
|
1
|
+
import { ImageBillboardInterface } from "./ImageBillboard.interface";
|
|
3
2
|
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;
|
|
@@ -9,6 +9,7 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
12
13
|
import { getVariant } from "../utils/getVariant.js";
|
|
13
14
|
import clsx from "clsx";
|
|
14
15
|
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, sub_bullets, billboard_ctas } from "./ImageBillboard.css.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export type * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from "./ImageBillboard";
|
|
2
|
+
export * from "./ImageBillboard.css";
|
|
3
|
+
export type * from "./ImageBillboard.interface";
|
|
4
|
+
export * from "./ImageBillboardSet";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const iconInput: import(
|
|
1
|
+
export declare const iconInput: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
2
2
|
size: {
|
|
3
3
|
small: {
|
|
4
4
|
width: number;
|
|
@@ -14,7 +14,7 @@ export declare const iconInput: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
}>;
|
|
17
|
-
export declare const labelClassName: import(
|
|
17
|
+
export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
18
18
|
variant: {
|
|
19
19
|
primary: {};
|
|
20
20
|
secondary: {};
|
|
@@ -39,7 +39,7 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
|
|
|
39
39
|
}>;
|
|
40
40
|
export declare const iconContainerBase: string;
|
|
41
41
|
export declare const iconContainer: Record<"left" | "right", string>;
|
|
42
|
-
export declare const container: import(
|
|
42
|
+
export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
43
43
|
size: {
|
|
44
44
|
small: {
|
|
45
45
|
paddingTop: number;
|
|
@@ -73,7 +73,7 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
75
|
}>;
|
|
76
|
-
export declare const input: import(
|
|
76
|
+
export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
77
77
|
size: {
|
|
78
78
|
small: {
|
|
79
79
|
fontSize: number;
|
|
@@ -129,12 +129,12 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
131
|
}>;
|
|
132
|
-
export declare const wrapper: import(
|
|
132
|
+
export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
133
133
|
[x: string]: {
|
|
134
134
|
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
135
135
|
};
|
|
136
136
|
}>;
|
|
137
|
-
export declare const helperText: import(
|
|
137
|
+
export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
138
138
|
disabled: {
|
|
139
139
|
true: {
|
|
140
140
|
color: "#5E6A74";
|
package/dist/Input/Input.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
1
|
import { QuaternaryTypes } from '../utils';
|
|
3
|
-
|
|
2
|
+
import { InputHTMLAttributes, ReactNode } from "react";
|
|
4
3
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
5
4
|
label?: ReactNode;
|
|
6
5
|
iconLeft?: ReactNode;
|
|
@@ -11,4 +10,4 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
11
10
|
helperText?: ReactNode;
|
|
12
11
|
variant?: QuaternaryTypes;
|
|
13
12
|
}
|
|
14
|
-
export declare const Input: import(
|
|
13
|
+
export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare const InputPhone: import(
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { InputProps } from ".";
|
|
3
|
+
export declare const InputPhone: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
|
package/dist/Input/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
export * from "./Input";
|
|
2
|
+
export * from "./Input.css";
|
|
3
|
+
export * from "./InputPhone";
|