@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.
Files changed (109) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.css.d.ts +1 -1
  3. package/dist/Article/Article.css.d.ts +40 -40
  4. package/dist/ArticlesSet/ArticlesSet.css.d.ts +20 -20
  5. package/dist/Auth/ErrorAlert.js +2 -1
  6. package/dist/Button/Button.css.d.ts +18 -18
  7. package/dist/Button/Button.js +2 -1
  8. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +12 -12
  9. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +12 -12
  10. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  11. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +20 -20
  12. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts +18 -18
  13. package/dist/Calculators/Calculator.js +2 -1
  14. package/dist/Calculators/MarginTradingCalculator/index.js +2 -1
  15. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  16. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  17. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  18. package/dist/Calculators/calculator.css.d.ts +12 -12
  19. package/dist/Carousel/Carousel.css.d.ts +24 -24
  20. package/dist/Carousel/index.js +2 -1
  21. package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +2 -2
  22. package/dist/Chatbot/Chat.js +5 -16
  23. package/dist/Chatbot/ChatWindow.js +18 -24
  24. package/dist/Chatbot/Chatbot.d.ts +1 -9
  25. package/dist/Chatbot/Chatbot.js +25 -36
  26. package/dist/Chatbot/authenticate.d.ts +3 -0
  27. package/dist/Chatbot/authenticate.js +16 -0
  28. package/dist/Chevron/Chevron.css.d.ts +4 -4
  29. package/dist/Chevron/index.js +2 -1
  30. package/dist/Comparison/Comparison.css.d.ts +10 -10
  31. package/dist/Comparison/Comparison.js +2 -1
  32. package/dist/ContentBanner/ContentBanner.css.d.ts +12 -12
  33. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +73 -73
  34. package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
  35. package/dist/FaqAccordion/index.js +2 -1
  36. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -19
  37. package/dist/Forms/ApplyNow.js +2 -1
  38. package/dist/Forms/ContactUsBusiness.js +2 -1
  39. package/dist/Forms/ContactUsBusinessNameEmail.js +2 -1
  40. package/dist/Forms/ContactUsNMLSId.js +2 -1
  41. package/dist/Forms/CpraRequest.js +2 -1
  42. package/dist/Forms/CraPublicFile.js +2 -1
  43. package/dist/Forms/EmailOnly.js +2 -1
  44. package/dist/Forms/Forms.css.d.ts +44 -44
  45. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -1
  46. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
  47. package/dist/Forms/MortgageWarehouseLending.js +2 -1
  48. package/dist/Forms/SuccesForm.js +2 -1
  49. package/dist/HeroBanner/HeroBanner.css.d.ts +16 -16
  50. package/dist/HeroBanner/LargeBanner.css.d.ts +36 -36
  51. package/dist/HeroBanner/SelectionBanner.css.d.ts +4 -4
  52. package/dist/Hyperlink/Hyperlink.css.d.ts +4 -4
  53. package/dist/Hyperlink/index.js +2 -1
  54. package/dist/IconBillboard/IconBillboard.css.d.ts +22 -22
  55. package/dist/ImageBillboard/ImageBillboard.css.d.ts +16 -16
  56. package/dist/ImageLink/ImageLink.js +2 -1
  57. package/dist/ImageLink/ImageLinkSet.js +2 -1
  58. package/dist/ImageLink/index.js +2 -1
  59. package/dist/Input/Input.css.d.ts +16 -16
  60. package/dist/Inputs/Input.css.d.ts +14 -14
  61. package/dist/Insight/Featured/CategorySelector.js +2 -1
  62. package/dist/Insight/Featured/Featured.js +2 -1
  63. package/dist/Insight/Featured/Header.js +2 -1
  64. package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -2
  65. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +8 -8
  66. package/dist/Modal/Modal.js +2 -1
  67. package/dist/NavigationMenu/AxosALTS/index.js +2 -1
  68. package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +7 -0
  69. package/dist/NavigationMenu/AxosBank/DropwdownButton.js +109 -0
  70. package/dist/NavigationMenu/AxosBank/Menu.d.ts +37 -0
  71. package/dist/NavigationMenu/AxosBank/Menu.js +119 -0
  72. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +12 -1
  73. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +184 -164
  74. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  75. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +35 -282
  76. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +53 -523
  77. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +36 -0
  78. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +105 -0
  79. package/dist/NavigationMenu/AxosBank/NavBar.module.js +42 -39
  80. package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +6 -1
  81. package/dist/NavigationMenu/AxosBank/SubNavBar.js +112 -3081
  82. package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +1 -0
  83. package/dist/NavigationMenu/AxosBank/SubNavItem.js +185 -0
  84. package/dist/NavigationMenu/AxosBank/index.d.ts +5 -3
  85. package/dist/NavigationMenu/AxosBank/index.js +133 -395
  86. package/dist/NavigationMenu/LaVictoire/index.js +2 -1
  87. package/dist/NavigationMenu/Navbar.d.ts +4 -1
  88. package/dist/NavigationMenu/Navbar.js +5 -4
  89. package/dist/NavigationMenu/SignInNavButton.js +3 -2
  90. package/dist/NavigationMenu/utils.d.ts +465 -0
  91. package/dist/NavigationMenu/utils.js +112 -0
  92. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -4
  93. package/dist/SetContainer/SetContainer.css.d.ts +16 -16
  94. package/dist/SetContainer/SetContainer.js +2 -1
  95. package/dist/SocialMediaBar/iconsRepository.js +2 -1
  96. package/dist/StepItem/StepItem.css.d.ts +20 -20
  97. package/dist/StepItemSet/StepItemSet.css.d.ts +12 -12
  98. package/dist/Tab/Tab.css.d.ts +12 -12
  99. package/dist/Table/Table.css.d.ts +26 -26
  100. package/dist/VideoTile/VideoTile.js +2 -1
  101. package/dist/VideoWrapper/index.js +2 -1
  102. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +49 -49
  103. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +125 -87
  104. package/dist/assets/globals.css +3 -3
  105. package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +3 -3
  106. package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -2
  107. package/dist/themes/axos.css.d.ts +50 -50
  108. package/dist/utils/allowedAxosDomains.js +6 -2
  109. 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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ backgroundColor: `var(--${string})`;
