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

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.
Files changed (27) hide show
  1. package/dist/Calculators/Calculator.d.ts +13 -0
  2. package/dist/Calculators/Calculator.js +119 -0
  3. package/dist/Calculators/calculator.css.d.ts +42 -0
  4. package/dist/Calculators/calculator.css.js +11 -0
  5. package/dist/Calculators/calculators.d.ts +7 -0
  6. package/dist/Calculators/calculators.js +83 -0
  7. package/dist/Calculators/index.d.ts +2 -0
  8. package/dist/Calculators/index.js +7 -0
  9. package/dist/Carousel/index.js +12 -10
  10. package/dist/Chevron/index.js +13 -11
  11. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +24 -128
  12. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +13 -11
  13. package/dist/Forms/ContactUsBusiness.js +7 -5
  14. package/dist/Forms/EmailOnly.js +8 -6
  15. package/dist/Forms/RenderForm.js +3 -1
  16. package/dist/Forms/SuccesForm.js +3 -1
  17. package/dist/Hyperlink/index.js +13 -11
  18. package/dist/ImageLink/ImageLink.js +13 -11
  19. package/dist/ImageLink/ImageLinkSet.js +13 -11
  20. package/dist/ImageLink/index.js +13 -11
  21. package/dist/Modal/Modal.js +14 -12
  22. package/dist/SetContainer/SetContainer.js +13 -11
  23. package/dist/assets/Calculators/calculator.css +47 -0
  24. package/dist/assets/ExecutiveBio/ExecutiveBio.css +28 -100
  25. package/dist/main.d.ts +2 -1
  26. package/dist/main.js +7 -2
  27. package/package.json +3 -1
