@axos-web-dev/shared-components 1.0.101-dev.1 → 2.0.0-dev.2

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 (162) hide show
  1. package/dist/ATMLocator/ATMLocator.js +3 -8
  2. package/dist/Article/Article.d.ts +2 -2
  3. package/dist/Article/Article.js +13 -2
  4. package/dist/Auth/ErrorAlert.js +4 -9
  5. package/dist/Auth/SignInPassword.js +0 -1
  6. package/dist/Blockquote/Blockquote.module.js +3 -3
  7. package/dist/BulletItem/BulletItem.js +0 -1
  8. package/dist/Button/Button.js +3 -9
  9. package/dist/Calculators/AnnualFeeCalculator/index.js +0 -1
  10. package/dist/Calculators/ApyCalculator/index.js +3 -1
  11. package/dist/Calculators/AxosOneCalculator/index.js +16 -9
  12. package/dist/Calculators/BalanceAPYCalculator/index.js +0 -1
  13. package/dist/Calculators/BuyDownCalculator/index.js +0 -1
  14. package/dist/Calculators/Calculator.js +0 -5
  15. package/dist/Calculators/MarginTradingCalculator/index.js +119 -2
  16. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +0 -1
  17. package/dist/Calculators/MaxLoanCalculator/index.js +0 -1
  18. package/dist/Calculators/MonthlyPaymentCalculator/index.js +0 -1
  19. package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +0 -1
  20. package/dist/Calculators/SummitApyCalculator/index.js +3 -2
  21. package/dist/Carousel/index.js +10 -12
  22. package/dist/Chatbot/Bubble.js +1 -1
  23. package/dist/Chatbot/Chat.js +0 -7
  24. package/dist/Chatbot/ChatWindow.d.ts +2 -0
  25. package/dist/Chatbot/ChatWindow.js +27 -14
  26. package/dist/Chatbot/Chatbot.d.ts +1 -1
  27. package/dist/Chatbot/Chatbot.js +118 -13
  28. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  29. package/dist/Chatbot/ChatbotMessage.js +42 -22
  30. package/dist/Chatbot/store/chat.d.ts +6 -0
  31. package/dist/Chatbot/store/chat.js +14 -2
  32. package/dist/Chatbot/store/messages.d.ts +1 -0
  33. package/dist/Chatbot/store/messages.js +5 -2
  34. package/dist/Chevron/index.js +2 -8
  35. package/dist/Comparison/Comparison.js +3 -8
  36. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +51 -1
  37. package/dist/ExecutiveBio/ExecutiveBio.css.js +48 -46
  38. package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
  39. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -1
  40. package/dist/ExecutiveBio/ExecutiveBio.js +142 -151
  41. package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -2
  42. package/dist/ExecutiveBio/ExecutiveBioSet.js +29 -16
  43. package/dist/ExecutiveBio/index.js +2 -1
  44. package/dist/FaqAccordion/index.js +3 -8
  45. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +83 -184
  46. package/dist/Forms/ApplicationStart.js +0 -1
  47. package/dist/Forms/ApplyNow.js +1 -6
  48. package/dist/Forms/BoatMooringLocation.js +0 -1
  49. package/dist/Forms/ClearingForm.js +0 -1
  50. package/dist/Forms/CommercialDeposits.js +0 -1
  51. package/dist/Forms/CommercialDepositsNoLendingOption.js +0 -1
  52. package/dist/Forms/CommercialLending.js +3 -2
  53. package/dist/Forms/CommercialPremiumFinance.js +0 -1
  54. package/dist/Forms/ConstructionLendingDynamic.d.ts +12 -0
  55. package/dist/Forms/ConstructionLendingDynamic.js +324 -0
  56. package/dist/Forms/ContactCompany.js +0 -1
  57. package/dist/Forms/ContactCompanyTitle.js +0 -1
  58. package/dist/Forms/ContactUs.js +0 -1
  59. package/dist/Forms/ContactUsAAS.js +0 -1
  60. package/dist/Forms/ContactUsBusiness.js +3 -8
  61. package/dist/Forms/ContactUsBusinessNameEmail.js +3 -8
  62. package/dist/Forms/ContactUsLVF.js +0 -1
  63. package/dist/Forms/ContactUsNMLSId.js +3 -8
  64. package/dist/Forms/CpraRequest.js +100 -3
  65. package/dist/Forms/CraPublicFile.js +3 -8
  66. package/dist/Forms/DealerServices.js +0 -1
  67. package/dist/Forms/EmailOnly.js +10 -10
  68. package/dist/Forms/EmailUs.js +0 -1
  69. package/dist/Forms/FormEnums.js +1 -3
  70. package/dist/Forms/Forms.css.d.ts +1 -1
  71. package/dist/Forms/Forms.css.js +3 -3
  72. package/dist/Forms/HoneyPot/index.js +0 -1
  73. package/dist/Forms/MortgageRate/MortgageRateForm.js +4 -9
  74. package/dist/Forms/MortgageRate/MortgageRateWatch.js +3 -8
  75. package/dist/Forms/MortgageWarehouseLending.js +3 -8
  76. package/dist/Forms/QuickPricer/QuickPricerForm.js +0 -1
  77. package/dist/Forms/ScheduleCall.js +0 -1
  78. package/dist/Forms/ScheduleCallPremier.js +0 -1
  79. package/dist/Forms/SuccesForm.js +3 -8
  80. package/dist/Forms/VendorQuestionnaire.js +0 -1
  81. package/dist/Forms/index.d.ts +1 -0
  82. package/dist/Forms/index.js +2 -1
  83. package/dist/Hyperlink/index.js +6 -10
  84. package/dist/IconBillboard/IconBillboard.css.d.ts +1 -0
  85. package/dist/IconBillboard/IconBillboard.css.js +11 -9
  86. package/dist/IconBillboard/index.js +2 -1
  87. package/dist/ImageBillboard/ImageBillboardSet.js +14 -8
  88. package/dist/ImageLink/ImageLink.js +3 -8
  89. package/dist/ImageLink/ImageLinkSet.js +3 -8
  90. package/dist/ImageLink/index.js +1 -6
  91. package/dist/Insight/Featured/CategorySelector.js +1 -6
  92. package/dist/Insight/Featured/Featured.js +3 -8
  93. package/dist/Insight/Featured/Header.js +3 -8
  94. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +19 -1
  95. package/dist/LandingPageHeader/LandingPageHeader.css.js +6 -6
  96. package/dist/LandingPageHeader/LandingPageHeader.d.ts +3 -1
  97. package/dist/LandingPageHeader/LandingPageHeader.js +42 -16
  98. package/dist/LoadingIndicator/index.js +0 -1
  99. package/dist/Modal/Modal.js +1 -6
  100. package/dist/Modal/contextApi/store.d.ts +16 -2
  101. package/dist/Modal/contextApi/store.js +37 -6
  102. package/dist/NavigationMenu/AxosALTS/NavData.d.ts +7 -1
  103. package/dist/NavigationMenu/AxosALTS/NavData.js +6 -137
  104. package/dist/NavigationMenu/AxosALTS/index.js +10 -12
  105. package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +0 -1
  106. package/dist/NavigationMenu/AxosAdvisor/index.js +0 -1
  107. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +0 -1
  108. package/dist/NavigationMenu/AxosAdvisorServices/index.js +0 -1
  109. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +341 -73
  110. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +50 -17
  111. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +20 -6
  112. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +211 -355
  113. package/dist/NavigationMenu/AxosBank/NavData.d.ts +39 -2
  114. package/dist/NavigationMenu/AxosBank/NavData.js +34 -166
  115. package/dist/NavigationMenu/AxosBank/SubNavBar.js +199 -220
  116. package/dist/NavigationMenu/AxosBank/index.js +16 -43
  117. package/dist/NavigationMenu/AxosClearing/index.js +0 -1
  118. package/dist/NavigationMenu/LaVictoire/NavData.d.ts +13 -2
  119. package/dist/NavigationMenu/LaVictoire/NavData.js +14 -146
  120. package/dist/NavigationMenu/LaVictoire/SubNavBar.js +4 -1
  121. package/dist/NavigationMenu/LaVictoire/index.js +16 -41
  122. package/dist/NavigationMenu/Navbar.js +4 -5
  123. package/dist/NavigationMenu/SignInNavButton.js +16 -24
  124. package/dist/SetContainer/SetContainer.js +4 -9
  125. package/dist/SocialMediaBar/iconsRepository.d.ts +44 -14
  126. package/dist/SocialMediaBar/iconsRepository.js +28 -37
  127. package/dist/SocialMediaBar/index.js +3 -1
  128. package/dist/Tab/Tab.js +0 -1
  129. package/dist/Table/Table.js +0 -1
  130. package/dist/VideoTile/VideoTile.js +0 -5
  131. package/dist/VideoWrapper/index.js +0 -5
  132. package/dist/assets/Blockquote/Blockquote.css +72 -72
  133. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +1 -1
  134. package/dist/assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css +2 -2
  135. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +1 -1
  136. package/dist/assets/Carousel/Carousel.css +1 -1
  137. package/dist/assets/Chatbot/AnimatedGradientBorder.css +2 -1
  138. package/dist/assets/Chatbot/ChatWindow.css +16 -8
  139. package/dist/assets/DownloadTile/DownloadTile.css +2 -2
  140. package/dist/assets/ExecutiveBio/ExecutiveBio.css +281 -171
  141. package/dist/assets/Forms/Forms.css +29 -25
  142. package/dist/assets/HelpArticle/HelpArticle.css +2 -2
  143. package/dist/assets/IconBillboard/IconBillboard.css +35 -28
  144. package/dist/assets/Inputs/Input.css +1 -1
  145. package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
  146. package/dist/assets/Insight/Insight.css +4 -4
  147. package/dist/assets/LandingPageHeader/LandingPageHeader.css +28 -15
  148. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -192
  149. package/dist/assets/Topic/Topic.css +1 -1
  150. package/dist/assets/Typography/Typography.css +1 -1
  151. package/dist/assets/VideoTile/VideoTile.css +1 -1
  152. package/dist/assets/globals.css +24 -14
  153. package/dist/main.js +8 -3
  154. package/dist/utils/allowedAxosDomains.d.ts +5 -2
  155. package/dist/utils/allowedAxosDomains.js +50 -47
  156. package/dist/utils/appendQueryParams.js +36 -5
  157. package/dist/utils/index.js +2 -1
  158. package/dist/utils/validateExternalLinks.d.ts +1 -1
  159. package/dist/utils/validateExternalLinks.js +4 -6
  160. package/package.json +148 -145
  161. package/dist/NavigationMenu/NavDataJson.d.ts +0 -2
  162. package/dist/NavigationMenu/NavDataJson.js +0 -317
