@axos-web-dev/shared-components 2.0.0-dev.16 → 2.0.0-dev.16-nav-0
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/ATMLocator/ATMLocator.js +2 -1
- package/dist/Accordion/Accordion.css.d.ts +1 -1
- package/dist/Article/Article.css.d.ts +40 -40
- package/dist/ArticlesSet/ArticlesSet.css.d.ts +20 -20
- package/dist/Auth/ErrorAlert.js +2 -1
- package/dist/Button/Button.css.d.ts +18 -18
- package/dist/Button/Button.js +2 -1
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +12 -12
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +12 -12
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +8 -8
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +20 -20
- package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts +18 -18
- package/dist/Calculators/Calculator.js +2 -1
- package/dist/Calculators/MarginTradingCalculator/index.js +2 -1
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
- package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
- package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +8 -8
- package/dist/Calculators/calculator.css.d.ts +12 -12
- package/dist/Carousel/Carousel.css.d.ts +24 -24
- package/dist/Carousel/index.js +2 -1
- package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +2 -2
- package/dist/Chatbot/Chat.js +5 -16
- package/dist/Chatbot/ChatWindow.js +18 -24
- package/dist/Chatbot/Chatbot.d.ts +1 -9
- package/dist/Chatbot/Chatbot.js +25 -36
- package/dist/Chatbot/authenticate.d.ts +3 -0
- package/dist/Chatbot/authenticate.js +16 -0
- package/dist/Chevron/Chevron.css.d.ts +4 -4
- package/dist/Chevron/index.js +2 -1
- package/dist/Comparison/Comparison.css.d.ts +10 -10
- package/dist/Comparison/Comparison.js +2 -1
- package/dist/ContentBanner/ContentBanner.css.d.ts +12 -12
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +73 -73
- package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
- package/dist/FaqAccordion/index.js +2 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -19
- package/dist/Forms/ApplyNow.js +2 -1
- package/dist/Forms/ContactUsBusiness.js +2 -1
- package/dist/Forms/ContactUsBusinessNameEmail.js +2 -1
- package/dist/Forms/ContactUsNMLSId.js +2 -1
- package/dist/Forms/CpraRequest.js +2 -1
- package/dist/Forms/CraPublicFile.js +2 -1
- package/dist/Forms/EmailOnly.js +2 -1
- package/dist/Forms/Forms.css.d.ts +44 -44
- package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
- package/dist/Forms/MortgageWarehouseLending.js +2 -1
- package/dist/Forms/SuccesForm.js +2 -1
- package/dist/HeroBanner/HeroBanner.css.d.ts +16 -16
- package/dist/HeroBanner/LargeBanner.css.d.ts +36 -36
- package/dist/HeroBanner/SelectionBanner.css.d.ts +4 -4
- package/dist/Hyperlink/Hyperlink.css.d.ts +4 -4
- package/dist/Hyperlink/index.js +2 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +22 -22
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +16 -16
- package/dist/ImageLink/ImageLink.js +2 -1
- package/dist/ImageLink/ImageLinkSet.js +2 -1
- package/dist/ImageLink/index.js +2 -1
- package/dist/Input/Input.css.d.ts +16 -16
- package/dist/Inputs/Input.css.d.ts +14 -14
- package/dist/Insight/Featured/CategorySelector.js +2 -1
- package/dist/Insight/Featured/Featured.js +2 -1
- package/dist/Insight/Featured/Header.js +2 -1
- package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -2
- package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +8 -8
- package/dist/Modal/Modal.js +2 -1
- package/dist/NavigationMenu/AxosALTS/index.js +2 -1
- package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +7 -0
- package/dist/NavigationMenu/AxosBank/DropwdownButton.js +109 -0
- package/dist/NavigationMenu/AxosBank/Menu.d.ts +37 -0
- package/dist/NavigationMenu/AxosBank/Menu.js +119 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +12 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +184 -164
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +35 -282
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +53 -523
- package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +36 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +105 -0
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +42 -39
- package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +6 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +112 -3081
- package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +1 -0
- package/dist/NavigationMenu/AxosBank/SubNavItem.js +185 -0
- package/dist/NavigationMenu/AxosBank/index.d.ts +5 -3
- package/dist/NavigationMenu/AxosBank/index.js +133 -395
- package/dist/NavigationMenu/LaVictoire/index.js +2 -1
- package/dist/NavigationMenu/Navbar.d.ts +4 -1
- package/dist/NavigationMenu/Navbar.js +5 -4
- package/dist/NavigationMenu/SignInNavButton.js +3 -2
- package/dist/NavigationMenu/utils.d.ts +465 -0
- package/dist/NavigationMenu/utils.js +112 -0
- package/dist/PageNavItem/PageNavItem.css.d.ts +4 -4
- package/dist/SetContainer/SetContainer.css.d.ts +16 -16
- package/dist/SetContainer/SetContainer.js +2 -1
- package/dist/SocialMediaBar/iconsRepository.js +2 -1
- package/dist/StepItem/StepItem.css.d.ts +20 -20
- package/dist/StepItemSet/StepItemSet.css.d.ts +12 -12
- package/dist/Tab/Tab.css.d.ts +12 -12
- package/dist/Table/Table.css.d.ts +26 -26
- package/dist/VideoTile/VideoTile.js +2 -1
- package/dist/VideoWrapper/index.js +2 -1
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +49 -49
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +125 -87
- package/dist/assets/globals.css +3 -3
- package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +3 -3
- package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -2
- package/dist/themes/axos.css.d.ts +50 -50
- package/dist/utils/allowedAxosDomains.js +6 -2
- package/package.json +1 -1
|
@@ -6,16 +6,16 @@ export declare const selection_section_icon: string;
|
|
|
6
6
|
export declare const selection_section_icon_img: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
7
7
|
variant: {
|
|
8
8
|
primary: {
|
|
9
|
-
backgroundColor: `var(--${string})
|
|
9
|
+
backgroundColor: `var(--${string})`;
|
|
10
10
|
};
|
|
11
11
|
secondary: {
|
|
12
|
-
backgroundColor: `var(--${string})
|
|
12
|
+
backgroundColor: `var(--${string})`;
|
|
13
13
|
};
|
|
14
14
|
tertiary: {
|
|
15
|
-
backgroundColor: `var(--${string})
|
|
15
|
+
backgroundColor: `var(--${string})`;
|
|
16
16
|
};
|
|
17
17
|
quaternary: {
|
|
18
|
-
backgroundColor: `var(--${string})
|
|
18
|
+
backgroundColor: `var(--${string})`;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
}>;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
color: `var(--${string})
|
|
4
|
+
color: `var(--${string})`;
|
|
5
5
|
selectors: {
|
|
6
6
|
"&:hover": {
|
|
7
7
|
textDecoration: "underline";
|
|
8
|
-
textDecorationColor: `var(--${string})
|
|
8
|
+
textDecorationColor: `var(--${string})`;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
secondary: {
|
|
13
|
-
color: `var(--${string})
|
|
13
|
+
color: `var(--${string})`;
|
|
14
14
|
selectors: {
|
|
15
15
|
"&:hover": {
|
|
16
16
|
textDecoration: "underline";
|
|
17
|
-
textDecorationColor: `var(--${string})
|
|
17
|
+
textDecorationColor: `var(--${string})`;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
};
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -105,8 +105,9 @@ import "next/navigation.js";
|
|
|
105
105
|
/* empty css */
|
|
106
106
|
/* empty css */
|
|
107
107
|
/* empty css */
|
|
108
|
-
import "next/link.js";
|
|
109
108
|
/* empty css */
|
|
109
|
+
import "next/link.js";
|
|
110
|
+
import "../NavigationMenu/AxosBank/Menu.js";
|
|
110
111
|
/* empty css */
|
|
111
112
|
/* empty css */
|
|
112
113
|
/* empty css */
|
|
@@ -3,21 +3,21 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
|
3
3
|
export declare const containerIconBillboard: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
4
4
|
variant: {
|
|
5
5
|
primary: {
|
|
6
|
-
background: `var(--${string})
|
|
6
|
+
background: `var(--${string})`;
|
|
7
7
|
border: "1px solid #E9EBEF";
|
|
8
|
-
color: `var(--${string})
|
|
8
|
+
color: `var(--${string})`;
|
|
9
9
|
};
|
|
10
10
|
secondary: {
|
|
11
|
-
background: `var(--${string})
|
|
12
|
-
color: `var(--${string})
|
|
11
|
+
background: `var(--${string})`;
|
|
12
|
+
color: `var(--${string})`;
|
|
13
13
|
};
|
|
14
14
|
tertiary: {
|
|
15
|
-
background: `var(--${string})
|
|
16
|
-
color: `var(--${string})
|
|
15
|
+
background: `var(--${string})`;
|
|
16
|
+
color: `var(--${string})`;
|
|
17
17
|
};
|
|
18
18
|
quaternary: {
|
|
19
|
-
background: `var(--${string})
|
|
20
|
-
color: `var(--${string})
|
|
19
|
+
background: `var(--${string})`;
|
|
20
|
+
color: `var(--${string})`;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
}>;
|
|
@@ -35,16 +35,16 @@ export declare const insightTitle: string;
|
|
|
35
35
|
export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
36
36
|
variant: {
|
|
37
37
|
primary: {
|
|
38
|
-
color: `var(--${string})
|
|
38
|
+
color: `var(--${string})`;
|
|
39
39
|
};
|
|
40
40
|
secondary: {
|
|
41
|
-
color: `var(--${string})
|
|
41
|
+
color: `var(--${string})`;
|
|
42
42
|
};
|
|
43
43
|
tertiary: {
|
|
44
|
-
color: `var(--${string})
|
|
44
|
+
color: `var(--${string})`;
|
|
45
45
|
};
|
|
46
46
|
quaternary: {
|
|
47
|
-
color: `var(--${string})
|
|
47
|
+
color: `var(--${string})`;
|
|
48
48
|
};
|
|
49
49
|
};
|
|
50
50
|
}>;
|
|
@@ -55,16 +55,16 @@ export declare const section_text: string;
|
|
|
55
55
|
export declare const header_section: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
56
56
|
variant: {
|
|
57
57
|
primary: {
|
|
58
|
-
color: `var(--${string})
|
|
58
|
+
color: `var(--${string})`;
|
|
59
59
|
};
|
|
60
60
|
secondary: {
|
|
61
|
-
color: `var(--${string})
|
|
61
|
+
color: `var(--${string})`;
|
|
62
62
|
};
|
|
63
63
|
tertiary: {
|
|
64
|
-
color: `var(--${string})
|
|
64
|
+
color: `var(--${string})`;
|
|
65
65
|
};
|
|
66
66
|
quaternary: {
|
|
67
|
-
color: `var(--${string})
|
|
67
|
+
color: `var(--${string})`;
|
|
68
68
|
};
|
|
69
69
|
};
|
|
70
70
|
}>;
|
|
@@ -72,19 +72,19 @@ export declare const section_container: string;
|
|
|
72
72
|
export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
73
73
|
variant: {
|
|
74
74
|
primary: {
|
|
75
|
-
background: `var(--${string})
|
|
75
|
+
background: `var(--${string})`;
|
|
76
76
|
border: "1px solid #E9EBEF";
|
|
77
77
|
};
|
|
78
78
|
secondary: {
|
|
79
|
-
background: `var(--${string})
|
|
79
|
+
background: `var(--${string})`;
|
|
80
80
|
};
|
|
81
81
|
tertiary: {
|
|
82
|
-
background: `var(--${string})
|
|
83
|
-
color: `var(--${string})
|
|
82
|
+
background: `var(--${string})`;
|
|
83
|
+
color: `var(--${string})`;
|
|
84
84
|
};
|
|
85
85
|
quaternary: {
|
|
86
|
-
background: `var(--${string})
|
|
87
|
-
color: `var(--${string})
|
|
86
|
+
background: `var(--${string})`;
|
|
87
|
+
color: `var(--${string})`;
|
|
88
88
|
};
|
|
89
89
|
};
|
|
90
90
|
}>;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
background: `var(--${string})
|
|
5
|
-
color: `var(--${string})
|
|
4
|
+
background: `var(--${string})`;
|
|
5
|
+
color: `var(--${string})`;
|
|
6
6
|
border: "1px solid #B9C1CE";
|
|
7
7
|
};
|
|
8
8
|
secondary: {
|
|
9
|
-
background: `var(--${string})
|
|
10
|
-
color: `var(--${string})
|
|
9
|
+
background: `var(--${string})`;
|
|
10
|
+
color: `var(--${string})`;
|
|
11
11
|
};
|
|
12
12
|
tertiary: {
|
|
13
|
-
background: `var(--${string})
|
|
14
|
-
color: `var(--${string})
|
|
13
|
+
background: `var(--${string})`;
|
|
14
|
+
color: `var(--${string})`;
|
|
15
15
|
};
|
|
16
16
|
quaternary: {
|
|
17
|
-
background: `var(--${string})
|
|
18
|
-
color: `var(--${string})
|
|
17
|
+
background: `var(--${string})`;
|
|
18
|
+
color: `var(--${string})`;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
}>;
|
|
@@ -58,32 +58,32 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
|
|
|
58
58
|
export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
59
59
|
variant: {
|
|
60
60
|
primary: {
|
|
61
|
-
color: `var(--${string})
|
|
61
|
+
color: `var(--${string})`;
|
|
62
62
|
};
|
|
63
63
|
secondary: {
|
|
64
|
-
color: `var(--${string})
|
|
64
|
+
color: `var(--${string})`;
|
|
65
65
|
};
|
|
66
66
|
tertiary: {
|
|
67
|
-
color: `var(--${string})
|
|
67
|
+
color: `var(--${string})`;
|
|
68
68
|
};
|
|
69
69
|
quaternary: {
|
|
70
|
-
color: `var(--${string})
|
|
70
|
+
color: `var(--${string})`;
|
|
71
71
|
};
|
|
72
72
|
};
|
|
73
73
|
}>;
|
|
74
74
|
export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
75
75
|
variant: {
|
|
76
76
|
primary: {
|
|
77
|
-
color: `var(--${string})
|
|
77
|
+
color: `var(--${string})`;
|
|
78
78
|
};
|
|
79
79
|
secondary: {
|
|
80
|
-
color: `var(--${string})
|
|
80
|
+
color: `var(--${string})`;
|
|
81
81
|
};
|
|
82
82
|
tertiary: {
|
|
83
|
-
color: `var(--${string})
|
|
83
|
+
color: `var(--${string})`;
|
|
84
84
|
};
|
|
85
85
|
quaternary: {
|
|
86
|
-
color: `var(--${string})
|
|
86
|
+
color: `var(--${string})`;
|
|
87
87
|
};
|
|
88
88
|
};
|
|
89
89
|
}>;
|
|
@@ -103,8 +103,9 @@ import "next/navigation.js";
|
|
|
103
103
|
/* empty css */
|
|
104
104
|
/* empty css */
|
|
105
105
|
/* empty css */
|
|
106
|
-
import "next/link.js";
|
|
107
106
|
/* empty css */
|
|
107
|
+
import "next/link.js";
|
|
108
|
+
import "../NavigationMenu/AxosBank/Menu.js";
|
|
108
109
|
/* empty css */
|
|
109
110
|
/* empty css */
|
|
110
111
|
/* empty css */
|
|
@@ -109,8 +109,9 @@ import "next/navigation.js";
|
|
|
109
109
|
/* empty css */
|
|
110
110
|
/* empty css */
|
|
111
111
|
/* empty css */
|
|
112
|
-
import "next/link.js";
|
|
113
112
|
/* empty css */
|
|
113
|
+
import "next/link.js";
|
|
114
|
+
import "../NavigationMenu/AxosBank/Menu.js";
|
|
114
115
|
/* empty css */
|
|
115
116
|
/* empty css */
|
|
116
117
|
/* empty css */
|
package/dist/ImageLink/index.js
CHANGED
|
@@ -103,8 +103,9 @@ import "next/navigation.js";
|
|
|
103
103
|
/* empty css */
|
|
104
104
|
/* empty css */
|
|
105
105
|
/* empty css */
|
|
106
|
-
import "next/link.js";
|
|
107
106
|
/* empty css */
|
|
107
|
+
import "next/link.js";
|
|
108
|
+
import "../NavigationMenu/AxosBank/Menu.js";
|
|
108
109
|
/* empty css */
|
|
109
110
|
/* empty css */
|
|
110
111
|
/* empty css */
|
|
@@ -20,21 +20,21 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
|
|
|
20
20
|
primary: {};
|
|
21
21
|
secondary: {};
|
|
22
22
|
tertiary: {
|
|
23
|
-
color: `var(--${string})
|
|
23
|
+
color: `var(--${string})`;
|
|
24
24
|
};
|
|
25
25
|
quaternary: {
|
|
26
|
-
color: `var(--${string})
|
|
26
|
+
color: `var(--${string})`;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
error: {
|
|
30
30
|
true: {
|
|
31
|
-
color: `var(--${string})
|
|
32
|
-
borderColor: `var(--${string})
|
|
31
|
+
color: `var(--${string})`;
|
|
32
|
+
borderColor: `var(--${string})`;
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
35
|
disabled: {
|
|
36
36
|
true: {
|
|
37
|
-
color: `var(--${string})
|
|
37
|
+
color: `var(--${string})`;
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
40
|
isCheckbox: {
|
|
@@ -65,19 +65,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
65
65
|
};
|
|
66
66
|
error: {
|
|
67
67
|
true: {
|
|
68
|
-
borderColor: `var(--${string})
|
|
68
|
+
borderColor: `var(--${string})`;
|
|
69
69
|
selectors: {
|
|
70
70
|
"&:focus-within": {
|
|
71
|
-
borderColor: `var(--${string})
|
|
71
|
+
borderColor: `var(--${string})`;
|
|
72
72
|
};
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
75
|
};
|
|
76
76
|
disabled: {
|
|
77
77
|
true: {
|
|
78
|
-
borderColor: `var(--${string})
|
|
79
|
-
color: `var(--${string})
|
|
80
|
-
background: `var(--${string})
|
|
78
|
+
borderColor: `var(--${string})`;
|
|
79
|
+
color: `var(--${string})`;
|
|
80
|
+
background: `var(--${string})`;
|
|
81
81
|
};
|
|
82
82
|
};
|
|
83
83
|
}>;
|
|
@@ -125,15 +125,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
125
125
|
};
|
|
126
126
|
error: {
|
|
127
127
|
true: {
|
|
128
|
-
borderColor: `var(--${string})
|
|
128
|
+
borderColor: `var(--${string})`;
|
|
129
129
|
selectors: {};
|
|
130
130
|
};
|
|
131
131
|
};
|
|
132
132
|
disabled: {
|
|
133
133
|
true: {
|
|
134
|
-
borderColor: `var(--${string})
|
|
135
|
-
color: `var(--${string})
|
|
136
|
-
background: `var(--${string})
|
|
134
|
+
borderColor: `var(--${string})`;
|
|
135
|
+
color: `var(--${string})`;
|
|
136
|
+
background: `var(--${string})`;
|
|
137
137
|
};
|
|
138
138
|
};
|
|
139
139
|
}>;
|
|
@@ -150,8 +150,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
150
150
|
};
|
|
151
151
|
error: {
|
|
152
152
|
true: {
|
|
153
|
-
borderColor: `var(--${string})
|
|
154
|
-
color: `var(--${string})
|
|
153
|
+
borderColor: `var(--${string})`;
|
|
154
|
+
color: `var(--${string})`;
|
|
155
155
|
};
|
|
156
156
|
};
|
|
157
157
|
}>;
|
|
@@ -17,13 +17,13 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
17
17
|
export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
18
18
|
error: {
|
|
19
19
|
true: {
|
|
20
|
-
color: `var(--${string})
|
|
21
|
-
borderColor: `var(--${string})
|
|
20
|
+
color: `var(--${string})`;
|
|
21
|
+
borderColor: `var(--${string})`;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
disabled: {
|
|
25
25
|
true: {
|
|
26
|
-
color: `var(--${string})
|
|
26
|
+
color: `var(--${string})`;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
}>;
|
|
@@ -47,19 +47,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
47
47
|
};
|
|
48
48
|
error: {
|
|
49
49
|
true: {
|
|
50
|
-
borderColor: `var(--${string})
|
|
50
|
+
borderColor: `var(--${string})`;
|
|
51
51
|
selectors: {
|
|
52
52
|
"&:focus-within": {
|
|
53
|
-
borderColor: `var(--${string})
|
|
53
|
+
borderColor: `var(--${string})`;
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
disabled: {
|
|
59
59
|
true: {
|
|
60
|
-
borderColor: `var(--${string})
|
|
61
|
-
color: `var(--${string})
|
|
62
|
-
background: `var(--${string})
|
|
60
|
+
borderColor: `var(--${string})`;
|
|
61
|
+
color: `var(--${string})`;
|
|
62
|
+
background: `var(--${string})`;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
}>;
|
|
@@ -107,15 +107,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
107
107
|
};
|
|
108
108
|
error: {
|
|
109
109
|
true: {
|
|
110
|
-
borderColor: `var(--${string})
|
|
110
|
+
borderColor: `var(--${string})`;
|
|
111
111
|
selectors: {};
|
|
112
112
|
};
|
|
113
113
|
};
|
|
114
114
|
disabled: {
|
|
115
115
|
true: {
|
|
116
|
-
borderColor: `var(--${string})
|
|
117
|
-
color: `var(--${string})
|
|
118
|
-
background: `var(--${string})
|
|
116
|
+
borderColor: `var(--${string})`;
|
|
117
|
+
color: `var(--${string})`;
|
|
118
|
+
background: `var(--${string})`;
|
|
119
119
|
};
|
|
120
120
|
};
|
|
121
121
|
}>;
|
|
@@ -132,8 +132,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
132
132
|
};
|
|
133
133
|
error: {
|
|
134
134
|
true: {
|
|
135
|
-
borderColor: `var(--${string})
|
|
136
|
-
color: `var(--${string})
|
|
135
|
+
borderColor: `var(--${string})`;
|
|
136
|
+
color: `var(--${string})`;
|
|
137
137
|
};
|
|
138
138
|
};
|
|
139
139
|
}>;
|
|
@@ -106,8 +106,9 @@ import "next/navigation.js";
|
|
|
106
106
|
/* empty css */
|
|
107
107
|
/* empty css */
|
|
108
108
|
/* empty css */
|
|
109
|
-
import "next/link.js";
|
|
110
109
|
/* empty css */
|
|
110
|
+
import "next/link.js";
|
|
111
|
+
import "../../NavigationMenu/AxosBank/Menu.js";
|
|
111
112
|
/* empty css */
|
|
112
113
|
/* empty css */
|
|
113
114
|
/* empty css */
|
|
@@ -108,8 +108,9 @@ import "next/navigation.js";
|
|
|
108
108
|
/* empty css */
|
|
109
109
|
/* empty css */
|
|
110
110
|
/* empty css */
|
|
111
|
-
import "next/link.js";
|
|
112
111
|
/* empty css */
|
|
112
|
+
import "next/link.js";
|
|
113
|
+
import "../../NavigationMenu/AxosBank/Menu.js";
|
|
113
114
|
/* empty css */
|
|
114
115
|
/* empty css */
|
|
115
116
|
/* empty css */
|
|
@@ -104,8 +104,9 @@ import "next/navigation.js";
|
|
|
104
104
|
/* empty css */
|
|
105
105
|
/* empty css */
|
|
106
106
|
/* empty css */
|
|
107
|
-
import "next/link.js";
|
|
108
107
|
/* empty css */
|
|
108
|
+
import "next/link.js";
|
|
109
|
+
import "../../NavigationMenu/AxosBank/Menu.js";
|
|
109
110
|
/* empty css */
|
|
110
111
|
/* empty css */
|
|
111
112
|
/* empty css */
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const int_headline: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
color: `var(--${string})
|
|
4
|
+
color: `var(--${string})`;
|
|
5
5
|
};
|
|
6
6
|
secondary: {
|
|
7
|
-
color: `var(--${string})
|
|
7
|
+
color: `var(--${string})`;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
}>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
background: `var(--${string})
|
|
4
|
+
background: `var(--${string})`;
|
|
5
5
|
};
|
|
6
6
|
secondary: {
|
|
7
|
-
background: `var(--${string})
|
|
7
|
+
background: `var(--${string})`;
|
|
8
8
|
};
|
|
9
9
|
tertiary: {
|
|
10
|
-
background: `var(--${string})
|
|
10
|
+
background: `var(--${string})`;
|
|
11
11
|
};
|
|
12
12
|
quaternary: {
|
|
13
|
-
background: `var(--${string})
|
|
13
|
+
background: `var(--${string})`;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
}>;
|
|
@@ -21,16 +21,16 @@ export declare const spb_hover: string;
|
|
|
21
21
|
export declare const svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
22
22
|
variant: {
|
|
23
23
|
primary: {
|
|
24
|
-
fill: `var(--${string})
|
|
24
|
+
fill: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
secondary: {
|
|
27
|
-
fill: `var(--${string})
|
|
27
|
+
fill: `var(--${string})`;
|
|
28
28
|
};
|
|
29
29
|
tertiary: {
|
|
30
|
-
fill: `var(--${string})
|
|
30
|
+
fill: `var(--${string})`;
|
|
31
31
|
};
|
|
32
32
|
quaternary: {
|
|
33
|
-
fill: `var(--${string})
|
|
33
|
+
fill: `var(--${string})`;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
}>;
|
package/dist/Modal/Modal.js
CHANGED
|
@@ -105,8 +105,9 @@ import "next/navigation.js";
|
|
|
105
105
|
/* empty css */
|
|
106
106
|
/* empty css */
|
|
107
107
|
/* empty css */
|
|
108
|
-
import "next/link.js";
|
|
109
108
|
/* empty css */
|
|
109
|
+
import "next/link.js";
|
|
110
|
+
import "../NavigationMenu/AxosBank/Menu.js";
|
|
110
111
|
/* empty css */
|
|
111
112
|
/* empty css */
|
|
112
113
|
/* empty css */
|
|
@@ -107,8 +107,9 @@ import "next/navigation.js";
|
|
|
107
107
|
/* empty css */
|
|
108
108
|
/* empty css */
|
|
109
109
|
/* empty css */
|
|
110
|
-
import "next/link.js";
|
|
111
110
|
/* empty css */
|
|
111
|
+
import "next/link.js";
|
|
112
|
+
import "../AxosBank/Menu.js";
|
|
112
113
|
/* empty css */
|
|
113
114
|
/* empty css */
|
|
114
115
|
/* empty css */
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from "../../Button/Button.js";
|
|
3
|
+
import "../../Button/Button.css.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import "react-use";
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import { Sign_in_btn, signin_subheader } from "./NavBar.css.js";
|
|
8
|
+
import styles from "./NavBar.module.js";
|
|
9
|
+
const DropwdownButton = ({ item }) => {
|
|
10
|
+
const [isOpenSignIn, setIsOpenSignIn] = React.useState(false);
|
|
11
|
+
const toggle = () => {
|
|
12
|
+
setIsOpenSignIn(!isOpenSignIn);
|
|
13
|
+
};
|
|
14
|
+
const withItems = item.subItems.filter((item2) => item2 && "menuItems" in item2);
|
|
15
|
+
const footerItems = item.subItems.filter(
|
|
16
|
+
(item2) => item2 && !("menuItems" in item2)
|
|
17
|
+
);
|
|
18
|
+
console.log(withItems, footerItems);
|
|
19
|
+
const renderSubItems = () => {
|
|
20
|
+
return [
|
|
21
|
+
withItems.map((subItem) => {
|
|
22
|
+
return subItem && /* @__PURE__ */ jsxs("li", { role: "heading", children: [
|
|
23
|
+
/* @__PURE__ */ jsx("a", { className: styles.signin_header, href: subItem?.url, children: subItem?.label }),
|
|
24
|
+
/* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: "menuItems" in subItem && subItem?.menuItems?.subItems?.map(
|
|
25
|
+
(subSubItem) => subSubItem ? /* @__PURE__ */ jsx(
|
|
26
|
+
"li",
|
|
27
|
+
{
|
|
28
|
+
className: `${styles.signin_subheader} ${signin_subheader}`,
|
|
29
|
+
children: /* @__PURE__ */ jsx("a", { href: subSubItem?.url, children: subSubItem?.label })
|
|
30
|
+
},
|
|
31
|
+
subSubItem?.id
|
|
32
|
+
) : null
|
|
33
|
+
) })
|
|
34
|
+
] }, subItem?.id);
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ jsx(
|
|
37
|
+
"li",
|
|
38
|
+
{
|
|
39
|
+
className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
|
|
40
|
+
children: footerItems.map(
|
|
41
|
+
(subItem) => subItem ? /* @__PURE__ */ jsx("a", { href: subItem?.url, children: subItem?.label }, subItem.id) : null
|
|
42
|
+
)
|
|
43
|
+
},
|
|
44
|
+
"footer-items"
|
|
45
|
+
)
|
|
46
|
+
];
|
|
47
|
+
};
|
|
48
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
49
|
+
/* @__PURE__ */ jsxs(
|
|
50
|
+
Button,
|
|
51
|
+
{
|
|
52
|
+
className: clsx(
|
|
53
|
+
styles.signin_btn,
|
|
54
|
+
"flex_row",
|
|
55
|
+
"center",
|
|
56
|
+
"middle",
|
|
57
|
+
isOpenSignIn ? styles.open : "",
|
|
58
|
+
Sign_in_btn
|
|
59
|
+
),
|
|
60
|
+
as: "button",
|
|
61
|
+
type: "button",
|
|
62
|
+
color: "primary",
|
|
63
|
+
id: "signIn",
|
|
64
|
+
action: toggle,
|
|
65
|
+
size: "small",
|
|
66
|
+
"aria-controls": "signin-drop-menu",
|
|
67
|
+
role: "menuitem",
|
|
68
|
+
children: [
|
|
69
|
+
/* @__PURE__ */ jsx("span", { children: item.label }),
|
|
70
|
+
/* @__PURE__ */ jsx(
|
|
71
|
+
"svg",
|
|
72
|
+
{
|
|
73
|
+
width: "20",
|
|
74
|
+
height: "12",
|
|
75
|
+
viewBox: "0 0 20 12",
|
|
76
|
+
fill: "none",
|
|
77
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
78
|
+
children: /* @__PURE__ */ jsx(
|
|
79
|
+
"path",
|
|
80
|
+
{
|
|
81
|
+
d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
|
|
82
|
+
fill: "white"
|
|
83
|
+
}
|
|
84
|
+
)
|
|
85
|
+
}
|
|
86
|
+
)
|
|
87
|
+
]
|
|
88
|
+
}
|
|
89
|
+
),
|
|
90
|
+
/* @__PURE__ */ jsx(
|
|
91
|
+
"div",
|
|
92
|
+
{
|
|
93
|
+
className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
|
|
94
|
+
children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsx(
|
|
95
|
+
"ul",
|
|
96
|
+
{
|
|
97
|
+
className: "list_unstyled",
|
|
98
|
+
"aria-expanded": isOpenSignIn,
|
|
99
|
+
id: "signin-drop-menu",
|
|
100
|
+
children: renderSubItems()
|
|
101
|
+
}
|
|
102
|
+
) })
|
|
103
|
+
}
|
|
104
|
+
)
|
|
105
|
+
] });
|
|
106
|
+
};
|
|
107
|
+
export {
|
|
108
|
+
DropwdownButton
|
|
109
|
+
};
|