package/dist/Calculators/Calculator.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface CalculatorProps {
4
+ id?: string;
5
+ internalName?: string;
6
+ variant?: string;
7
+ icon?: boolean;
8
+ name?: string;
9
+ headline?: React.ReactNode;
10
+ bodyCopy?: React.ReactNode;
11
+ disclosure?: React.ReactNode;
12
+ }
13
+ export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
package/dist/Calculators/Calculator.js ADDED
@@ -0,0 +1,119 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import "@hookform/resolvers/zod";
4
+ import "../Modal/contextApi/store.js";
5
+ import { getVariant } from "../utils/getVariant.js";
6
+ import clsx from "clsx";
7
+ import { useRef, useEffect } from "react";
8
+ import "../Button/Button.css.js";
9
+ import "react-use";
10
+ import "../Input/Checkbox.js";
11
+ import "../Input/CurrencyInput.js";
12
+ import "../Input/Dropdown.js";
13
+ /* empty css */
14
+ /* empty css */
15
+ import "../Input/Input.js";
16
+ import "../Input/Input.css.js";
17
+ import "../Input/InputPhone.js";
18
+ import "../Input/InputTextArea.js";
19
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
20
+ import SvgAxosX from "../icons/AxosX/index.js";
21
+ import SvgComponent from "../icons/AxosX/Blue.js";
22
+ import "../icons/CheckIcon/CheckIcon.css.js";
23
+ /* empty css */
24
+ /* empty css */
25
+ /* empty css */
26
+ /* empty css */
27
+ import "react-hook-form";
28
+ import { iconForm } from "../Forms/Forms.css.js";
29
+ import "../Forms/SalesforceFieldsForm.js";
30
+ import "../Accordion/Accordion.js";
31
+ import "../Accordion/Accordion.css.js";
32
+ import "../Chevron/Chevron.css.js";
33
+ import "../AlertBanner/AlertBanner.css.js";
34
+ /* empty css */
35
+ import "../Article/Article.css.js";
36
+ import "../ArticlesSet/ArticlesSet.css.js";
37
+ /* empty css */
38
+ /* empty css */
39
+ import "../IconBillboard/IconBillboard.css.js";
40
+ /* empty css */
41
+ import { calculator_headline, calculator_description } from "./calculator.css.js";
42
+ /* empty css */
43
+ import "../Carousel/index.js";
44
+ /* empty css */
45
+ import "../HeroBanner/HeroBanner.css.js";
46
+ import "../ContentBanner/ContentBanner.css.js";
47
+ /* empty css */
48
+ import "../ExecutiveBio/ExecutiveBio.css.js";
49
+ import "../FaqAccordion/index.js";
50
+ import "../FooterDisclosure/FooterDisclosure.css.js";
51
+ /* empty css */
52
+ import "../SetContainer/SetContainer.css.js";
53
+ import "../ImageBillboard/ImageBillboard.css.js";
54
+ import "../LandingPageHeader/LandingPageHeader.css.js";
55
+ /* empty css */
56
+ /* empty css */
57
+ /* empty css */
58
+ /* empty css */
59
+ /* empty css */
60
+ /* empty css */
61
+ /* empty css */
62
+ import "../StepItem/StepItem.css.js";
63
+ import "../StepItemSet/StepItemSet.css.js";
64
+ import "../Table/Table.css.js";
65
+ /* empty css */
66
+ /* empty css */
67
+ /* empty css */
68
+ import "next/script.js";
69
+ /* empty css */
70
+ /* empty css */
71
+ import { iframeResizer } from "iframe-resizer";
72
+ import { calculators } from "./calculators.js";
73
+ const Calculator = (props) => {
74
+ const { id, bodyCopy, icon = false, disclosure, headline, name } = props;
75
+ const ref = useRef(null);
76
+ const iframe = calculators.get(name || "");
77
+ useEffect(() => {
78
+ if (window !== void 0) {
79
+ iframeResizer({ log: false }, ".iframe-calculator");
80
+ }
81
+ }, []);
82
+ const variant = getVariant(props.variant);
83
+ return /* @__PURE__ */ jsx("section", { id, className: "", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
84
+ /* @__PURE__ */ jsxs("div", { children: [
85
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
86
+ /* @__PURE__ */ jsx(
87
+ "h2",
88
+ {
89
+ className: clsx(
90
+ "header_2 text_center",
91
+ calculator_headline({ variant })
92
+ ),
93
+ children: headline
94
+ }
95
+ ),
96
+ /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: bodyCopy })
97
+ ] }),
98
+ /* @__PURE__ */ jsx("div", { className: "calc section-narrow", children: /* @__PURE__ */ jsx(
99
+ "iframe",
100
+ {
101
+ ref,
102
+ style: {
103
+ width: "100%",
104
+ maxWidth: "100%",
105
+ minHeight: "clamp(1100px, 200vh)"
106
+ },
107
+ scrolling: "no",
108
+ frameBorder: "0",
109
+ className: "iframe-calculator",
110
+ allow: "from",
111
+ src: iframe?.src
112
+ }
113
+ ) }),
114
+ /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
115
+ ] }) });
116
+ };
117
+ export {
118
+ Calculator
119
+ };
package/dist/Calculators/calculator.css.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ export declare const calculator_description: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ variant: {
3
+ primary: {
4
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ };
7
+ secondary: {
8
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ };
11
+ tertiary: {
12
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ };
15
+ quaternary: {
16
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ };
19
+ };
20
+ }>;
21
+ export declare const calculator_headline: import('@vanilla-extract/recipes').RuntimeFn<{
22
+ variant: {
23
+ primary: {
24
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ backgroundClip: "text";
26
+ WebkitTextFillColor: "transparent";
27
+ textShadow: "0px 0px #00000000";
28
+ };
29
+ secondary: {
30
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ backgroundClip: "text";
32
+ WebkitTextFillColor: "transparent";
33
+ textShadow: "0px 0px #00000000";
34
+ };
35
+ tertiary: {
36
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ };
38
+ quaternary: {
39
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ };
41
+ };
42
+ }>;
package/dist/Calculators/calculator.css.js ADDED
@@ -0,0 +1,11 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
+ var calculator_description = createRuntimeFn({ defaultClassName: "iois7n0", variantClassNames: { variant: { primary: "iois7n1", secondary: "iois7n2", tertiary: "iois7n3", quaternary: "iois7n4" } }, defaultVariants: {}, compoundVariants: [] });
7
+ var calculator_headline = createRuntimeFn({ defaultClassName: "iois7n5", variantClassNames: { variant: { primary: "iois7n6", secondary: "iois7n7", tertiary: "iois7n8", quaternary: "iois7n9" } }, defaultVariants: {}, compoundVariants: [] });
8
+ export {
9
+ calculator_description,
10
+ calculator_headline
11
+ };
package/dist/Calculators/calculators.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export declare const calculators: Map<string, {
2
+ src: string;
3
+ height: number;
4
+ } | {
5
+ src: string;
6
+ height?: undefined;
7
+ }>;
package/dist/Calculators/calculators.js ADDED
@@ -0,0 +1,83 @@
1
+ const calculators = /* @__PURE__ */ new Map([
2
+ [
3
+ "Accounts Receivable Analysis",
4
+ {
5
+ src: "https://www.fintactix.com/bofi/tools/management/man07",
6
+ height: 1100
7
+ }
8
+ ],
9
+ [
10
+ "Break Even Analysis",
11
+ {
12
+ src: "https://www.fintactix.com/bofi/tools/management/man03",
13
+ height: 1100
14
+ }
15
+ ],
16
+ [
17
+ "Business Inventory",
18
+ {
19
+ src: "https://www.fintactix.com/bofi/tools/management/man04",
20
+ height: 1100
21
+ }
22
+ ],
23
+ [
24
+ "Business Loan or Line of Credit",
25
+ {
26
+ src: "https://www.fintactix.com/bofi/tools/finance/fin01",
27
+ height: 1100
28
+ }
29
+ ],
30
+ [
31
+ "Financial Ratio Analysis",
32
+ {
33
+ src: "https://www.fintactix.com/bofi/tools/finance/fin05",
34
+ height: 1100
35
+ }
36
+ ],
37
+ [
38
+ "Projecting Cash-Flow",
39
+ {
40
+ src: "https://www.fintactix.com/bofi/tools/finance/fin04",
41
+ height: 1100
42
+ }
43
+ ],
44
+ [
45
+ "Purchase or Lease Equipment",
46
+ {
47
+ src: "https://www.fintactix.com/bofi/tools/finance/fin02",
48
+ height: 1100
49
+ }
50
+ ],
51
+ [
52
+ "Working Capital Requirements",
53
+ {
54
+ src: "https://www.fintactix.com/bofi/tools/management/man05",
55
+ height: 1100
56
+ }
57
+ ],
58
+ [
59
+ "Saving to Start a Business",
60
+ {
61
+ src: "https://www.fintactix.com/bofi/tools/management/man01"
62
+ }
63
+ ],
64
+ [
65
+ "Save Towards a Goal",
66
+ {
67
+ src: "https://www.fintactix.com/bofi/tools/savings/s06"
68
+ }
69
+ ],
70
+ [
71
+ "Save for Retirement",
72
+ {
73
+ src: "https://www.fintactix.com/bofi/tools/retirement/r07"
74
+ }
75
+ ],
76
+ [
77
+ "Calculate a Loan Payment",
78
+ { src: "https://www.fintactix.com/bofi/tools/debt/d08" }
79
+ ]
80
+ ]);
81
+ export {
82
+ calculators
83
+ };
package/dist/Calculators/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Calculator';
2
+ export * from './calculator.css';
package/dist/Calculators/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import { Calculator } from "./Calculator.js";
2
+ import { calculator_description, calculator_headline } from "./calculator.css.js";
3
+ export {
4
+ Calculator,
5
+ calculator_description,
6
+ calculator_headline
7
+ };
package/dist/Carousel/index.js CHANGED
@@ -24,17 +24,8 @@ import "react-use";
24
24
  /* empty css */