@@ -6,6 +6,7 @@ interface MessageStore {
6
6
  removeMessage: (id: string) => void;
7
7
  addMessages: (newMessages: MessageResponse[]) => void;
8
8
  clearMessages: () => void;
9
+ isEscalated: boolean;
9
10
  }
10
11
  export interface Message {
11
12
  id: string;
@@ -1,5 +1,5 @@
1
1
  import { create } from "zustand";
2
- const useMessages = create((set) => ({
2
+ const useMessages = create((set, get) => ({
3
3
  messages: [],
4
4
  addMessage: (message) => set((state) => {
5
5
  const cleaned = state.messages.filter((m) => m.$sid !== "typing-1");
@@ -11,7 +11,10 @@ const useMessages = create((set) => ({
11
11
  )
12
12
  })),
13
13
  addMessages: (newMessages) => set((state) => ({ messages: [...state.messages, ...newMessages] })),
14
- clearMessages: () => set({ messages: [] })
14
+ clearMessages: () => set({ messages: [] }),
15
+ isEscalated: get()?.messages?.some(
16
+ (msg) => ["escalationAccepted", "escalationStarted"].includes(msg.event)
17
+ )
15
18
  }));
16
19
  export {
17
20
  useMessages
@@ -18,8 +18,6 @@ import { Interstitial } from "../Interstitial/Interstitial.js";
18
18
  import { chevron, chevron_wrapper } from "./Chevron.css.js";
19
19
  /* empty css */
20
20
  import { useGlobalContext } from "../Modal/contextApi/store.js";
21
- import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
22
- import { validateLink } from "../utils/validateExternalLinks.js";
23
21
  import clsx from "clsx";
24
22
  import "../Button/Button.css.js";
25
23
  import "react-use";
@@ -111,15 +109,11 @@ import "next/navigation.js";
111
109
  /* empty css */
112
110
  /* empty css */
113
111
  import "next/link.js";
114
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
115
112
  /* empty css */
116
- import "../NavigationMenu/AxosBank/NavData.js";
117
113
  /* empty css */
118
114
  /* empty css */
119
- import "../NavigationMenu/AxosALTS/NavData.js";
120
115
  /* empty css */
121
116
  /* empty css */
122
- import "../NavigationMenu/LaVictoire/NavData.js";
123
117
  import "../PageNavItem/PageNavItem.css.js";
124
118
  import "react-slick";
125
119
  /* empty css */
@@ -147,7 +141,7 @@ const Chevron = ({
147
141
  action
148
142
  }) => {
149
143
  variant = getVariant(variant);
150
- const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
144
+ const { setTargetLinkUrl, setOpenModal, validateLink, resolveUrl } = useGlobalContext();
151
145
  const [isOpenMktInterstitial, setIsOpenMktInterstitial] = useState(false);
152
146
  const openMarketingInterstitial = () => {
153
147
  setIsOpenMktInterstitial(true);
@@ -202,7 +196,7 @@ const Chevron = ({
202
196
  {
203
197
  id,
204
198
  tabIndex: 0,
205
- href: !action ? findMoreAxosDomains(targetUrl) : "#!",
199
+ href: !action ? resolveUrl(targetUrl) : "#!",
206
200
  className: `${chevron({ variant })} ${className ? className : ""}`,
207
201
  onClick: action ? action : marketingIntersitial ? openMarketingInterstitial : onClick,
208
202
  target: newTab ? "_blank" : "_self",
@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
13
13
  import "../Accordion/Accordion.css.js";
14
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
15
15
  import "../icons/CheckIcon/CheckIcon.css.js";
16
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/VideoTile/VideoTile.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
16
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/VideoTile/VideoTile.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.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/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
17
17
  /* empty css */
18
18
  /* empty css */
19
19
  /* empty css */
@@ -22,9 +22,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
22
22
  import "../AlertBanner/AlertBanner.css.js";
23
23
  import "../Article/Article.css.js";
24
24
  import "../ArticlesSet/ArticlesSet.css.js";
25
- import "../utils/allowedAxosDomains.js";
26
25
  import "../Calculators/calculator.css.js";
27
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
+ import "../Modal/contextApi/store.js";
28
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
29
  import "../Table/Table.css.js";
30
30
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -51,11 +51,10 @@ import "../Input/RadioButton.css.js";
51
51
  import "../Input/Checkbox.css.js";
52
52
  import "../LoadingIndicator/LoadingIndicator.css.js";
53
53
  import "../Chevron/Chevron.css.js";
54
+ /* empty css */
54
55
  import "../Interstitial/Interstitial-variants.css.js";
55
56
  import "../Inputs/Input.css.js";
56
57
  /* empty css */
57
- /* empty css */
58
- import "../Modal/contextApi/store.js";
59
58
  import "../Hyperlink/Hyperlink.css.js";
60
59
  /* empty css */
61
60
  import "iframe-resizer";
@@ -110,15 +109,11 @@ import "next/navigation.js";
110
109
  /* empty css */
111
110
  /* empty css */
112
111
  import "next/link.js";
113
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
114
112
  /* empty css */
115
- import "../NavigationMenu/AxosBank/NavData.js";
116
113
  /* empty css */
117
114
  /* empty css */
118
- import "../NavigationMenu/AxosALTS/NavData.js";
119
115
  /* empty css */
120
116
  /* empty css */
121
- import "../NavigationMenu/LaVictoire/NavData.js";
122
117
  import "../PageNavItem/PageNavItem.css.js";
123
118
  import "react-slick";
124
119
  /* empty css */
@@ -1,4 +1,5 @@
1
1
  export declare const executive_bio: string;
2
+ export declare const compact: string;
2
3
  export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
3
4
  variant: {
4
5
  primary: {
@@ -91,6 +92,52 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
91
92
  export declare const contacts: string;
92
93
  export declare const headshot: string;
93
94
  export declare const img_area: string;
95
+ export declare const components: import('@vanilla-extract/recipes').RuntimeFn<{
96
+ columns: {
97
+ 1: {
98
+ gridTemplateColumns: "1fr";
99
+ };
100
+ 2: {
101
+ gridTemplateColumns: "repeat(2, 1fr)";
102
+ width: "min(840px, calc(100% - 4rem))";
103
+ "@media": {
104
+ "(max-width: 768px)": {
105
+ gridTemplateColumns: "1fr";
106
+ width: "min(350px, calc(100% - 2rem))";
107
+ };
108
+ };
109
+ };
110
+ 3: {
111
+ gridTemplateColumns: "repeat(3, 1fr)";
112
+ "@media": {
113
+ "(max-width: 1175px)": {
114
+ gridTemplateColumns: "repeat(2, 1fr)";
115
+ width: "min(840px, calc(100% - 4rem))";
116
+ };
117
+ "(max-width: 768px)": {
118
+ gridTemplateColumns: "1fr";
119
+ width: "min(350px, calc(100% - 2rem))";
120
+ };
121
+ };
122
+ };
123
+ 4: {
124
+ gridTemplateColumns: "repeat(4, 1fr)";
125
+ "@media": {
126
+ "(max-width: 1175px)": {
127
+ gridTemplateColumns: "repeat(2, 1fr)";
128
+ width: "min(840px, calc(100% - 4rem))";
129
+ };
130
+ "(max-width: 768px)": {
131
+ gridTemplateColumns: "1fr";
132
+ width: "min(350px, calc(100% - 2rem))";
133
+ };
134
+ "(min-width: 1176px)": {
135
+ width: "min(1000px, 100%)";
136
+ };
137
+ };
138
+ };
139
+ };
140
+ }>;
94
141
  export declare const media: string;
95
142
  export declare const person: string;
96
143
  export declare const shift: string;
@@ -99,15 +146,19 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
99
146
  variant: {
100
147
  primary: {
101
148
  background: `var(--${string})`;
149
+ color: `var(--${string})`;
102
150
  };
103
151
  secondary: {
104
152
  background: `var(--${string})`;
153
+ color: `var(--${string})`;
105
154
  };
106
155
  tertiary: {
107
156
  background: `var(--${string})`;
157
+ color: `var(--${string})`;
108
158
  };
109
159
  quaternary: {
110
160
  background: `var(--${string})`;
161
+ color: `var(--${string})`;
111
162
  };
112
163
  };
113
164
  }>;
@@ -127,7 +178,6 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
127
178
  };
128
179
  };
129
180
  }>;
130
- export declare const components: string;
131
181
  export declare const details: string;
132
182
  export declare const url_row: string;
133
183
  export declare const flexColumn: string;
@@ -6,52 +6,53 @@ import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victor
6
6
  /* empty css */
7
7
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
8
8
  var executive_bio = "txcb8d0";
9
- var item_bio = createRuntimeFn({ defaultClassName: "txcb8d1", variantClassNames: { variant: { primary: "txcb8d2", secondary: "txcb8d3", tertiary: "txcb8d4", quaternary: "txcb8d5" } }, defaultVariants: {}, compoundVariants: [] });
10
- var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d6", variantClassNames: { variant: { primary: "txcb8d7", secondary: "txcb8d8", tertiary: "txcb8d9", quaternary: "txcb8da" } }, defaultVariants: {}, compoundVariants: [] });
11
- var job_title = createRuntimeFn({ defaultClassName: "txcb8db", variantClassNames: { variant: { primary: "txcb8dc", secondary: "txcb8dd", tertiary: "txcb8de", quaternary: "txcb8df" } }, defaultVariants: {}, compoundVariants: [] });
12
- var svg_icon = createRuntimeFn({ defaultClassName: "txcb8dg", variantClassNames: { variant: { primary: "txcb8dh", secondary: "txcb8di", tertiary: "txcb8dj", quaternary: "txcb8dk" } }, defaultVariants: {}, compoundVariants: [] });
13
- var description = "txcb8dl";
14
- var contact_col = "txcb8dm";
15
- var padding = "txcb8dn";
16
- var copy = "txcb8do";
17
- var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dp", variantClassNames: { variant: { primary: "txcb8dq", secondary: "txcb8dr", tertiary: "txcb8ds", quaternary: "txcb8dt" } }, defaultVariants: {}, compoundVariants: [] });
18
- var contacts = "txcb8du";
19
- var headshot = "txcb8dv";
20
- var img_area = "txcb8dw";
21
- var media = "txcb8dx";
22
- var person = "txcb8dy";
23
- var shift = "txcb8dz";
24
- var bio_section_text = "txcb8d10";
25
- var section_theme = createRuntimeFn({ defaultClassName: "txcb8d11", variantClassNames: { variant: { primary: "txcb8d12", secondary: "txcb8d13", tertiary: "txcb8d14", quaternary: "txcb8d15" } }, defaultVariants: {}, compoundVariants: [] });
26
- var header_theme = createRuntimeFn({ defaultClassName: "txcb8d16", variantClassNames: { variant: { primary: "txcb8d17", secondary: "txcb8d18", tertiary: "txcb8d19", quaternary: "txcb8d1a" } }, defaultVariants: {}, compoundVariants: [] });
27
- var components = "txcb8d1b";
28
- var details = "txcb8d1c";
29
- var url_row = "txcb8d1d";
30
- var flexColumn = "txcb8d1e";
31
- var ceoSection = createRuntimeFn({ defaultClassName: "txcb8d1f", variantClassNames: { variant: { primary: "txcb8d1g", secondary: "txcb8d1h", tertiary: "txcb8d1i", quaternary: "txcb8d1j" } }, defaultVariants: {}, compoundVariants: [] });
32
- var ceoContainer = "txcb8d1k";
33
- var ceoWrapper = "txcb8d1l";
34
- var ceoMedia = "txcb8d1m txcb8d1e";
35
- var ceoImgWrapper = "txcb8d1n";
36
- var imgAlignment = "txcb8d1o";
37
- var highlights = "txcb8d1p txcb8d1e";
38
- var bulletsHeadline = createRuntimeFn({ defaultClassName: "txcb8d1q", variantClassNames: { variant: { primary: "txcb8d1r", secondary: "txcb8d1s", tertiary: "txcb8d1t", quaternary: "txcb8d1u" } }, defaultVariants: {}, compoundVariants: [] });
39
- var bulletsWrapper = "txcb8d1v txcb8d1e";
40
- var ceoContent = "txcb8d1w txcb8d1e";
41
- var ceoHeader = "txcb8d1x txcb8d1e";
42
- var ceoPersonalInfo = "txcb8d1y txcb8d1e";
43
- var ceo_name = createRuntimeFn({ defaultClassName: "txcb8d1z", variantClassNames: { variant: { primary: "txcb8d20", secondary: "txcb8d21", tertiary: "txcb8d22", quaternary: "txcb8d23" } }, defaultVariants: {}, compoundVariants: [] });
44
- var ceo_title = createRuntimeFn({ defaultClassName: "txcb8d24", variantClassNames: { variant: { primary: "txcb8d25", secondary: "txcb8d26", tertiary: "txcb8d27", quaternary: "txcb8d28" } }, defaultVariants: {}, compoundVariants: [] });
45
- var ceo_contacts = "txcb8d29";
46
- var svg_color = createRuntimeFn({ defaultClassName: "txcb8d2a", variantClassNames: { variant: { primary: "txcb8d2b", secondary: "txcb8d2c", tertiary: "txcb8d2d", quaternary: "txcb8d2e" } }, defaultVariants: {}, compoundVariants: [] });
47
- var ceo_quote = createRuntimeFn({ defaultClassName: "txcb8d2f", variantClassNames: { variant: { primary: "txcb8d2g", secondary: "txcb8d2h", tertiary: "txcb8d2i", quaternary: "txcb8d2j" } }, defaultVariants: {}, compoundVariants: [] });
48
- var ceo_body = "txcb8d2k";
49
- var hover = "txcb8d2l";
50
- var social = "txcb8d2m";
51
- var tooltip = createRuntimeFn({ defaultClassName: "txcb8d2n", variantClassNames: { variant: { primary: "txcb8d2o", secondary: "txcb8d2p", tertiary: "txcb8d2q", quaternary: "txcb8d2r" } }, defaultVariants: {}, compoundVariants: [] });
52
- var order_3 = "txcb8d2s";
53
- var overlay = "txcb8d2t";
54
- var stroke_color = createRuntimeFn({ defaultClassName: "txcb8d2u", variantClassNames: { variant: { primary: "txcb8d2v", secondary: "txcb8d2w", tertiary: "txcb8d2x", quaternary: "txcb8d2y" } }, defaultVariants: {}, compoundVariants: [] });
9
+ var compact = "txcb8d1";
10
+ var item_bio = createRuntimeFn({ defaultClassName: "txcb8d2", variantClassNames: { variant: { primary: "txcb8d3", secondary: "txcb8d4", tertiary: "txcb8d5", quaternary: "txcb8d6" } }, defaultVariants: {}, compoundVariants: [] });
11
+ var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d7", variantClassNames: { variant: { primary: "txcb8d8", secondary: "txcb8d9", tertiary: "txcb8da", quaternary: "txcb8db" } }, defaultVariants: {}, compoundVariants: [] });
12
+ var job_title = createRuntimeFn({ defaultClassName: "txcb8dc", variantClassNames: { variant: { primary: "txcb8dd", secondary: "txcb8de", tertiary: "txcb8df", quaternary: "txcb8dg" } }, defaultVariants: {}, compoundVariants: [] });
13
+ var svg_icon = createRuntimeFn({ defaultClassName: "txcb8dh", variantClassNames: { variant: { primary: "txcb8di", secondary: "txcb8dj", tertiary: "txcb8dk", quaternary: "txcb8dl" } }, defaultVariants: {}, compoundVariants: [] });
14
+ var description = "txcb8dm";
15
+ var contact_col = "txcb8dn";
16
+ var padding = "txcb8do";
17
+ var copy = "txcb8dp";
18
+ var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dq", variantClassNames: { variant: { primary: "txcb8dr", secondary: "txcb8ds", tertiary: "txcb8dt", quaternary: "txcb8du" } }, defaultVariants: {}, compoundVariants: [] });
19
+ var contacts = "txcb8dv";
20
+ var headshot = "txcb8dw";
21
+ var img_area = "txcb8dx";
22
+ var components = createRuntimeFn({ defaultClassName: "txcb8dy", variantClassNames: { columns: { "1": "txcb8dz", "2": "txcb8d10", "3": "txcb8d11", "4": "txcb8d12" } }, defaultVariants: { columns: 1 }, compoundVariants: [] });
23
+ var media = "txcb8d13";
24
+ var person = "txcb8d14";
25
+ var shift = "txcb8d15";
26
+ var bio_section_text = "txcb8d16";
27
+ var section_theme = createRuntimeFn({ defaultClassName: "txcb8d17", variantClassNames: { variant: { primary: "txcb8d18", secondary: "txcb8d19", tertiary: "txcb8d1a", quaternary: "txcb8d1b" } }, defaultVariants: {}, compoundVariants: [] });
28
+ var header_theme = createRuntimeFn({ defaultClassName: "txcb8d1c", variantClassNames: { variant: { primary: "txcb8d1d", secondary: "txcb8d1e", tertiary: "txcb8d1f", quaternary: "txcb8d1g" } }, defaultVariants: {}, compoundVariants: [] });
29
+ var details = "txcb8d1h";
30
+ var url_row = "txcb8d1i";
31
+ var flexColumn = "txcb8d1j";
32
+ var ceoSection = createRuntimeFn({ defaultClassName: "txcb8d1k", variantClassNames: { variant: { primary: "txcb8d1l", secondary: "txcb8d1m", tertiary: "txcb8d1n", quaternary: "txcb8d1o" } }, defaultVariants: {}, compoundVariants: [] });
33
+ var ceoContainer = "txcb8d1p";
34
+ var ceoWrapper = "txcb8d1q";
35
+ var ceoMedia = "txcb8d1r txcb8d1j";
36
+ var ceoImgWrapper = "txcb8d1s";
37
+ var imgAlignment = "txcb8d1t";
38
+ var highlights = "txcb8d1u txcb8d1j";
39
+ var bulletsHeadline = createRuntimeFn({ defaultClassName: "txcb8d1v", variantClassNames: { variant: { primary: "txcb8d1w", secondary: "txcb8d1x", tertiary: "txcb8d1y", quaternary: "txcb8d1z" } }, defaultVariants: {}, compoundVariants: [] });
40
+ var bulletsWrapper = "txcb8d20 txcb8d1j";
41
+ var ceoContent = "txcb8d21 txcb8d1j";
42
+ var ceoHeader = "txcb8d22 txcb8d1j";
43
+ var ceoPersonalInfo = "txcb8d23 txcb8d1j";
44
+ var ceo_name = createRuntimeFn({ defaultClassName: "txcb8d24", variantClassNames: { variant: { primary: "txcb8d25", secondary: "txcb8d26", tertiary: "txcb8d27", quaternary: "txcb8d28" } }, defaultVariants: {}, compoundVariants: [] });
45
+ var ceo_title = createRuntimeFn({ defaultClassName: "txcb8d29", variantClassNames: { variant: { primary: "txcb8d2a", secondary: "txcb8d2b", tertiary: "txcb8d2c", quaternary: "txcb8d2d" } }, defaultVariants: {}, compoundVariants: [] });
46
+ var ceo_contacts = "txcb8d2e";
47
+ var svg_color = createRuntimeFn({ defaultClassName: "txcb8d2f", variantClassNames: { variant: { primary: "txcb8d2g", secondary: "txcb8d2h", tertiary: "txcb8d2i", quaternary: "txcb8d2j" } }, defaultVariants: {}, compoundVariants: [] });
48
+ var ceo_quote = createRuntimeFn({ defaultClassName: "txcb8d2k", variantClassNames: { variant: { primary: "txcb8d2l", secondary: "txcb8d2m", tertiary: "txcb8d2n", quaternary: "txcb8d2o" } }, defaultVariants: {}, compoundVariants: [] });
49
+ var ceo_body = "txcb8d2p";
50
+ var hover = "txcb8d2q";
51
+ var social = "txcb8d2r";
52
+ var tooltip = createRuntimeFn({ defaultClassName: "txcb8d2s", variantClassNames: { variant: { primary: "txcb8d2t", secondary: "txcb8d2u", tertiary: "txcb8d2v", quaternary: "txcb8d2w" } }, defaultVariants: {}, compoundVariants: [] });
53
+ var order_3 = "txcb8d2x";
54
+ var overlay = "txcb8d2y";
55
+ var stroke_color = createRuntimeFn({ defaultClassName: "txcb8d2z", variantClassNames: { variant: { primary: "txcb8d30", secondary: "txcb8d31", tertiary: "txcb8d32", quaternary: "txcb8d33" } }, defaultVariants: {}, compoundVariants: [] });
55
56
  export {
56
57
  bio_section_text,
57
58
  bulletsHeadline,
@@ -69,6 +70,7 @@ export {
69
70
  ceo_name,
70
71
  ceo_quote,
71
72
  ceo_title,
73
+ compact,
72
74
  components,
73
75
  contact_col,
74
76
  contact_entry,
@@ -1,3 +1,3 @@
1
1
  import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
2
2
 
3
- export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -9,10 +9,12 @@ export interface ExecutiveBioSetProps {
9
9
  description?: ReactNode | string;
10
10
  executiveBios: ExecutiveBioProps[];
11
11
  additionalDetails?: string | ReactNode;
12
+ numberOfColumns?: string;
12
13
  }
13
14
  export interface ExecutiveBioProps {
14
15
  id: string;
15
16
  variant: QuaternaryTypes;
17
+ hasParentH2?: boolean;
16
18
  executiveName?: string;
17
19
  executiveTitle?: string;
18
20
  executiveBodyCopy?: string | ReactNode;
@@ -26,6 +28,6 @@ export interface ExecutiveBioProps {
26
28
  bullets?: BulletItemProps[];
27
29
  bulletsTitle?: ReactNode | string;
28
30
  quote?: ReactNode | string;
29
- bannerType?: "Standard" | "Hero";
31
+ bannerType?: "Standard" | "Hero" | "Compact";
30
32
  backgroundOverlay?: boolean;
31
33
  }