@axos-web-dev/shared-components 1.0.27 → 1.0.29

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 (227) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.css.d.ts +1 -1
  3. package/dist/Accordion/Accordion.css.js +1 -1
  4. package/dist/Accordion/Accordion.js +2 -2
  5. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  6. package/dist/AlertBanner/index.js +1 -1
  7. package/dist/Article/Article.css.d.ts +41 -41
  8. package/dist/Article/Article.css.js +1 -1
  9. package/dist/ArticlesSet/ArticlesSet.css.d.ts +16 -16
  10. package/dist/ArticlesSet/ArticlesSet.css.js +1 -1
  11. package/dist/Avatar/Avatar.module.js +1 -1
  12. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  13. package/dist/AwardsItem/AwardsItem.css.js +1 -1
  14. package/dist/Blockquote/Blockquote.module.js +1 -1
  15. package/dist/BulletItem/BulletItem.css.js +1 -1
  16. package/dist/BulletItem/BulletItem.js +1 -1
  17. package/dist/Button/Button.css.d.ts +18 -18
  18. package/dist/Button/Button.css.js +1 -1
  19. package/dist/Button/Button.js +2 -1
  20. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +12 -12
  21. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -1
  22. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +14 -14
  23. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +1 -1
  24. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  25. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +1 -1
  26. package/dist/Calculators/AxosOneCalculator/index.js +2 -2
  27. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +22 -22
  28. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +1 -1
  29. package/dist/Calculators/BalanceAPYCalculator/index.js +2 -2
  30. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts +18 -18
  31. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +1 -1
  32. package/dist/Calculators/BuyDownCalculator/index.js +2 -2
  33. package/dist/Calculators/Calculator.js +2 -1
  34. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  35. package/dist/Calculators/MarginTradingCalculator/index.js +2 -2
  36. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  37. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +1 -1
  38. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  39. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +1 -1
  40. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  41. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +1 -1
  42. package/dist/Calculators/SummitApyCalculator/index.js +2 -2
  43. package/dist/Calculators/calculator.css.d.ts +12 -12
  44. package/dist/Calculators/calculator.css.js +1 -1
  45. package/dist/CallToActionBar/CallToActionBar.css.js +1 -1
  46. package/dist/CallToActionBar/index.js +1 -1
  47. package/dist/Carousel/Carousel.css.d.ts +20 -20
  48. package/dist/Carousel/Carousel.css.js +1 -1
  49. package/dist/Carousel/index.js +3 -2
  50. package/dist/Chevron/Chevron.css.d.ts +6 -6
  51. package/dist/Chevron/Chevron.css.js +1 -1
  52. package/dist/Chevron/index.js +3 -2
  53. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +1 -1
  54. package/dist/CollectInformationAlert/index.js +1 -1
  55. package/dist/Comparison/Comparison.css.d.ts +10 -10
  56. package/dist/Comparison/Comparison.css.js +1 -1
  57. package/dist/Comparison/Comparison.js +3 -2
  58. package/dist/Comparison/ComparisonSet.js +1 -1
  59. package/dist/ContentBanner/ContentBanner.css.d.ts +12 -12
  60. package/dist/ContentBanner/ContentBanner.css.js +1 -1
  61. package/dist/DownloadTile/DownloadTile.css.js +1 -1
  62. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +31 -31
  63. package/dist/ExecutiveBio/ExecutiveBio.css.js +1 -1
  64. package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
  65. package/dist/FaqAccordion/FaqAccordion.css.js +1 -1
  66. package/dist/FaqAccordion/index.js +3 -2
  67. package/dist/FdicCallout/FdicCallout.module.js +1 -1
  68. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  69. package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +1 -1
  70. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +2 -2
  71. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -1
  72. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  73. package/dist/Forms/ApplicationStart.js +2 -2
  74. package/dist/Forms/ApplyNow.js +3 -2
  75. package/dist/Forms/ClearingForm.js +2 -2
  76. package/dist/Forms/CommercialDeposits.js +2 -2
  77. package/dist/Forms/CommercialLending.js +2 -2
  78. package/dist/Forms/ContactCompany.js +2 -2
  79. package/dist/Forms/ContactCompanyTitle.js +2 -2
  80. package/dist/Forms/ContactUs.js +2 -2
  81. package/dist/Forms/ContactUsAAS.js +2 -2
  82. package/dist/Forms/ContactUsBusiness.js +3 -2
  83. package/dist/Forms/ContactUsLVF.js +2 -2
  84. package/dist/Forms/ContactUsNMLSId.js +3 -2
  85. package/dist/Forms/CpraRequest.js +2 -2
  86. package/dist/Forms/CraPublicFile.js +3 -2
  87. package/dist/Forms/DealerServices.js +2 -2
  88. package/dist/Forms/EmailOnly.js +3 -2
  89. package/dist/Forms/EmailUs.js +2 -2
  90. package/dist/Forms/Forms.css.d.ts +42 -42
  91. package/dist/Forms/Forms.css.js +1 -1
  92. package/dist/Forms/MortgageRate/MortgageRateForm.js +3 -2
  93. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  94. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
  95. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  96. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  97. package/dist/Forms/QuickPricer/UserInformation.css.js +1 -1
  98. package/dist/Forms/ScheduleCall.js +2 -2
  99. package/dist/Forms/ScheduleCallPremier.js +2 -2
  100. package/dist/Forms/SuccesForm.js +3 -2
  101. package/dist/Forms/VendorQuestionnaire.js +1 -1
  102. package/dist/Forms/WcplSurvey.js +2 -2
  103. package/dist/HelpArticle/HelpArticle.css.d.ts +4 -0
  104. package/dist/HelpArticle/HelpArticle.css.js +12 -0
  105. package/dist/HelpArticle/index.d.ts +1 -0
  106. package/dist/HelpArticle/index.js +7 -0
  107. package/dist/HeroBanner/HeroBanner.css.d.ts +16 -16
  108. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  109. package/dist/HeroBanner/HeroBanner.js +1 -1
  110. package/dist/HeroBanner/LargeBanner.css.d.ts +20 -20
  111. package/dist/HeroBanner/LargeBanner.css.js +1 -1
  112. package/dist/HeroBanner/SelectionBanner.css.d.ts +8 -8
  113. package/dist/HeroBanner/SelectionBanner.css.js +1 -1
  114. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  115. package/dist/Hyperlink/index.js +2 -1
  116. package/dist/IconBillboard/IconBillboard.css.d.ts +24 -24
  117. package/dist/IconBillboard/IconBillboard.css.js +1 -1
  118. package/dist/IconBillboard/IconBillboard.js +1 -1
  119. package/dist/ImageBillboard/ImageBillboard.css.d.ts +20 -20
  120. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  121. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  122. package/dist/ImageBillboard/ImageBillboardSet.js +2 -2
  123. package/dist/ImageLink/ImageLink.css.js +1 -1
  124. package/dist/ImageLink/ImageLink.js +2 -1
  125. package/dist/ImageLink/ImageLinkSet.js +2 -1
  126. package/dist/ImageLink/index.js +2 -1
  127. package/dist/Input/Checkbox.css.js +1 -1
  128. package/dist/Input/Dropdown.css.js +1 -1
  129. package/dist/Input/Input.css.d.ts +16 -16
  130. package/dist/Input/Input.css.js +1 -1
  131. package/dist/Input/RadioButton.css.js +1 -1
  132. package/dist/Inputs/Input.css.d.ts +14 -14
  133. package/dist/Inputs/Input.css.js +1 -1
  134. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  135. package/dist/Insight/Featured/CategorySelector.js +4 -3
  136. package/dist/Insight/Featured/Featured.css.js +1 -1
  137. package/dist/Insight/Featured/Featured.js +3 -2
  138. package/dist/Insight/Featured/Header.css.js +1 -1
  139. package/dist/Insight/Featured/Header.js +3 -2
  140. package/dist/Insight/Insight.css.js +1 -1
  141. package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -2
  142. package/dist/Interstitial/Interstitial-variants.css.js +1 -1
  143. package/dist/Interstitial/Interstitial.module.js +1 -1
  144. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +3 -3
  145. package/dist/LandingPageHeader/LandingPageHeader.css.js +1 -1
  146. package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
  147. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  148. package/dist/Modal/Modal.css.js +1 -1
  149. package/dist/Modal/Modal.js +2 -1
  150. package/dist/Modal/contextApi/store.js +1 -1
  151. package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -1
  152. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +1 -1
  153. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -1
  154. package/dist/NavigationMenu/AxosALTS/index.js +2 -1
  155. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -1
  156. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +1 -1
  157. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +1 -1
  158. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -1
  159. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +1 -1
  160. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +1 -1
  161. package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -1
  162. package/dist/NavigationMenu/AxosBank/NavBar.module.js +1 -1
  163. package/dist/NavigationMenu/AxosBank/NavData.js +2 -1
  164. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  165. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +1 -1
  166. package/dist/NavigationMenu/AxosBank/index.js +2 -1
  167. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  168. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +1 -1
  169. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +1 -1
  170. package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
  171. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +1 -1
  172. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -1
  173. package/dist/NavigationMenu/LaVictoire/index.js +2 -1
  174. package/dist/PageNavItem/PageNavItem.css.d.ts +2 -2
  175. package/dist/PageNavItem/PageNavItem.css.js +1 -1
  176. package/dist/PageNavSet/PageNavSet.js +1 -1
  177. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  178. package/dist/Pagination/Pagination.css.js +1 -1
  179. package/dist/Pagination/Pagination.js +2 -2
  180. package/dist/SecondaryFooter/SecondaryFooter.css.js +1 -1
  181. package/dist/SecondaryFooter/index.js +1 -1
  182. package/dist/SetContainer/SetContainer.css.d.ts +16 -16
  183. package/dist/SetContainer/SetContainer.css.js +1 -1
  184. package/dist/SetContainer/SetContainer.js +3 -2
  185. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  186. package/dist/SocialMediaBar/iconsRepository.js +2 -1
  187. package/dist/StepItem/StepItem.css.d.ts +18 -18
  188. package/dist/StepItem/StepItem.css.js +1 -1
  189. package/dist/StepItemSet/StepItemSet.css.d.ts +14 -14
  190. package/dist/StepItemSet/StepItemSet.css.js +1 -1
  191. package/dist/Tab/Tab.css.d.ts +12 -12
  192. package/dist/Tab/Tab.css.js +1 -1
  193. package/dist/Table/Table.css.d.ts +25 -25
  194. package/dist/Table/Table.css.js +1 -1
  195. package/dist/Table/Table.d.ts +2 -2
  196. package/dist/Table/Table.js +2 -2
  197. package/dist/TextBlock/TextBlock.css.js +1 -1
  198. package/dist/TextBlock/TextBlock.js +1 -1
  199. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  200. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  201. package/dist/Typography/Typography.css.js +1 -1
  202. package/dist/VideoTile/VideoTile.css.js +1 -1
  203. package/dist/VideoTile/VideoTile.js +1 -1
  204. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  205. package/dist/VideoWrapper/index.js +2 -1
  206. package/dist/WalnutIframe/index.d.ts +6 -0
  207. package/dist/WalnutIframe/index.js +22 -0
  208. package/dist/WalnutIframe/wrapper.module.js +8 -0
  209. package/dist/assets/HelpArticle/HelpArticle.css +65 -0
  210. package/dist/assets/WalnutIframe/wrapper.css.css +20 -0
  211. package/dist/globals.css.js +1 -1
  212. package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +3 -3
  213. package/dist/icons/ArrowIcon/ArrowIcon.css.js +1 -1
  214. package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -2
  215. package/dist/icons/CheckIcon/CheckIcon.css.js +1 -1
  216. package/dist/icons/DownloadIcon/DownloadIcon.css.js +1 -1
  217. package/dist/icons/FollowIcon/FollowIcon.css.js +1 -1
  218. package/dist/icons/Star/Star.css.js +1 -1
  219. package/dist/index.css.js +1 -1
  220. package/dist/main.d.ts +2 -0
  221. package/dist/main.js +5 -0
  222. package/dist/themes/axos.css.d.ts +38 -38
  223. package/dist/themes/axos.css.js +1 -1
  224. package/dist/themes/premier.css.js +1 -1
  225. package/dist/themes/victorie.css.js +1 -1
  226. package/dist/utils/optimizeImage/optimizeImage.module.js +1 -1
  227. package/package.json +130 -130
