@axos-web-dev/shared-components 0.0.142 → 0.0.144

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 (36) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -0
  2. package/dist/Article/Article.js +3 -2
  3. package/dist/Button/Button.js +3 -0
  4. package/dist/Calculators/Calculator.js +2 -0
  5. package/dist/Carousel/index.js +2 -0
  6. package/dist/Chevron/index.js +2 -0
  7. package/dist/Comparison/Comparison.js +2 -0
  8. package/dist/FaqAccordion/index.js +2 -0
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -0
  10. package/dist/Forms/ContactUsBusiness.js +2 -0
  11. package/dist/Forms/ContactUsNMLSId.js +2 -0
  12. package/dist/Forms/EmailOnly.js +2 -0
  13. package/dist/Forms/SuccesForm.js +2 -0
  14. package/dist/Hyperlink/index.js +2 -0
  15. package/dist/ImageLink/ImageLink.js +2 -0
  16. package/dist/ImageLink/ImageLinkSet.js +2 -0
  17. package/dist/ImageLink/index.js +2 -0
  18. package/dist/Insight/Featured/CategorySelector.js +3 -1
  19. package/dist/Insight/Featured/Featured.js +19 -4
  20. package/dist/Insight/Insight.css.d.ts +8 -0
  21. package/dist/Insight/Insight.css.js +20 -0
  22. package/dist/Insight/index.d.ts +1 -0
  23. package/dist/Insight/index.js +10 -1
  24. package/dist/Modal/Modal.js +2 -0
  25. package/dist/NavigationMenu/AxosBank/NavData.js +2 -0
  26. package/dist/NavigationMenu/AxosBank/SubNavBar.js +3 -1
  27. package/dist/NavigationMenu/AxosBank/index.js +2 -0
  28. package/dist/SetContainer/SetContainer.js +2 -0
  29. package/dist/assets/Article/Article.css +1 -1
  30. package/dist/assets/Insight/Featured/CategorySelector.css +2 -0
  31. package/dist/assets/Insight/Featured/Featured.css +19 -5
  32. package/dist/assets/Insight/Insight.css +71 -0
  33. package/dist/assets/globals.css +0 -71
  34. package/dist/main.js +9 -0
  35. package/dist/utils/allowedAxosDomains.js +2 -1
  36. package/package.json +124 -121
package/dist/ATMLocator/ATMLocator.js CHANGED
@@ -66,8 +66,10 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
66
66
  import "../Input/RadioButton.js";
67
67
  import "../ImageBillboard/ImageBillboard.css.js";
68
68
  /* empty css */
69
+ import "react-wrap-balancer";
69
70
  /* empty css */
70
71
  /* empty css */
72
+ /* empty css */
71
73
  import "../LandingPageHeader/LandingPageHeader.css.js";
72
74
  import "../Chevron/Chevron.css.js";
73
75
  /* empty css */
package/dist/Article/Article.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
- import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body } from "./Article.css.js";
3
+ import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
4
4
  import { Button } from "../Button/Button.js";
5
5
  import "../Button/Button.css.js";
6
6
  import "react";