10
10
  };
11
11
  secondary: {
12
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ backgroundColor: `var(--${string})`;
13
13
  };
14
14
  tertiary: {
15
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ backgroundColor: `var(--${string})`;
16
16
  };
17
17
  quaternary: {
18
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ color: `var(--${string})`;
5
5
  selectors: {
6
6
  "&:hover": {
7
7
  textDecoration: "underline";
8
- textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ textDecorationColor: `var(--${string})`;
9
9
  };
10
10
  };
11
11
  };
12
12
  secondary: {
13
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ color: `var(--${string})`;
14
14
  selectors: {
15
15
  "&:hover": {
16
16
  textDecoration: "underline";
17
- textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ textDecorationColor: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  };
@@ -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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ background: `var(--${string})`;
7
7
  border: "1px solid #E9EBEF";
8
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ color: `var(--${string})`;
9
9
  };
10
10
  secondary: {
11
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ background: `var(--${string})`;
12
+ color: `var(--${string})`;
13
13
  };
14
14
  tertiary: {
15
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ background: `var(--${string})`;
16
+ color: `var(--${string})`;
17
17
  };
18
18
  quaternary: {
19
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ color: `var(--${string})`;
39
39
  };
40
40
  secondary: {
41
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ color: `var(--${string})`;
42
42
  };
43
43
  tertiary: {
44
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ color: `var(--${string})`;
45
45
  };
46
46
  quaternary: {
47
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ color: `var(--${string})`;
59
59
  };
60
60
  secondary: {
61
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ color: `var(--${string})`;
62
62
  };
63
63
  tertiary: {
64
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ color: `var(--${string})`;
65
65
  };
66
66
  quaternary: {
67
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ background: `var(--${string})`;
76
76
  border: "1px solid #E9EBEF";
77
77
  };
78
78
  secondary: {
79
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ background: `var(--${string})`;
80
80
  };
81
81
  tertiary: {
82
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ background: `var(--${string})`;
83
+ color: `var(--${string})`;
84
84
  };
85
85
  quaternary: {
86
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ background: `var(--${string})`;
5
+ color: `var(--${string})`;
6
6
  border: "1px solid #B9C1CE";
7
7
  };
8
8
  secondary: {
9
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ background: `var(--${string})`;
10
+ color: `var(--${string})`;
11
11
  };
12
12
  tertiary: {
13
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ background: `var(--${string})`;
14
+ color: `var(--${string})`;
15
15
  };
16
16
  quaternary: {
17
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ color: `var(--${string})`;
62
62
  };
63
63
  secondary: {
64
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ color: `var(--${string})`;
65
65
  };
66
66
  tertiary: {
67
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ color: `var(--${string})`;
68
68
  };
69
69
  quaternary: {
70
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ color: `var(--${string})`;
78
78
  };
79
79
  secondary: {
80
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ color: `var(--${string})`;
81
81
  };
82
82
  tertiary: {
83
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ color: `var(--${string})`;
84
84
  };
85
85
  quaternary: {
86
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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 */
@@ -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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ color: `var(--${string})`;
24
24
  };
25
25
  quaternary: {
26
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ color: `var(--${string})`;
27
27
  };
28
28
  };