@@ -1,36 +1,36 @@
1
1
  export declare const tab: 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})` | `var(--${string}, ${string})`;
5
5
  };
6
6
  secondary: {
7
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ color: `var(--${string})` | `var(--${string}, ${string})`;
8
8
  };
9
9
  tertiary: {
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ color: `var(--${string})` | `var(--${string}, ${string})`;
11
11
  };
12
12
  quaternary: {
13
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ color: `var(--${string})` | `var(--${string}, ${string})`;
14
14
  };
15
15
  };
16
16
  }>;
17
17
  export declare const active_tab: import('@vanilla-extract/recipes').RuntimeFn<{
18
18
  variant: {
19
19
  primary: {
20
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
20
+ color: `var(--${string})` | `var(--${string}, ${string})`;
21
+ borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
22
22
  };
23
23
  secondary: {
24
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
24
+ color: `var(--${string})` | `var(--${string}, ${string})`;
25
+ borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
26
26
  };
27
27
  tertiary: {
28
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
28
+ color: `var(--${string})` | `var(--${string}, ${string})`;
29
+ borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
30
30
  };
31
31
  quaternary: {
32
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
32
+ color: `var(--${string})` | `var(--${string}, ${string})`;
33
+ borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
34
34
  };
35
35
  };
36
36
  }>;
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/Tab/Tab.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -21,27 +21,27 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
21
21
  variant: {
22
22
  primary: {
23
23
  color: "#4A5560";
24
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
24
+ background: `var(--${string})` | `var(--${string}, ${string})`;
25
+ borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
26
26
  };
27
27
  secondary: {
28
28
  color: "#4A5560";
29
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
29
+ background: `var(--${string})` | `var(--${string}, ${string})`;
30
+ borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
31
31
  };
32
32
  tertiary: {
33
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ color: `var(--${string})` | `var(--${string}, ${string})`;
34
34
  borderBottom: "1px solid #F4F4F4";
35
35
  selectors: {
36
36
  "&:first-child": {
37
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ background: `var(--${string})` | `var(--${string}, ${string})`;
38
38
  };
39
39
  };
40
40
  "@media": {
41
41
  "screen and (max-width: 768px)": {
42
42
  selectors: {
43
43
  "&:first-child": {
44
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ background: `var(--${string})` | `var(--${string}, ${string})`;
45
45
  };
46
46
  };
47
47
  };
@@ -52,14 +52,14 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
52
52
  borderBottom: "1px solid #F4F4F4";
53
53
  selectors: {
54
54
  "&:first-child": {
55
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ background: `var(--${string})` | `var(--${string}, ${string})`;
56
56
  };
57
57
  };
58
58
  "@media": {
59
59
  "screen and (max-width: 768px)": {
60
60
  selectors: {
61
61
  "&:first-child": {
62
- backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
63
63
  };
64
64
  };
65
65
  };
@@ -73,48 +73,48 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
73
73
  export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
74
74
  variant: {
75
75
  primary: {
76
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ background: `var(--${string})` | `var(--${string}, ${string})`;
77
77
  color: "#4A5560";
78
78
  borderBottom: "1px solid #D4D4D4";
79
79
  };
80
80
  secondary: {
81
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ background: `var(--${string})` | `var(--${string}, ${string})`;
82
82
  color: "#4A5560";
83
83
  borderBottom: "1px solid #D4D4D4";
84
84
  };
85
85
  tertiary: {
86
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ color: `var(--${string})` | `var(--${string}, ${string})`;
87
87
  borderBottom: "1px solid #F4F4F4";
88
88
  selectors: {
89
89
  "&:first-child": {
90
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ background: `var(--${string})` | `var(--${string}, ${string})`;
91
+ color: `var(--${string})` | `var(--${string}, ${string})`;
92
92
  };
93
93
  };
94
94
  "@media": {
95
95
  "screen and (max-width: 327px)": {
96
96
  selectors: {
97
97
  "&:first-child": {
98
- backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
99
99
  };
100
100
  };
101
101
  };
102
102
  };
103
103
  };
104
104
  quaternary: {
105
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ color: `var(--${string})` | `var(--${string}, ${string})`;
106
106
  borderBottom: "1px solid #F4F4F4";
107
107
  selectors: {
108
108
  "&:first-child": {
109
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ background: `var(--${string})` | `var(--${string}, ${string})`;
110
+ color: `var(--${string})` | `var(--${string}, ${string})`;
111
111
  };
112
112
  };
113
113
  "@media": {
114
114
  "screen and (max-width: 327px)": {
115
115
  selectors: {
116
116
  "&:first-child": {
117
- backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
118
118
  };
119
119
  };
120
120
  };
@@ -128,10 +128,10 @@ export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
128
128
  export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
129
129
  variant: {
130
130
  primary: {
131
- border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
131
+ border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
132
132
  };
133
133
  secondary: {
134
- border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
134
+ border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
135
135
  };
136
136
  tertiary: {
137
137
  border: "none";
@@ -144,16 +144,16 @@ export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<
144
144
  export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
145
145
  variant: {
146
146
  primary: {
147
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ background: `var(--${string})` | `var(--${string}, ${string})`;
148
148
  };
149
149
  secondary: {
150
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ background: `var(--${string})` | `var(--${string}, ${string})`;
151
151
  };
152
152
  tertiary: {
153
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ background: `var(--${string})` | `var(--${string}, ${string})`;
154
154
  };
155
155
  quaternary: {
156
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ background: `var(--${string})` | `var(--${string}, ${string})`;
157
157
  };
158
158
  };
159
159
  }>;
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -59,6 +59,8 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
59
59
  unselectable?: "on" | "off" | undefined;
60
60
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
61
61
  is?: string | undefined;
62
+ exportparts?: string | undefined;
63
+ part?: string | undefined;
62
64
  popover?: "" | "auto" | "manual" | undefined;
63
65
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
64
66
  popoverTarget?: string | undefined;
@@ -189,8 +191,6 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
189
191
  onProgressCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
190
192
  onRateChange?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
191
193
  onRateChangeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
192
- onResize?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
193
- onResizeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
194
194
  onSeeked?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
195
195
  onSeekedCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
196
196
  onSeeking?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import "../icons/ArrowIcon/ArrowIcon.css.js";
3
3
  import SvgComponent from "../icons/AxosX/Blue.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
- /* empty css */
5
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
@@ -11,7 +11,7 @@ import "../utils/allowedAxosDomains.js";
11
11
  import { getVariant } from "../utils/getVariant.js";
12
12
  import clsx from "clsx";
13
13
  import { createElement } from "react";
14
- import { table_section, table_container, table_container_text, table_headline, table_description_text, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
14
+ import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
15
15
  const TableContainer = ({
16
16
  tableTitle,
17
17
  tableBody,
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/TextBlock/TextBlock.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
- import { textBlockSection, textBlockHeader } from "./TextBlock.css.js";
3
+ import { textBlockHeader, textBlockSection } from "./TextBlock.css.js";
4
4
  const TextBlock = (props) => {
5
5
  return /* @__PURE__ */ jsxs(
6
6
  "div",
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css */
2
2
  var picker_navItem = "dmebjx0";
3
3
  var picker_itemProduct = "dmebjx1";
4
4
  var picker_arrow = "dmebjx2";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty css */
2
2
  var picker_section = "xbzzeo0";
3
3
  var picker_container = "xbzzeo1";
4
4
  var picker_orient = "xbzzeo2";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/Typography/Typography.css';/* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var headerCssVariable = "var(--header-font-family)";
4
4
  var mainCssVariable = "var(--main-font-family)";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.js";
6
6
  import SvgChevronUp from "../icons/ChevronUp.js";
7
- /* empty css */
7
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/VideoWrapper/VideoWrapper.css';/* empty css */
2
2
  var video_tile_set = "_2i5u4u0";
3
3
  var grid_wrapper = "_2i5u4u1";
4
4
  var grid_2 = "_2i5u4u2";
@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- /* empty css */
6
+ import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -79,6 +79,7 @@ import "../FaqAccordion/index.js";
79
79
  import "../FooterDisclosure/FooterDisclosure.css.js";
80
80
  /* empty css */
81
81
  /* empty css */
82
+ /* empty css */
82
83
  import "../ImageBillboard/ImageBillboard.css.js";
83
84
  /* empty css */
84
85
  /* empty css */
@@ -0,0 +1,6 @@
1
+ type WalnutProps = {
2
+ id?: string;
3
+ sourceUrl?: string;
4
+ };
5
+ declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default WalnutIframe;
@@ -0,0 +1,22 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import css from "./wrapper.module.js";
3
+ const WalnutIframe = ({ id, sourceUrl }) => /* @__PURE__ */ jsx(
4
+ "iframe",
5
+ {
6
+ id: `id-${id}`,
7
+ src: sourceUrl,
8
+ title: "Intereactive Demo",
9
+ style: { border: 0 },
10
+ allow: "fullscreen",
11
+ allowFullScreen: true,
12
+ loading: "eager",
13
+ name: "walnut_iframe",
14
+ sandbox: "allow-scripts allow-same-origin allow-popups allow-forms allow-downloads allow-popups-to-escape-sandbox",
15
+ width: "100%",
16
+ height: "100%",
17
+ className: css.wrapper
18
+ }
19
+ );
20
+ export {
21
+ WalnutIframe as default
22
+ };
@@ -0,0 +1,8 @@
1
+ import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_1hm0d_1";
2
+ const css = {
3
+ wrapper
4
+ };
5
+ export {
6
+ css as default,
7
+ wrapper
8
+ };
@@ -0,0 +1,65 @@
1
+ ._1yo1bp90 {
2
+ font-family: var(--header-font-family);
3
+ font-weight: 600;
4
+ font-size: 40px;
5
+ font-style: normal;
6
+ line-height: 50px;
7
+ letter-spacing: 0.2px;
8
+ color: #1E3860;
9
+ }
10
+ ._1yo1bp91 {
11
+ font-weight: 600;
12
+ font-size: 28px;
13
+ line-height: 36px;
14
+ margin-block: 16px;
15
+ letter-spacing: 0.2px;
16
+ color: #1E3860;
17
+ }
18
+ ._1yo1bp92 {
19
+ font-weight: 400;
20
+ font-size: 18px;
21
+ line-height: 26px;
22
+ color: #1E262F;
23
+ letter-spacing: 0.2px;
24
+ }
25
+ ._1yo1bp93 {
26
+ box-sizing: border-box;
27
+ margin-inline: auto;
28
+ width: 1000px;
29
+ }
30
+ .helpArticle .section_spacer:has(>img[style]:only-child) {
31
+ margin-bottom: 3.5rem;
32
+ }
33
+ @media screen and (max-width:1023px) {
34
+ .helpArticle .section_spacer:has(>img[style]:only-child) {
35
+ margin-bottom: 42px;
36
+ }
37
+ }
38
+ @media screen and (max-width:768px) {
39
+ ._1yo1bp90 {
40
+ font-size: 28px;
41
+ line-height: 1.29;
42
+ }
43
+ ._1yo1bp91 {
44
+ font-size: 24px;
45
+ line-height: 1.33;
46
+ }
47
+ .helpArticle .section_spacer:has(>img[style]:only-child) {
48
+ margin-bottom: 2rem;
49
+ }
50
+ }
51
+ @media screen and (max-width: 1023px) {
52
+ ._1yo1bp93 {
53
+ width: min(45rem, calc(100% - 4rem));
54
+ }
55
+ }
56
+ @media screen and (max-width: 768px) {
57
+ ._1yo1bp93 {
58
+ width: min(1200px, calc(100% - 4rem));
59
+ }
60
+ }
61
+ @media screen and (max-width: 603px) {
62
+ ._1yo1bp93 {
63
+ width: calc(100% - 2rem);
64
+ }
65
+ }
@@ -0,0 +1,20 @@
1
+ ._wrapper_1hm0d_1 {
2
+ aspect-ratio: 1.845;
3
+ margin-block: 48px;
4
+ }
5
+
6
+ ._wrapper_1hm0d_1:first-of-type {
7
+ margin-top: 0 !important;
8
+ }
9
+
10
+ @media (max-width: 1023px) {
11
+ ._wrapper_1hm0d_1 {
12
+ margin-block: 28px;
13
+ }
14
+ }
15
+
16
+ @media (max-width: 798px) {
17
+ ._wrapper_1hm0d_1 {
18
+ display: none;
19
+ }
20
+ }
@@ -1,2 +1,2 @@
1
- /* empty css */
1
+ import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
@@ -1,13 +1,13 @@
1
1
  export declare const Arrow: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ fill: `var(--${string})` | `var(--${string}, ${string})`;
5
5
  };
6
6
  secondary: {
7
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ fill: `var(--${string})` | `var(--${string}, ${string})`;
8
8
  };
9
9
  tertiary: {
10
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ fill: `var(--${string})` | `var(--${string}, ${string})`;
11
11
  };
12
12
  };
13
13
  }>;
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -3,10 +3,10 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
3
3
  export declare const checkColor: import('@vanilla-extract/recipes').RuntimeFn<{
4
4
  variant: {
5
5
  primary: {
6
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ fill: `var(--${string})` | `var(--${string}, ${string})`;
7
7
  };
8
8
  secondary: {
9
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ fill: `var(--${string})` | `var(--${string}, ${string})`;
10
10
  };
11
11
  };
12
12
  }>;
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/icons/Star/Star.css';/* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  export {
package/dist/index.css.js CHANGED
@@ -1,3 +1,3 @@
1
- /* empty css */
1
+ import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
package/dist/main.d.ts CHANGED
@@ -30,6 +30,7 @@ export * from './FdicCallout';
30
30
  export * from './FooterDisclosure';
31
31
  export * from './FooterSiteMap/AxosBank';
32
32
  export * from './Forms';
33
+ export * from './HelpArticle';
33
34
  export * from './HeroBanner';
34
35
  export * from './Hyperlink';
35
36
  export * from './IconBillboard';
@@ -60,5 +61,6 @@ export * from './TopicalNavItem';
60
61
  export * from './TopicalNavSet';
61
62
  export * from './VideoTile';
62
63
  export * from './VideoWrapper';
64
+ export * from './WalnutIframe';
63
65
  export * from './Tab';
64
66
  export * from './utils';
package/dist/main.js CHANGED
@@ -82,6 +82,7 @@ import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
82
82
  import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
83
83
  import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
84
84
  import { WCPLSurvey } from "./Forms/WcplSurvey.js";
85
+ import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
85
86
  import { HeroBanner } from "./HeroBanner/HeroBanner.js";
86
87
  import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
87
88
  import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
@@ -492,6 +493,9 @@ export {
492
493
  headline_setting,
493
494
  headline_text,
494
495
  headshot,
496
+ helpArticle_container,
497
+ helpArticle_headline,
498
+ helpArticle_p,
495
499
  helperText,
496
500
  heroSupertag,
497
501
  hero_banner,
@@ -526,6 +530,7 @@ export {
526
530
  insight_header_2,
527
531
  insight_header_3,
528
532
  insight_header_4,
533
+ insight_headline_2,
529
534
  insight_info_row,
530
535
  insight_list_item,
531
536
  insight_p,