@@ -36,12 +36,13 @@ const Article = ({
36
36
  /* @__PURE__ */ jsx("h3", { className: `${ant_card_title({ variant })} header_3`, children: title }),
37
37
  /* @__PURE__ */ jsx("div", { className: `${ant_card_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
38
38
  ] }),
39
- /* @__PURE__ */ jsx("div", { className: "push_up_24 text_center", children: /* @__PURE__ */ jsx(
39
+ /* @__PURE__ */ jsx("div", { className: "text_center", children: /* @__PURE__ */ jsx(
40
40
  Button,
41
41
  {
42
42
  "aria-label": "read and learn more about this featured item",
43
43
  targetUrl,
44
44
  color: variant,
45
+ className: `${ant_card_cta({ variant })} push_up_24 text_center`,
45
46
  children: itemType == "Insight" ? "Read More" : "Learn More"
46
47
  }
47
48
  ) })
package/dist/Button/Button.js CHANGED
@@ -70,8 +70,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
70
70
  /* empty css */
71
71
  import "../ImageBillboard/ImageBillboard.css.js";
72
72
  /* empty css */
73
+ import "react-wrap-balancer";
73
74
  /* empty css */
74
75
  /* empty css */
76
+ /* empty css */
75
77
  import "../LandingPageHeader/LandingPageHeader.css.js";
76
78
  /* empty css */
77
79
  /* empty css */
@@ -133,6 +135,7 @@ const Button = ({
133
135
  setTargetLinkUrl(targetUrl);
134
136
  }
135
137
  }
138
+ console.log(targetUrl);
136
139
  };
137
140
  return /* @__PURE__ */ jsxs(Fragment, { children: [
138
141
  createElement(
package/dist/Calculators/Calculator.js CHANGED
@@ -60,8 +60,10 @@ import "../Input/Input.css.js";
60
60
  import "../Input/InputAmount.js";
61
61
  import "../Input/InputPhone.js";
62
62
  import "../Input/InputTextArea.js";
63
+ import "react-wrap-balancer";
63
64
  /* empty css */
64
65
  /* empty css */
66
+ /* empty css */
65
67
  import "../LandingPageHeader/LandingPageHeader.css.js";
66
68
  import "../LoadingIndicator/LoadingIndicator.css.js";
67
69
  import "../Chevron/Chevron.css.js";
package/dist/Carousel/index.js CHANGED
@@ -73,8 +73,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
73
73
  /* empty css */
74
74
  import "../ImageBillboard/ImageBillboard.css.js";
75
75
  /* empty css */
76
+ import "react-wrap-balancer";
76
77
  /* empty css */
77
78
  /* empty css */
79
+ /* empty css */
78
80
  import "../LandingPageHeader/LandingPageHeader.css.js";
79
81
  /* empty css */
80
82
  /* empty css */
package/dist/Chevron/index.js CHANGED
@@ -72,8 +72,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
72
72
  /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
74
  /* empty css */
75
+ import "react-wrap-balancer";
75
76
  /* empty css */
76
77
  /* empty css */
78
+ /* empty css */
77
79
  import "../LandingPageHeader/LandingPageHeader.css.js";
78
80
  /* empty css */
79
81
  /* empty css */
package/dist/Comparison/Comparison.js CHANGED
@@ -68,8 +68,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
68
68
  /* empty css */
69
69
  import "../ImageBillboard/ImageBillboard.css.js";
70
70
  /* empty css */
71
+ import "react-wrap-balancer";
71
72
  /* empty css */
72
73
  /* empty css */
74
+ /* empty css */
73
75
  import "../Interstitial/Interstitial-variants.css.js";
74
76
  import "../LandingPageHeader/LandingPageHeader.css.js";
75
77
  import "../Chevron/Chevron.css.js";
package/dist/FaqAccordion/index.js CHANGED
@@ -69,8 +69,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
69
69
  /* empty css */
70
70
  import "../ImageBillboard/ImageBillboard.css.js";
71
71
  /* empty css */
72
+ import "react-wrap-balancer";
72
73
  /* empty css */
73
74
  /* empty css */
75
+ /* empty css */
74
76
  import "../Interstitial/Interstitial-variants.css.js";
75
77
  import "../LandingPageHeader/LandingPageHeader.css.js";
76
78
  import "../Chevron/Chevron.css.js";
package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js CHANGED
@@ -69,8 +69,10 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
69
69
  import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
70
70
  import "../../ImageBillboard/ImageBillboard.css.js";
71
71
  /* empty css */
72
+ import "react-wrap-balancer";
72
73
  /* empty css */
73
74
  /* empty css */
75
+ /* empty css */
74
76
  import "../../LandingPageHeader/LandingPageHeader.css.js";
75
77
  /* empty css */
76
78
  /* empty css */
package/dist/Forms/ContactUsBusiness.js CHANGED
@@ -72,8 +72,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
72
72
  /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
74
  /* empty css */
75
+ import "react-wrap-balancer";
75
76
  /* empty css */
76
77
  /* empty css */
78
+ /* empty css */
77
79
  import "../Interstitial/Interstitial-variants.css.js";
78
80
  import "../LandingPageHeader/LandingPageHeader.css.js";
79
81
  /* empty css */
package/dist/Forms/ContactUsNMLSId.js CHANGED
@@ -72,8 +72,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
72
72
  /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
74
  /* empty css */
75
+ import "react-wrap-balancer";
75
76
  /* empty css */
76
77
  /* empty css */
78
+ /* empty css */
77
79
  import "../Interstitial/Interstitial-variants.css.js";
78
80
  import "../LandingPageHeader/LandingPageHeader.css.js";
79
81
  /* empty css */
package/dist/Forms/EmailOnly.js CHANGED
@@ -73,8 +73,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
73
73
  /* empty css */
74
74
  import "../ImageBillboard/ImageBillboard.css.js";
75
75
  /* empty css */
76
+ import "react-wrap-balancer";
76
77
  /* empty css */
77
78
  /* empty css */
79
+ /* empty css */
78
80
  import "../Interstitial/Interstitial-variants.css.js";
79
81
  import "../LandingPageHeader/LandingPageHeader.css.js";
80
82
  /* empty css */
package/dist/Forms/SuccesForm.js CHANGED
@@ -58,8 +58,10 @@ import "../Input/Input.css.js";
58
58
  import "../Input/InputAmount.js";
59
59
  import "../Input/InputPhone.js";
60
60
  import "../Input/InputTextArea.js";
61
+ import "react-wrap-balancer";
61
62
  /* empty css */
62
63
  /* empty css */
64
+ /* empty css */
63
65
  import "../LandingPageHeader/LandingPageHeader.css.js";
64
66
  import "../LoadingIndicator/LoadingIndicator.css.js";
65
67
  import "../Chevron/Chevron.css.js";
package/dist/Hyperlink/index.js CHANGED
@@ -70,8 +70,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
70
70
  /* empty css */
71
71
  import "../ImageBillboard/ImageBillboard.css.js";
72
72
  /* empty css */
73
+ import "react-wrap-balancer";
73
74
  /* empty css */
74
75
  /* empty css */
76
+ /* empty css */
75
77
  import "../LandingPageHeader/LandingPageHeader.css.js";
76
78
  /* empty css */
77
79
  /* empty css */
package/dist/ImageLink/ImageLink.js CHANGED
@@ -63,8 +63,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
63
63
  import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
64
64
  import "../ImageBillboard/ImageBillboard.css.js";
65
65
  /* empty css */
66
+ import "react-wrap-balancer";
66
67
  /* empty css */
67
68
  /* empty css */
69
+ /* empty css */
68
70
  import "../LandingPageHeader/LandingPageHeader.css.js";
69
71
  import "../Chevron/Chevron.css.js";
70
72
  /* empty css */
package/dist/ImageLink/ImageLinkSet.js CHANGED
@@ -69,8 +69,10 @@ import "../HeroBanner/LargeBanner.css.js";
69
69
  import "../HeroBanner/SelectionBanner.css.js";
70
70
  import "../ImageBillboard/ImageBillboard.css.js";
71
71
  import ImageLink from "./ImageLink.js";
72
+ import "react-wrap-balancer";
72
73
  /* empty css */
73
74
  /* empty css */
75
+ /* empty css */
74
76
  import "../Interstitial/Interstitial-variants.css.js";
75
77
  import "../LandingPageHeader/LandingPageHeader.css.js";
76
78
  import "../Chevron/Chevron.css.js";
package/dist/ImageLink/index.js CHANGED
@@ -68,8 +68,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
68
68
  /* empty css */
69
69
  import "../ImageBillboard/ImageBillboard.css.js";
70
70
  import { ImageLinkSet } from "./ImageLinkSet.js";
71
+ import "react-wrap-balancer";
71
72
  /* empty css */
72
73
  /* empty css */
74
+ /* empty css */
73
75
  import "../LandingPageHeader/LandingPageHeader.css.js";
74
76
  /* empty css */
75
77
  /* empty css */
package/dist/Insight/Featured/CategorySelector.js CHANGED
@@ -69,7 +69,9 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
69
69
  /* empty css */
70
70
  import "../../ImageBillboard/ImageBillboard.css.js";
71
71
  /* empty css */
72
+ import Balancer from "react-wrap-balancer";
72
73
  import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
74
+ /* empty css */
73
75
  import "../../LandingPageHeader/LandingPageHeader.css.js";
74
76
  /* empty css */
75
77
  /* empty css */
@@ -146,7 +148,7 @@ const InsightItem = (props) => {
146
148
  }
147
149
  ),
148
150
  /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
149
- /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
151
+ /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: /* @__PURE__ */ jsx(Balancer, { children: itemTitle ?? "" }) }),
150
152
  /* @__PURE__ */ jsxs("div", { children: [
151
153
  /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
152
154
  " ",
package/dist/Insight/Featured/Featured.js CHANGED
@@ -71,9 +71,11 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
71
71
  /* empty css */
72
72
  import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
73
73
  /* empty css */
74
+ import Balancer from "react-wrap-balancer";
74
75
  /* empty css */
75
76
  /* empty css */
76
77
  import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
78
+ /* empty css */
77
79
  import "../../LandingPageHeader/LandingPageHeader.css.js";
78
80
  /* empty css */
79
81
  /* empty css */
@@ -110,9 +112,17 @@ const FeaturedItem = (props) => {
110
112
  const variant = getVariant(fullVariant);
111
113
  return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
112
114
  /* @__PURE__ */ jsx("h3", { className: clsx(supertag({ variant }), featured_supertag), children: supertagText ?? "" }),
113
- /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
115
+ /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: /* @__PURE__ */ jsx(Balancer, { children: featureItemTitle ?? "" }) }),
114
116
  /* @__PURE__ */ jsxs("div", { children: [
115
- /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
117
+ /* @__PURE__ */ jsx(
118
+ ClockIcon,
119
+ {
120
+ className: clsx(featured_center_vertical),
121
+ style: {
122
+ filter: ["tertiary", "quaternary"].includes(variant) ? "brightness(0) invert(1)" : ""
123
+ }
124
+ }
125
+ ),
116
126
  " ",
117
127
  /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
118
128
  ] })
@@ -148,11 +158,16 @@ const Featured = (props) => {
148
158
  title({ variant: "primary" }),
149
159
  featured_maingrid_title
150
160
  ),
151
- children: main?.title ?? ""
161
+ children: /* @__PURE__ */ jsx(Balancer, { children: main?.title ?? "" })
152
162
  }
153
163
  ),
154
164
  /* @__PURE__ */ jsxs("div", { children: [
155
- /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
165
+ /* @__PURE__ */ jsx(
166
+ ClockIcon,
167
+ {
168
+ className: clsx(featured_center_vertical)
169
+ }
170
+ ),
156
171
  " ",
157
172
  /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
158
173
  ] })
package/dist/Insight/Insight.css.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const insight_header: string;
2
+ export declare const insight_header_2: string;
3
+ export declare const insight_header_3: string;
4
+ export declare const insight_header_4: string;
5
+ export declare const insight_p: string;
6
+ export declare const footnotes: string;
7
+ export declare const insight_list_item: string;
8
+ export declare const insight_info_row: string;
package/dist/Insight/Insight.css.js ADDED
@@ -0,0 +1,20 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ var insight_header = "lchs2s0 gradient_text";
4
+ var insight_header_2 = "lchs2s1 gradient_text";
5
+ var insight_header_3 = "lchs2s2";
6
+ var insight_header_4 = "lchs2s3";
7
+ var insight_p = "lchs2s4";
8
+ var footnotes = "lchs2s5";
9
+ var insight_list_item = "lchs2s6";
10
+ var insight_info_row = "lchs2s7";
11
+ export {
12
+ footnotes,
13
+ insight_header,
14
+ insight_header_2,
15
+ insight_header_3,
16
+ insight_header_4,
17
+ insight_info_row,
18
+ insight_list_item,
19
+ insight_p
20
+ };
package/dist/Insight/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './Featured';
2
+ export * from './Insight.css';
package/dist/Insight/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured/Featured.js";
3
3
  import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
4
+ import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight.css.js";
4
5
  export {
5
6
  CategorySelector,
6
7
  Featured,
@@ -18,5 +19,13 @@ export {
18
19
  featured_subgrid_item,
19
20
  featured_subgrid_title,
20
21
  featured_supertag,
21
- featured_title
22
+ featured_title,
23
+ footnotes,
24
+ insight_header,
25
+ insight_header_2,
26
+ insight_header_3,
27
+ insight_header_4,
28
+ insight_info_row,
29
+ insight_list_item,
30
+ insight_p
22
31
  };
package/dist/Modal/Modal.js CHANGED
@@ -67,8 +67,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
67
67
  /* empty css */
68
68
  import "../ImageBillboard/ImageBillboard.css.js";
69
69
  /* empty css */
70
+ import "react-wrap-balancer";
70
71
  /* empty css */
71
72
  /* empty css */
73
+ /* empty css */
72
74
  import "../Interstitial/Interstitial-variants.css.js";
73
75
  import "../LandingPageHeader/LandingPageHeader.css.js";
74
76
  import "./contextApi/store.js";
package/dist/NavigationMenu/AxosBank/NavData.js CHANGED
@@ -69,8 +69,10 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
69
69
  /* empty css */
70
70
  import "../../ImageBillboard/ImageBillboard.css.js";
71
71
  /* empty css */
72
+ import "react-wrap-balancer";
72
73
  /* empty css */
73
74
  /* empty css */
75
+ /* empty css */
74
76
  import "../../LandingPageHeader/LandingPageHeader.css.js";
75
77
  /* empty css */
76
78
  /* empty css */
package/dist/NavigationMenu/AxosBank/SubNavBar.js CHANGED
@@ -70,8 +70,10 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
70
70
  /* empty css */
71
71
  import "../../ImageBillboard/ImageBillboard.css.js";
72
72
  /* empty css */
73
+ import "react-wrap-balancer";
73
74
  /* empty css */
74
75
  /* empty css */
76
+ /* empty css */
75
77
  import "../../LandingPageHeader/LandingPageHeader.css.js";
76
78
  /* empty css */
77
79
  /* empty css */
@@ -815,7 +817,7 @@ function SubNavBar() {
815
817
  Link,
816
818
  {
817
819
  href: findMoreAxosDomains(
818
- "{AXOSBANK/refer-a-friend}"
820
+ "{AXOSBANK}/refer-a-friend"
819
821
  ),
820
822
  role: "heading",
821
823
  children: "Refer-a-Friend"
package/dist/NavigationMenu/AxosBank/index.js CHANGED
@@ -68,8 +68,10 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
68
68
  /* empty css */
69
69
  import "../../ImageBillboard/ImageBillboard.css.js";
70
70
  /* empty css */
71
+ import "react-wrap-balancer";
71
72
  /* empty css */
72
73
  /* empty css */
74
+ /* empty css */
73
75
  import "../../Interstitial/Interstitial-variants.css.js";
74
76
  import "../../LandingPageHeader/LandingPageHeader.css.js";
75
77
  /* empty css */
package/dist/SetContainer/SetContainer.js CHANGED
@@ -66,8 +66,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
66
66
  /* empty css */
67
67
  import "../ImageBillboard/ImageBillboard.css.js";
68
68
  /* empty css */
69
+ import "react-wrap-balancer";
69
70
  /* empty css */
70
71
  /* empty css */
72
+ /* empty css */
71
73
  import "../LandingPageHeader/LandingPageHeader.css.js";
72
74
  import "../Chevron/Chevron.css.js";
73
75
  /* empty css */
package/dist/assets/Article/Article.css CHANGED
@@ -175,7 +175,7 @@
175
175
  line-height: 1.4;
176
176
  }
177
177
  .n5hj5pm {
178
- padding: 12px;
178
+ padding: 12px !important;
179
179
  width: 100%;
180
180
  }
181
181
  }
package/dist/assets/Insight/Featured/CategorySelector.css CHANGED
@@ -30,6 +30,8 @@
30
30
  padding-bottom: 10px;
31
31
  -webkit-line-clamp: 4;
32
32
  box-orient: vertical;
33
+ overflow: hidden;
34
+ text-overflow: ellipsis;
33
35
  }
34
36
  ._13y9ptj6 {
35
37
  padding: 24px;
package/dist/assets/Insight/Featured/Featured.css CHANGED
@@ -13,7 +13,6 @@
13
13
  ._1sr2o6v3 {
14
14
  display: grid;
15
15
  grid-template-columns: 3fr 2fr;
16
- min-height: 525px;
17
16
  gap: 25px;
18
17
  }
19
18
  ._1sr2o6v4 {
@@ -30,7 +29,7 @@
30
29
  margin-bottom: 8px;
31
30
  }
32
31
  ._1sr2o6v7 {
33
- margin: 38px 0;
32
+ margin: clamp(24px, 38px, 38px) 0;
34
33
  color: #D4D4D4;
35
34
  }
36
35
  ._1sr2o6v8 {
@@ -47,7 +46,6 @@
47
46
  border: 1px solid #D4D4D4;
48
47
  text-decoration: none;
49
48
  overflow: hidden;
50
- max-height: 525px;
51
49
  }
52
50
  ._1sr2o6va {
53
51
  height: 100%;
@@ -61,9 +59,12 @@
61
59
  min-height: 170px;
62
60
  }
63
61
  ._1sr2o6vc {
64
- font-size: 40px;
65
- line-height: 50px;
62
+ font-size: clamp(24px, 40px, 40px);
63
+ line-height: clamp(32px, 45px, 50px);
64
+ overflow: hidden;
65
+ text-overflow: ellipsis;
66
66
  margin-bottom: 8px;
67
+ max-height: 140px;
67
68
  }
68
69
  @media screen and (max-width:1024px) {
69
70
  ._1sr2o6v9 {
@@ -80,8 +81,21 @@
80
81
  ._1sr2o6v9 {
81
82
  grid-template-rows: 1fr .5fr;
82
83
  }
84
+ }
85
+ @media screen and (min-width:769px) {
86
+ ._1sr2o6v3 {
87
+ min-height: 525px;
88
+ }
89
+ }
90
+ @media screen and (max-width:768px) {
83
91
  ._1sr2o6vc {
84
92
  font-size: 28px;
85
93
  line-height: 36px;
86
94
  }
95
+ }
96
+ @media screen and (max-width:1024px) {
97
+ ._1sr2o6vc {
98
+ font-size: 32px;
99
+ line-height: 36px;
100
+ }
87
101
  }
package/dist/assets/Insight/Insight.css ADDED
@@ -0,0 +1,71 @@
1
+ .lchs2s0 {
2
+ font-family: var(--header-font-family);
3
+ font-weight: 600;
4
+ font-size: 48px;
5
+ line-height: 64px;
6
+ }
7
+ .lchs2s1 {
8
+ font-weight: 600;
9
+ font-size: 28px;
10
+ line-height: 36px;
11
+ margin-block: 16px;
12
+ }
13
+ .lchs2s2 {
14
+ font-weight: 600;
15
+ font-size: 24px;
16
+ line-height: 32px;
17
+ color: #333D46;
18
+ margin-block: 16px;
19
+ }
20
+ .lchs2s3 {
21
+ font-weight: 600;
22
+ font-size: 20px;
23
+ line-height: 28px;
24
+ color: #333D46;
25
+ margin-block: 16px;
26
+ }
27
+ .lchs2s4 {
28
+ font-weight: 400;
29
+ font-size: 18px;
30
+ line-height: 26px;
31
+ color: #333D46;
32
+ }
33
+ .lchs2s6 {
34
+ font-weight: 400;
35
+ font-size: 14px;
36
+ line-height: 32px;
37
+ list-style: none;
38
+ }
39
+ .lchs2s7 {
40
+ font-weight: 400;
41
+ font-size: 14px;
42
+ line-height: 20px;
43
+ color: #333D46;
44
+ margin-left: 5px;
45
+ }
46
+ .footnotes p {
47
+ font-size: 16px;
48
+ line-height: 24px;
49
+ }
50
+ article.containment {
51
+ max-width: 800px;
52
+ }
53
+ .related_articles article {
54
+ flex: 1 1 0%;
55
+ }
56
+ .related_articles_header h3 {
57
+ font-weight: 600;
58
+ font-size: 28px;
59
+ line-height: 36px;
60
+ }
61
+ @media screen and (max-width:768px) {
62
+ article.containment {
63
+ max-width: unset;
64
+ width: min(1200px, calc(100% - 4rem));
65
+ }
66
+ }
67
+ @media (max-width: 768px) {
68
+ .insight .related_articles {
69
+ flex-direction: column;
70
+ }
71
+ }
package/dist/assets/globals.css CHANGED
@@ -266,68 +266,6 @@ p:empty {
266
266
  ul:empty {
267
267
  display: none;
268
268
  }
269
- .insight_header {
270
- font-family: var(--header-font-family);
271
- font-weight: 600;
272
- font-size: 48px;
273
- line-height: 64px;
274
- }
275
- article.containment {
276
- max-width: 800px;
277
- }
278
- .decorative_rectangle {
279
- height: 64px;
280
- width: 11px;
281
- background: linear-gradient(3deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
282
- }
283
- .insight_list_item {
284
- font-weight: 400;
285
- font-size: 14px;
286
- line-height: 32px;
287
- list-style: none;
288
- }
289
- .info_row_text {
290
- font-weight: 400;
291
- font-size: 14px;
292
- line-height: 20px;
293
- color: #333D46;
294
- margin-left: 5px;
295
- }
296
- .insight h2 {
297
- font-weight: 600;
298
- font-size: 28px;
299
- line-height: 36px;
300
- }
301
- .insight h3 {
302
- font-weight: 600;
303
- font-size: 24px;
304
- line-height: 32px;
305
- color: #333D46;
306
- }
307
- .insight h4 {
308
- font-weight: 600;
309
- font-size: 20px;
310
- line-height: 28px;
311
- color: #333D46;
312
- }
313
- .insight p {
314
- font-weight: 400;
315
- font-size: 18px;
316
- line-height: 26px;
317
- color: #333D46;
318
- }
319
- .insight .footnotes p {
320
- font-size: 16px;
321
- line-height: 24px;
322
- }
323
- .related_articles article {
324
- flex: 1 1 0%;
325
- }
326
- .related_articles_header h3 {
327
- font-weight: 600;
328
- font-size: 28px;
329
- line-height: 36px;
330
- }
331
269
  @media screen and (max-width: 1023px) {
332
270
  .containment {
333
271
  width: min(45rem, calc(100% - 4rem));
@@ -367,10 +305,6 @@ article.containment {
367
305
  .section_header {
368
306
  margin-bottom: 1.5rem;
369
307
  }
370
- article.containment {
371
- max-width: unset;
372
- width: min(1200px, calc(100% - 4rem));
373
- }
374
308
  }
375
309
  @media screen and (max-width:1280px) {
376
310
  .header_2 {
@@ -384,9 +318,4 @@ article.containment {
384
318
  .header_2 {
385
319
  font-size: 21px;
386
320
  }
387
- }
388
- @media (max-width: 768px) {
389
- .insight .related_articles {
390
- flex-direction: column;
391
- }
392
321
  }
package/dist/main.js CHANGED
@@ -115,6 +115,7 @@ import { InputTextArea } from "./Input/InputTextArea.js";
115
115
  import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
116
116
  import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
117
117
  import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
118
+ import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight/Insight.css.js";
118
119
  import { Interstitial } from "./Interstitial/Interstitial.js";
119
120
  import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
120
121
  import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
@@ -396,6 +397,7 @@ export {
396
397
  footer_mobile,
397
398
  footer_section,
398
399
  footer_wrapper,
400
+ footnotes,
399
401
  form,
400
402
  formContainer,
401
403
  formWrapper,
@@ -448,6 +450,13 @@ export {
448
450
  img_area,
449
451
  inline_container,
450
452
  input,
453
+ insight_header,
454
+ insight_header_2,
455
+ insight_header_3,
456
+ insight_header_4,
457
+ insight_info_row,
458
+ insight_list_item,
459
+ insight_p,
451
460
  isAbsoluteUrl,
452
461
  isAllowedUrl,
453
462
  isEmailLink,
package/dist/utils/allowedAxosDomains.js CHANGED
@@ -26,7 +26,8 @@ const moreDomains = {
26
26
  "{DOWNLOADAXOS}": process.env.AXOS_DOWNLOAD_URL || "https://downloads.axos.com",
27
27
  "{SBAAX}": process.env.SMALL_BUSINESS_ACCOUNTS || "https://small-business-accounts.axosbank.com",
28
28
  "{CPDS}": process.env.CP_DECISIONLENDER || "https://cp.decisionlender.solutions",
29
- "{JHALOAN}": process.env.JHA_LOANSPQ || "https://jha.loanspq.com"
29
+ "{JHALOAN}": process.env.JHA_LOANSPQ || "https://jha.loanspq.com",
30
+ "{AXSECURITIES}": process.env.AXOS_SECURITIES_URL ?? "https://www.axossecurities.com/"
30
31
  };
31
32
  const isAllowedUrl = (url) => {
32
33
  const uri = new URL(url, location.href);
package/package.json CHANGED
@@ -1,121 +1,124 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "0.0.142",
5
- "type": "module",
6
- "module": "dist/main.js",
7
- "types": "dist/main.d.ts",
8
- "files": [
9
- "dist"
10
- ],
11
- "sideEffects": [
12
- "dist/assets/**/*.css"
13
- ],
14
- "scripts": {
15
- "dev": "vite",
16
- "build": "tsc --p ./tsconfig.build.json && vite build",
17
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
- "preview": "vite preview",
19
- "prepublishOnly": "npm run build",
20
- "check-types": "tsc --pretty --noEmit",
21
- "check-format": "prettier --check .",
22
- "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
- "format": "prettier --write .",
24
- "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
- "prepare": "husky",
26
- "storybook": "storybook dev -p 6006",
27
- "build-storybook": "storybook build",
28
- "npm:link": "npm run build && npm link"
29
- },
30
- "dependencies": {
31
- "@hookform/resolvers": "^3.9.0",
32
- "@react-input/mask": "^1.2.11",
33
- "@react-input/number-format": "^1.1.1",
34
- "@storybook/icons": "^1.2.12",
35
- "@storybook/preview-api": "^8.3.5",
36
- "@types/iframe-resizer": "3.5.13",
37
- "@vanilla-extract/css": "^1.16.0",
38
- "@vanilla-extract/recipes": "^0.5.1",
39
- "clsx": "^2.1.1",
40
- "iframe-resizer": "4.3.11",
41
- "lodash": "^4.17.21",
42
- "moment": "^2.30.1",
43
- "react-date-picker": "^11.0.0",
44
- "react-hook-form": "^7.53.1",
45
- "react-markdown": "^9.0.1",
46
- "react-slick": "^0.30.2",
47
- "react-use": "^17.5.1",
48
- "slick-carousel": "^1.8.1",
49
- "typed-css-modules": "^0.9.1",
50
- "vite-plugin-svgr": "^4.2.0",
51
- "zod": "^3.23.8",
52
- "zustand": "^4.5.5"
53
- },
54
- "peerDependencies": {
55
- "@vanilla-extract/css-utils": "^0.1.3",
56
- "@vanilla-extract/recipes": "^0.5.1",
57
- "@vanilla-extract/vite-plugin": "^4.0.3",
58
- "next": "^14.1.4",
59
- "react": "^18.2.0",
60
- "react-dom": "^18.2.0",
61
- "react-slick": "^0.30.2",
62
- "slick-carousel": "^1.8.1"
63
- },
64
- "devDependencies": {
65
- "@chromatic-com/storybook": "^1.8.0",
66
- "@rollup/plugin-alias": "^5.1.0",
67
- "@storybook/addon-essentials": "^8.2.9",
68
- "@storybook/addon-interactions": "^8.2.9",
69
- "@storybook/addon-links": "^8.2.9",
70
- "@storybook/addon-mdx-gfm": "^8.2.9",
71
- "@storybook/addon-onboarding": "^8.2.9",
72
- "@storybook/addon-themes": "^8.2.9",
73
- "@storybook/blocks": "^8.2.9",
74
- "@storybook/react": "^8.2.9",
75
- "@storybook/react-vite": "^8.2.9",
76
- "@storybook/test": "^8.2.9",
77
- "@svgr/core": "^8.1.0",
78
- "@svgr/plugin-prettier": "^8.1.0",
79
- "@svgr/plugin-svgo": "^8.1.0",
80
- "@types/lodash": "^4.17.10",
81
- "@types/node": "^20.16.10",
82
- "@types/react": "^18.3.11",
83
- "@types/react-datepicker": "^6.2.0",
84
- "@types/react-dom": "^18.3.0",
85
- "@types/react-slick": "^0.23.13",
86
- "@typescript-eslint/eslint-plugin": "^7.9.0",
87
- "@typescript-eslint/parser": "^7.9.0",
88
- "@vanilla-extract/css-utils": "^0.1.4",
89
- "@vanilla-extract/recipes": "^0.5.5",
90
- "@vanilla-extract/vite-plugin": "^4.0.15",
91
- "@vitejs/plugin-react-swc": "^3.7.0",
92
- "esbuild-vanilla-image-loader": "^0.1.3",
93
- "eslint": "^8.57.0",
94
- "eslint-plugin-react-hooks": "^4.6.2",
95
- "eslint-plugin-react-refresh": "^0.4.7",
96
- "eslint-plugin-storybook": "^0.8.0",
97
- "glob": "^10.4.5",
98
- "husky": "^9.1.6",
99
- "next": "^14.1.4",
100
- "prettier": "3.2.5",
101
- "react": "^18.3.1",
102
- "react-dom": "^18.3.1",
103
- "rollup-plugin-preserve-directives": "^0.4.0",
104
- "rollup-plugin-svg-import": "^3.0.0",
105
- "rollup-plugin-svgo": "^2.0.0",
106
- "storybook": "^8.2.9",
107
- "typescript": "^5.6.2",
108
- "typescript-plugin-css-modules": "^5.1.0",
109
- "vite": "^5.4.9",
110
- "vite-plugin-dts": "^3.9.1",
111
- "vite-plugin-lib-inject-css": "^2.1.1",
112
- "vite-plugin-setting-css-module": "^1.1.4",
113
- "vite-tsconfig-paths": "^4.3.2"
114
- },
115
- "main": "index.js",
116
- "directories": {
117
- "lib": "lib"
118
- },
119
- "author": "axos-web-dev",
120
- "license": "ISC"
121
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "0.0.144",
5
+ "type": "module",
6
+ "module": "dist/main.js",
7
+ "types": "dist/main.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "dist/assets/**/*.css"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig.build.json && vite build",
17
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
+ "preview": "vite preview",
19
+ "prepublishOnly": "npm run build",
20
+ "check-types": "tsc --pretty --noEmit",
21
+ "check-format": "prettier --check .",
22
+ "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
+ "format": "prettier --write .",
24
+ "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
+ "prepare": "husky",
26
+ "storybook": "storybook dev -p 6006",
27
+ "build-storybook": "storybook build",
28
+ "npm:link": "npm run build && npm link"
29
+ },
30
+ "dependencies": {
31
+ "@hookform/resolvers": "^3.9.0",
32
+ "@react-input/mask": "^1.2.11",
33
+ "@react-input/number-format": "^1.1.1",
34
+ "@storybook/icons": "^1.2.12",
35
+ "@storybook/preview-api": "^8.3.5",
36
+ "@types/iframe-resizer": "3.5.13",
37
+ "@vanilla-extract/css": "^1.16.0",
38
+ "@vanilla-extract/recipes": "^0.5.1",
39
+ "antd": "^5.21.5",
40
+ "clsx": "^2.1.1",
41
+ "iframe-resizer": "4.3.11",
42
+ "lodash": "^4.17.21",
43
+ "moment": "^2.30.1",
44
+ "react-date-picker": "^11.0.0",
45
+ "react-hook-form": "^7.53.1",
46
+ "react-markdown": "^9.0.1",
47
+ "react-slick": "^0.30.2",
48
+ "react-use": "^17.5.1",
49
+ "react-wrap-balancer": "^1.1.1",
50
+ "rsuite": "^5.72.0",
51
+ "slick-carousel": "^1.8.1",
52
+ "typed-css-modules": "^0.9.1",
53
+ "vite-plugin-svgr": "^4.2.0",
54
+ "zod": "^3.23.8",
55
+ "zustand": "^4.5.5"
56
+ },
57
+ "peerDependencies": {
58
+ "@vanilla-extract/css-utils": "^0.1.3",
59
+ "@vanilla-extract/recipes": "^0.5.1",
60
+ "@vanilla-extract/vite-plugin": "^4.0.3",
61
+ "next": "^14.1.4",
62
+ "react": "^18.2.0",
63
+ "react-dom": "^18.2.0",
64
+ "react-slick": "^0.30.2",
65
+ "slick-carousel": "^1.8.1"
66
+ },
67
+ "devDependencies": {
68
+ "@chromatic-com/storybook": "^1.8.0",
69
+ "@rollup/plugin-alias": "^5.1.0",
70
+ "@storybook/addon-essentials": "^8.2.9",
71
+ "@storybook/addon-interactions": "^8.2.9",
72
+ "@storybook/addon-links": "^8.2.9",
73
+ "@storybook/addon-mdx-gfm": "^8.2.9",
74
+ "@storybook/addon-onboarding": "^8.2.9",
75
+ "@storybook/addon-themes": "^8.2.9",
76
+ "@storybook/blocks": "^8.2.9",
77
+ "@storybook/react": "^8.2.9",
78
+ "@storybook/react-vite": "^8.2.9",
79
+ "@storybook/test": "^8.2.9",
80
+ "@svgr/core": "^8.1.0",
81
+ "@svgr/plugin-prettier": "^8.1.0",
82
+ "@svgr/plugin-svgo": "^8.1.0",
83
+ "@types/lodash": "^4.17.10",
84
+ "@types/node": "^20.16.10",
85
+ "@types/react": "^18.3.11",
86
+ "@types/react-datepicker": "^6.2.0",
87
+ "@types/react-dom": "^18.3.0",
88
+ "@types/react-slick": "^0.23.13",
89
+ "@typescript-eslint/eslint-plugin": "^7.9.0",
90
+ "@typescript-eslint/parser": "^7.9.0",
91
+ "@vanilla-extract/css-utils": "^0.1.4",
92
+ "@vanilla-extract/recipes": "^0.5.5",
93
+ "@vanilla-extract/vite-plugin": "^4.0.15",
94
+ "@vitejs/plugin-react-swc": "^3.7.0",
95
+ "esbuild-vanilla-image-loader": "^0.1.3",
96
+ "eslint": "^8.57.0",
97
+ "eslint-plugin-react-hooks": "^4.6.2",
98
+ "eslint-plugin-react-refresh": "^0.4.7",
99
+ "eslint-plugin-storybook": "^0.8.0",
100
+ "glob": "^10.4.5",
101
+ "husky": "^9.1.6",
102
+ "next": "^14.1.4",
103
+ "prettier": "3.2.5",
104
+ "react": "^18.3.1",
105
+ "react-dom": "^18.3.1",
106
+ "rollup-plugin-preserve-directives": "^0.4.0",
107
+ "rollup-plugin-svg-import": "^3.0.0",
108
+ "rollup-plugin-svgo": "^2.0.0",
109
+ "storybook": "^8.2.9",
110
+ "typescript": "^5.6.2",
111
+ "typescript-plugin-css-modules": "^5.1.0",
112
+ "vite": "^5.4.9",
113
+ "vite-plugin-dts": "^3.9.1",
114
+ "vite-plugin-lib-inject-css": "^2.1.1",
115
+ "vite-plugin-setting-css-module": "^1.1.4",
116
+ "vite-tsconfig-paths": "^4.3.2"
117
+ },
118
+ "main": "index.js",
119
+ "directories": {
120
+ "lib": "lib"
121
+ },
122
+ "author": "axos-web-dev",
123
+ "license": "ISC"
124
+ }