29
29
  error: {
30
30
  true: {
31
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ color: `var(--${string})`;
32
+ borderColor: `var(--${string})`;
33
33
  };
34
34
  };
35
35
  disabled: {
36
36
  true: {
37
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ borderColor: `var(--${string})`;
69
69
  selectors: {
70
70
  "&:focus-within": {
71
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ borderColor: `var(--${string})`;
72
72
  };
73
73
  };
74
74
  };
75
75
  };
76
76
  disabled: {
77
77
  true: {
78
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ borderColor: `var(--${string})`;
129
129
  selectors: {};
130
130
  };
131
131
  };
132
132
  disabled: {
133
133
  true: {
134
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ color: `var(--${string})`;
21
+ borderColor: `var(--${string})`;
22
22
  };
23
23
  };
24
24
  disabled: {
25
25
  true: {
26
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ borderColor: `var(--${string})`;
51
51
  selectors: {
52
52
  "&:focus-within": {
53
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ borderColor: `var(--${string})`;
54
54
  };
55
55
  };
56
56
  };
57
57
  };
58
58
  disabled: {
59
59
  true: {
60
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ borderColor: `var(--${string})`;
111
111
  selectors: {};
112
112
  };
113
113
  };
114
114
  disabled: {
115
115
  true: {
116
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ color: `var(--${string})`;
5
5
  };
6
6
  secondary: {
7
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ background: `var(--${string})`;
5
5
  };
6
6
  secondary: {
7
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ background: `var(--${string})`;
8
8
  };
9
9
  tertiary: {
10
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ background: `var(--${string})`;
11
11
  };
12
12
  quaternary: {
13
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ fill: `var(--${string})`;
25
25
  };
26
26
  secondary: {
27
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ fill: `var(--${string})`;
28
28
  };
29
29
  tertiary: {
30
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ fill: `var(--${string})`;
31
31
  };
32
32
  quaternary: {
33
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ fill: `var(--${string})`;
34
34
  };
35
35
  };
36
36
  }>;
@@ -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,7 @@
1
+ import { SubNavItems } from '../utils';
2
+
3
+ interface DropwdownButtonProps {
4
+ item: SubNavItems;
5
+ }
6
+ export declare const DropwdownButton: ({ item }: DropwdownButtonProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -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
+ };