25
25
  import "../Article/Article.css.js";
26
26
  import "../ArticlesSet/ArticlesSet.css.js";
27
- /* empty css */
28
- /* empty css */
29
- /* empty css */
30
- /* empty css */
31
- import "../HeroBanner/HeroBanner.css.js";
32
- import "../ContentBanner/ContentBanner.css.js";
33
27
  /* empty css */
34
- import "../ExecutiveBio/ExecutiveBio.css.js";
35
- import "../FaqAccordion/index.js";
36
- import "../FooterDisclosure/FooterDisclosure.css.js";
37
- /* empty css */
28
+ /* empty css */
38
29
  import "@hookform/resolvers/zod";
39
30
  import "../Input/Checkbox.js";
40
31
  import "../Input/CurrencyInput.js";
@@ -47,6 +38,17 @@ import "../Input/InputTextArea.js";
47
38
  import "react-hook-form";
48
39
  import "../Forms/Forms.css.js";
49
40
  import "../Forms/SalesforceFieldsForm.js";
41
+ import "iframe-resizer";
42
+ import "../Calculators/calculator.css.js";
43
+ /* empty css */
44
+ /* empty css */
45
+ import "../HeroBanner/HeroBanner.css.js";
46
+ import "../ContentBanner/ContentBanner.css.js";
47
+ /* empty css */
48
+ import "../ExecutiveBio/ExecutiveBio.css.js";
49
+ import "../FaqAccordion/index.js";
50
+ import "../FooterDisclosure/FooterDisclosure.css.js";
51
+ /* empty css */
50
52
  import "../SetContainer/SetContainer.css.js";
