@axos-web-dev/shared-components 1.0.6 → 1.0.8

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 (39) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Article/Article.js +4 -6
  3. package/dist/Calculators/Calculator.js +1 -1
  4. package/dist/Carousel/index.js +1 -1
  5. package/dist/Chevron/index.js +1 -1
  6. package/dist/ContentBanner/index.js +9 -1
  7. package/dist/ExecutiveBio/ExecutiveBio.js +2 -9
  8. package/dist/Forms/ApplyNow.js +1 -1
  9. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  10. package/dist/Forms/SuccesForm.js +1 -1
  11. package/dist/HeroBanner/HeroBanner.js +0 -2
  12. package/dist/IconBillboard/IconBillboard.interface.d.ts +2 -0
  13. package/dist/IconBillboard/IconBillboard.js +10 -1
  14. package/dist/ImageBillboard/ImageBillboardSet.js +2 -3
  15. package/dist/ImageLink/ImageLink.js +18 -2
  16. package/dist/Insight/Featured/CategorySelector.js +5 -5
  17. package/dist/Insight/Featured/Featured.css.d.ts +1 -0
  18. package/dist/Insight/Featured/Featured.css.js +5 -3
  19. package/dist/Insight/Featured/Featured.js +3 -3
  20. package/dist/Insight/Featured/Header.js +1 -1
  21. package/dist/Insight/Featured/index.js +2 -1
  22. package/dist/Insight/index.js +2 -1
  23. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  24. package/dist/NavigationMenu/AxosBank/SubNavBar.js +15 -20
  25. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -0
  26. package/dist/NavigationMenu/LaVictoire/index.js +11 -1
  27. package/dist/SetContainer/SetContainer.js +1 -1
  28. package/dist/StepItemSet/StepItemSet.js +2 -10
  29. package/dist/assets/Insight/Featured/Featured.css +21 -15
  30. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +125 -124
  31. package/dist/assets/globals.css +1 -2
  32. package/dist/main.js +2 -1
  33. package/dist/utils/lazyImage/imageObserver.d.ts +9 -0
  34. package/dist/utils/lazyImage/imageObserver.js +29 -0
  35. package/dist/utils/lazyImage/index.d.ts +2 -0
  36. package/dist/utils/lazyImage/index.js +7 -0
  37. package/dist/utils/lazyImage/lazyImage.d.ts +10 -0
  38. package/dist/utils/lazyImage/lazyImage.js +26 -0
  39. package/package.json +1 -1
package/dist/StepItemSet/StepItemSet.js CHANGED
@@ -5,6 +5,7 @@ import "react";
5
5
  import "react-use";
6
6
  import { Chevron } from "../Chevron/index.js";
7
7
  import { getVariant } from "../utils/getVariant.js";
8
+ import { LazyImage } from "../utils/lazyImage/lazyImage.js";
8
9
  import { StepItem } from "../StepItem/StepItem.js";
9
10
  import "../StepItem/StepItem.css.js";
10
11
  import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
@@ -57,16 +58,7 @@ const StepItemSet = ({
57
58
  image && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
58
59
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
59
60
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
60
- /* @__PURE__ */ jsx(
61
- "img",
62
- {
63
- decoding: "async",
64
- "data-nimg": 1,
65
- src: `${image?.src}?q=85`,
66
- loading: "lazy",
67
- alt: ""
68
- }
69
- )
61
+ /* @__PURE__ */ jsx(LazyImage, { src: `${image?.src}?q=85`, alt: "" })
70
62
  ] }) }),
71
63
  /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
72
64
  StepItem,
package/dist/assets/Insight/Featured/Featured.css CHANGED
@@ -55,22 +55,25 @@
55
55
  border: 1px solid #D4D4D4;
56
56
  text-decoration: none;
57
57
  overflow: hidden;
58
- max-height: min(525px, 670px);
58
+ max-height: 525px;
59
59
  }
60
60
  ._1sr2o6va {
61
+ grid-template-rows: 340px 1fr;
62
+ }
63
+ ._1sr2o6vb {
61
64
  height: 100%;
62
65
  object-fit: cover;
63
66
  width: 100%;
64
67
  }
65
- ._1sr2o6vb {
68
+ ._1sr2o6vc {
66
69
  padding: 24px;
67
70
  color: #333D46;
68
71
  font-family: var(--main-font-family);
69
72
  min-height: 170px;
70
73
  }
71
- ._1sr2o6vc {
72
- font-size: clamp(1.75rem, 1.269rem + 1.923vw, 2.5rem);
73
- line-height: clamp(2.25rem, 1.625rem + 1.667vw, 3.125rem);
74
+ ._1sr2o6vd {
75
+ font-size: clamp(1.75rem, 1.269rem + 1.923vw, 2.5rem) !important;
76
+ line-height: clamp(2.25rem, 1.625rem + 1.667vw, 3.125rem) !important;
74
77
  overflow: hidden;
75
78
  text-overflow: ellipsis;
76
79
  margin-bottom: 8px;
@@ -81,6 +84,12 @@
81
84
  -webkit-line-clamp: 2;
82
85
  width: 100%;
83
86
  }
87
+ @media screen and (max-width:1024px) {
88
+ ._1sr2o6vd {
89
+ font-size: 32px !important;
90
+ line-height: 46px !important;
91
+ }
92
+ }
84
93
  @media screen and (max-width:768px) {
85
94
  ._1sr2o6v3 {
86
95
  grid-template-columns: 1fr;
@@ -88,20 +97,17 @@
88
97
  ._1sr2o6v7 {
89
98
  margin: 24px 0;
90
99
  }
91
- ._1sr2o6vc {
92
- font-size: 28px;
93
- line-height: 36px;
94
- max-height: max(76px, 80px);
100
+ ._1sr2o6va {
101
+ grid-template-rows: 314px 1fr;
102
+ }
103
+ ._1sr2o6vd {
104
+ font-size: 28px !important;
105
+ line-height: 36px !important;
106
+ max-height: 80px;
95
107
  }
96
108
  }
97
109
  @media screen and (min-width:769px) {
98
110
  ._1sr2o6v3 {
99
111
  min-height: min(525px, 680px);
100
112
  }
101
- }
102
- @media screen and (max-width:1024px) {
103
- ._1sr2o6vc {
104
- font-size: 32px;
105
- line-height: 36px;
106
- }
107
113
  }