51
53
  import "../ImageBillboard/ImageBillboard.css.js";
52
54
  import "../LandingPageHeader/LandingPageHeader.css.js";
package/dist/Chevron/index.js CHANGED
@@ -20,21 +20,11 @@ import "react-use";
20
20
  /* empty css */
21
21
  import "../Article/Article.css.js";
22
22
  import "../ArticlesSet/ArticlesSet.css.js";
23
+ /* empty css */
23
24
  /* empty css */
24
25
  /* empty css */
25
- /* empty css */
26
26
  import "../IconBillboard/IconBillboard.css.js";
27
27
  /* empty css */
28
- /* empty css */
29
- import "../Carousel/index.js";
30
- /* empty css */
31
- import "../HeroBanner/HeroBanner.css.js";
32
- import "../ContentBanner/ContentBanner.css.js";
33
- /* empty css */
34
- import "../ExecutiveBio/ExecutiveBio.css.js";
35
- import "../FaqAccordion/index.js";
36
- import "../FooterDisclosure/FooterDisclosure.css.js";
37
- /* empty css */
38
28
  import "@hookform/resolvers/zod";
39
29
  import "../Input/Checkbox.js";
40
30
  import "../Input/CurrencyInput.js";
@@ -47,6 +37,18 @@ import "../Input/InputTextArea.js";
47
37
  import "react-hook-form";
48
38
  import "../Forms/Forms.css.js";
49
39
  import "../Forms/SalesforceFieldsForm.js";
40
+ import "iframe-resizer";
41
+ import "../Calculators/calculator.css.js";
42
+ /* empty css */
43
+ import "../Carousel/index.js";
44
+ /* empty css */
45
+ import "../HeroBanner/HeroBanner.css.js";
46
+ import "../ContentBanner/ContentBanner.css.js";
47
+ /* empty css */
48
+ import "../ExecutiveBio/ExecutiveBio.css.js";
49
+ import "../FaqAccordion/index.js";
50
+ import "../FooterDisclosure/FooterDisclosure.css.js";
51
+ /* empty css */
50
52
  import "../SetContainer/SetContainer.css.js";
51
53
  import "../ImageBillboard/ImageBillboard.css.js";
52
54
  import "../LandingPageHeader/LandingPageHeader.css.js";
package/dist/ExecutiveBio/ExecutiveBio.css.d.ts CHANGED
@@ -38,96 +38,48 @@ export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
38
38
  export declare const headline_setting: import('@vanilla-extract/recipes').RuntimeFn<{
39
39
  variant: {
40
40
  primary: {
41
- selectors: {
42
- [x: string]: {
43
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- };
45
- };
41
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
42
  };
47
43
  secondary: {
48
- selectors: {
49
- [x: string]: {
50
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- };
52
- };
44
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
45
  };
54
46
  tertiary: {
55
- selectors: {
56
- [x: string]: {
57
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- };
59
- };
47
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
48
  };
61
49
  quaternary: {
62
- selectors: {
63
- [x: string]: {
64
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- };
66
- };
50
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
51
  };
68
52
  };
69
53
  }>;
70
54
  export declare const job_title: import('@vanilla-extract/recipes').RuntimeFn<{
71
55
  variant: {
72
56
  primary: {
73
- selectors: {
74
- [x: string]: {
75
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
- };
77
- };
57
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
58
  };
79
59
  secondary: {
80
- selectors: {
81
- [x: string]: {
82
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- };
84
- };
60
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
61
  };
86
62
  tertiary: {
87
- selectors: {
88
- [x: string]: {
89
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
- };
91
- };
63
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
64
  };
93
65
  quaternary: {
94
- selectors: {
95
- [x: string]: {
96
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
- };
98
- };
66
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
67
  };
100
68
  };
101
69
  }>;
102
70
  export declare const svg_icon: import('@vanilla-extract/recipes').RuntimeFn<{
103
71
  variant: {
104
72
  primary: {
105
- selectors: {
106
- [x: string]: {
107
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
- };
109
- };
73
+ fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
74
  };
111
75
  secondary: {
112
- selectors: {
113
- [x: string]: {
114
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
- };
116
- };
76
+ fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
77
  };
118
78
  tertiary: {
119
- selectors: {
120
- [x: string]: {
121
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- };
123
- };
79
+ fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
80
  };
125
81
  quaternary: {
126
- selectors: {
127
- [x: string]: {
128
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
- };
130
- };
82
+ fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
83
  };
132
84
  };
133
85
  }>;
@@ -138,32 +90,16 @@ export declare const copy: string;
138
90
  export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn<{
139
91
  variant: {
140
92
  primary: {
141
- selectors: {
142
- [x: string]: {
143
- color: "#0062B3";
144
- };
145
- };
93
+ color: "#0062B3";
146
94
  };
147
95
  secondary: {
148
- selectors: {
149
- [x: string]: {
150
- color: "#0062B3";
151
- };
152
- };
96
+ color: "#0062B3";
153
97
  };
154
98
  tertiary: {
155
- selectors: {
156
- [x: string]: {
157
- color: "#fff";
158
- };
159
- };
99
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
100
  };
161
101
  quaternary: {
162
- selectors: {
163
- [x: string]: {
164
- color: "#FAA74A";
165
- };
166
- };
102
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
103
  };
168
104
  };
169
105
  }>;
@@ -178,72 +114,32 @@ export declare const bio_section_text: string;
178
114
  export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn<{
179
115
  variant: {
180
116
  primary: {
181
- selectors: {
182
- [x: string]: {
183
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
- };
185
- };
117
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
118
  };
187
119
  secondary: {
188
- selectors: {
189
- [x: string]: {
190
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- };
192
- };
120
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
121
  };
194
122
  tertiary: {
195
- selectors: {
196
- [x: string]: {
197
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
- } | {
199
- background: "#1E262F";
200
- };
201
- };
123
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
124
  };
203
125
  quaternary: {
204
- selectors: {
205
- [x: string]: {
206
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
- } | {
208
- background: "#1E262F";
209
- };
210
- };
126
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
127
  };
212
128
  };
213
129
  }>;
214
130
  export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
215
131
  variant: {
216
132
  primary: {
217
- selectors: {
218
- [x: string]: {
219
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
- };
221
- };
133
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
134
  };
223
135
  secondary: {
224
- selectors: {
225
- [x: string]: {
226
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
- };
228
- };
136
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
137
  };
230
138
  tertiary: {
231
- selectors: {
232
- [x: string]: {
233
- color: "#1E3860";
234
- } | {
235
- color: "#1E262F";
236
- };
237
- };
139
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
140
  };
239
141
  quaternary: {
240
- selectors: {
241
- [x: string]: {
242
- color: "#1E3860";
243
- } | {
244
- color: "#1E262F";
245
- };
246
- };
142
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
143
  };
248
144
  };
249
145
  }>;
package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js CHANGED
@@ -18,21 +18,11 @@ import "react-use";
18
18
  /* empty css */
19
19
  import "../../Article/Article.css.js";
20
20
  import "../../ArticlesSet/ArticlesSet.css.js";
21
+ /* empty css */
21
22
  /* empty css */
22
23
  /* empty css */
23
- /* empty css */
24
24
  import "../../IconBillboard/IconBillboard.css.js";
25
25
  /* empty css */
26
- /* empty css */
27
- import "../../Carousel/index.js";
28
- /* empty css */
29
- import "../../HeroBanner/HeroBanner.css.js";
30
- import "../../ContentBanner/ContentBanner.css.js";
31
- /* empty css */
32
- import "../../ExecutiveBio/ExecutiveBio.css.js";
33
- import "../../FaqAccordion/index.js";
34
- import "../../FooterDisclosure/FooterDisclosure.css.js";
35
- import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
36
26
  import "@hookform/resolvers/zod";
37
27
  import "../../Input/Checkbox.js";
38
28
  import "../../Input/CurrencyInput.js";
@@ -45,6 +35,18 @@ import "../../Input/InputTextArea.js";
45
35
  import "react-hook-form";
46
36
  import "../../Forms/Forms.css.js";
47
37
  import "../../Forms/SalesforceFieldsForm.js";
38
+ import "iframe-resizer";
39
+ import "../../Calculators/calculator.css.js";
40
+ /* empty css */
41
+ import "../../Carousel/index.js";
42
+ /* empty css */
43
+ import "../../HeroBanner/HeroBanner.css.js";
44
+ import "../../ContentBanner/ContentBanner.css.js";
45
+ /* empty css */
46
+ import "../../ExecutiveBio/ExecutiveBio.css.js";
47
+ import "../../FaqAccordion/index.js";
48
+ import "../../FooterDisclosure/FooterDisclosure.css.js";
49
+ import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
48
50
  import "../../SetContainer/SetContainer.css.js";
49
51
  import "../../ImageBillboard/ImageBillboard.css.js";
50
52
  import "../../LandingPageHeader/LandingPageHeader.css.js";