@axos-web-dev/shared-components 0.0.160 → 0.0.162

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 +2 -2
  2. package/dist/Button/Button.js +1 -1
  3. package/dist/Calculators/Calculator.js +1 -1
  4. package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
  5. package/dist/Carousel/index.js +1 -1
  6. package/dist/Chevron/index.js +1 -1
  7. package/dist/Comparison/Comparison.js +1 -1
  8. package/dist/FaqAccordion/index.js +1 -1
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  10. package/dist/Forms/ContactUsBusiness.js +1 -1
  11. package/dist/Forms/ContactUsNMLSId.js +1 -1
  12. package/dist/Forms/EmailOnly.js +1 -1
  13. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  14. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  15. package/dist/Forms/SuccesForm.js +1 -1
  16. package/dist/Hyperlink/index.js +1 -1
  17. package/dist/ImageLink/ImageLink.js +1 -1
  18. package/dist/ImageLink/ImageLinkSet.js +1 -1
  19. package/dist/ImageLink/index.js +1 -1
  20. package/dist/Insight/Featured/CategorySelector.js +2 -2
  21. package/dist/Insight/Featured/Featured.js +4 -4
  22. package/dist/Insight/Featured/Header.js +2 -2
  23. package/dist/Modal/Modal.js +1 -1
  24. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  25. package/dist/NavigationMenu/AxosBank/SubNavBar.js +3 -3
  26. package/dist/NavigationMenu/AxosBank/index.js +3 -1
  27. package/dist/PageNavSet/PageNavSet.js +6 -15
  28. package/dist/Pagination/Pagination.css.d.ts +3 -0
  29. package/dist/Pagination/Pagination.css.js +9 -0
  30. package/dist/Pagination/Pagination.d.ts +5 -0
  31. package/dist/Pagination/Pagination.js +74 -0
  32. package/dist/SetContainer/SetContainer.js +1 -1
  33. package/dist/assets/Insight/Featured/Featured.css +2 -0
  34. package/dist/assets/PageNavItem/PageNavItem.css +11 -0
  35. package/dist/assets/PageNavSet/PageNavigationSet.css +21 -3
  36. package/dist/assets/Pagination/Pagination.css +17 -0
  37. package/dist/main.d.ts +2 -1
  38. package/dist/main.js +2 -0
  39. package/package.json +1 -1
package/dist/ATMLocator/ATMLocator.js CHANGED
@@ -25,8 +25,8 @@ import "../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
26
  import clsx from "clsx";
27
27
  import "../Table/Table.css.js";
28
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
28
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
29
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
31
31
  /* empty css */
32
32
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
@@ -72,7 +72,6 @@ import "../Inputs/Input.css.js";
72
72
  /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
74
  /* empty css */
75
- import "react-wrap-balancer";
76
75
  /* empty css */
77
76
  /* empty css */
78
77
  /* empty css */
@@ -94,6 +93,7 @@ import "next/link.js";
94
93
  import "../PageNavItem/PageNavItem.css.js";
95
94
  import "react-slick";
96
95
  /* empty css */
96
+ /* empty css */
97
97
  /* empty css */
98
98
  /* empty css */
99
99
  import "../StepItem/StepItem.css.js";
package/dist/Button/Button.js CHANGED
@@ -75,7 +75,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
75
75
  /* empty css */
76
76
  import "../ImageBillboard/ImageBillboard.css.js";
77
77
  /* empty css */
78
- import "react-wrap-balancer";
79
78
  /* empty css */
80
79
  /* empty css */
81
80
  /* empty css */
@@ -95,6 +94,7 @@ import "next/link.js";
95
94
  import "../PageNavItem/PageNavItem.css.js";
96
95
  import "react-slick";
97
96
  /* empty css */
97
+ /* empty css */
98
98
  /* empty css */
99
99
  /* empty css */
100
100
  import "../StepItem/StepItem.css.js";
package/dist/Calculators/Calculator.js CHANGED
@@ -61,7 +61,6 @@ import "../Input/InputAmount.js";
61
61
  import "../Input/InputPhone.js";
62
62
  import "../Input/InputTextArea.js";
63
63
  import "../Input/DownPaymentInput.js";
64
- import "react-wrap-balancer";
65
64
  /* empty css */
66
65
  /* empty css */
67
66
  /* empty css */
@@ -86,6 +85,7 @@ import "next/link.js";
86
85
  import "../PageNavItem/PageNavItem.css.js";
87
86
  import "react-slick";
88
87
  /* empty css */
88
+ /* empty css */
89
89
  /* empty css */
90
90
  /* empty css */
91
91
  import "../StepItem/StepItem.css.js";
package/dist/Calculators/MarginTradingCalculator/index.js CHANGED
@@ -360,7 +360,7 @@ const MarginTradingCalculator = ({
360
360
  /* @__PURE__ */ jsx("td", { className: `${tc} ${bbr}`, "data-label": "E*TRADE", children: /* @__PURE__ */ jsx("span", { id: "eTrd" }) })
361
361
  ] }) })
362
362
  ] }),
363
- /* @__PURE__ */ jsx("p", { children: "For illustrative purposes only." }),
363
+ /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("em", { children: "For illustrative purposes only." }) }),
364
364
  /* @__PURE__ */ jsxs("div", { className: "text_center push_up_32", children: [
365
365
  /* @__PURE__ */ jsxs(
366
366
  "div",
package/dist/Carousel/index.js CHANGED
@@ -77,7 +77,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
77
77
  /* empty css */
78
78
  import "../ImageBillboard/ImageBillboard.css.js";
79
79
  /* empty css */
80
- import "react-wrap-balancer";
81
80
  /* empty css */
82
81
  /* empty css */
83
82
  /* empty css */
@@ -97,6 +96,7 @@ import "next/link.js";
97
96
  import "../PageNavItem/PageNavItem.css.js";
98
97
  import "react-slick";
99
98
  /* empty css */
99
+ /* empty css */
100
100
  /* empty css */
101
101
  /* empty css */
102
102
  import "../StepItem/StepItem.css.js";
package/dist/Chevron/index.js CHANGED
@@ -77,7 +77,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
77
77
  /* empty css */
78
78
  import "../ImageBillboard/ImageBillboard.css.js";
79
79
  /* empty css */
80
- import "react-wrap-balancer";
81
80
  /* empty css */
82
81
  /* empty css */
83
82
  /* empty css */
@@ -97,6 +96,7 @@ import "next/link.js";
97
96
  import "../PageNavItem/PageNavItem.css.js";
98
97
  import "react-slick";
99
98
  /* empty css */
99
+ /* empty css */
100
100
  /* empty css */
101
101
  /* empty css */
102
102
  import "../StepItem/StepItem.css.js";
package/dist/Comparison/Comparison.js CHANGED
@@ -74,7 +74,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
74
74
  /* empty css */
75
75
  import "../ImageBillboard/ImageBillboard.css.js";
76
76
  /* empty css */
77
- import "react-wrap-balancer";
78
77
  /* empty css */
79
78
  /* empty css */
80
79
  /* empty css */
@@ -96,6 +95,7 @@ import "next/link.js";
96
95
  import "../PageNavItem/PageNavItem.css.js";
97
96
  import "react-slick";
98
97
  /* empty css */
98
+ /* empty css */
99
99
  /* empty css */
100
100
  /* empty css */
101
101
  import "../StepItem/StepItem.css.js";
package/dist/FaqAccordion/index.js CHANGED
@@ -75,7 +75,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
75
75
  /* empty css */
76
76
  import "../ImageBillboard/ImageBillboard.css.js";
77
77
  /* empty css */
78
- import "react-wrap-balancer";
79
78
  /* empty css */
80
79
  /* empty css */
81
80
  /* empty css */
@@ -97,6 +96,7 @@ import "next/link.js";
97
96
  import "../PageNavItem/PageNavItem.css.js";
98
97
  import "react-slick";
99
98
  /* empty css */
99
+ /* empty css */
100
100
  /* empty css */
101
101
  /* empty css */
102
102
  import "../StepItem/StepItem.css.js";
package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js CHANGED
@@ -73,7 +73,6 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
73
73
  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";
74
74
  import "../../ImageBillboard/ImageBillboard.css.js";
75
75
  /* empty css */
76
- import "react-wrap-balancer";
77
76
  /* empty css */
78
77
  /* empty css */
79
78
  /* empty css */
@@ -93,6 +92,7 @@ import "next/link.js";
93
92
  import "../../PageNavItem/PageNavItem.css.js";
94
93
  import "react-slick";
95
94
  /* empty css */
95
+ /* empty css */
96
96
  /* empty css */
97
97
  /* empty css */
98
98
  import "../../StepItem/StepItem.css.js";
package/dist/Forms/ContactUsBusiness.js CHANGED
@@ -77,7 +77,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
77
77
  /* empty css */
78
78
  import "../ImageBillboard/ImageBillboard.css.js";
79
79
  /* empty css */
80
- import "react-wrap-balancer";
81
80
  /* empty css */
82
81
  /* empty css */
83
82
  /* empty css */
@@ -99,6 +98,7 @@ import "next/link.js";
99
98
  import "../PageNavItem/PageNavItem.css.js";
100
99
  import "react-slick";
101
100
  /* empty css */
101
+ /* empty css */
102
102
  /* empty css */
103
103
  /* empty css */
104
104
  import "../StepItem/StepItem.css.js";
package/dist/Forms/ContactUsNMLSId.js CHANGED
@@ -77,7 +77,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
77
77
  /* empty css */
78
78
  import "../ImageBillboard/ImageBillboard.css.js";
79
79
  /* empty css */
80
- import "react-wrap-balancer";
81
80
  /* empty css */
82
81
  /* empty css */
83
82
  /* empty css */
@@ -99,6 +98,7 @@ import "next/link.js";
99
98
  import "../PageNavItem/PageNavItem.css.js";
100
99
  import "react-slick";
101
100
  /* empty css */
101
+ /* empty css */
102
102
  /* empty css */
103
103
  /* empty css */
104
104
  import "../StepItem/StepItem.css.js";
package/dist/Forms/EmailOnly.js CHANGED
@@ -78,7 +78,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
78
78
  /* empty css */
79
79
  import "../ImageBillboard/ImageBillboard.css.js";
80
80
  /* empty css */
81
- import "react-wrap-balancer";
82
81
  /* empty css */
83
82
  /* empty css */
84
83
  /* empty css */
@@ -100,6 +99,7 @@ import "next/link.js";
100
99
  import "../PageNavItem/PageNavItem.css.js";
101
100
  import "react-slick";
102
101
  /* empty css */
102
+ /* empty css */
103
103
  /* empty css */
104
104
  /* empty css */
105
105
  import "../StepItem/StepItem.css.js";
package/dist/Forms/MortgageRate/MortgageRateForm.js CHANGED
@@ -77,7 +77,6 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
77
77
  /* empty css */
78
78
  import "../../ImageBillboard/ImageBillboard.css.js";
79
79
  /* empty css */
80
- import "react-wrap-balancer";
81
80
  /* empty css */
82
81
  /* empty css */
83
82
  /* empty css */
@@ -100,6 +99,7 @@ import "next/link.js";
100
99
  import "../../PageNavItem/PageNavItem.css.js";
101
100
  import "react-slick";
102
101
  /* empty css */
102
+ /* empty css */
103
103
  /* empty css */
104
104
  /* empty css */
105
105
  import "../../StepItem/StepItem.css.js";
package/dist/Forms/MortgageRate/MortgageRateWatch.js CHANGED
@@ -73,7 +73,6 @@ 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";
77
76
  /* empty css */
78
77
  /* empty css */
79
78
  /* empty css */
@@ -95,6 +94,7 @@ import "next/link.js";
95
94
  import "../../PageNavItem/PageNavItem.css.js";
96
95
  import "react-slick";
97
96
  /* empty css */
97
+ /* empty css */
98
98
  /* empty css */
99
99
  /* empty css */
100
100
  import "../../StepItem/StepItem.css.js";
package/dist/Forms/SuccesForm.js CHANGED
@@ -59,7 +59,6 @@ import "../Input/InputAmount.js";
59
59
  import "../Input/InputPhone.js";
60
60
  import "../Input/InputTextArea.js";
61
61
  import "../Input/DownPaymentInput.js";
62
- import "react-wrap-balancer";
63
62
  /* empty css */
64
63
  /* empty css */
65
64
  /* empty css */
@@ -84,6 +83,7 @@ import "next/link.js";
84
83
  import "../PageNavItem/PageNavItem.css.js";
85
84
  import "react-slick";
86
85
  /* empty css */
86
+ /* empty css */
87
87
  /* empty css */
88
88
  /* empty css */
89
89
  import "../StepItem/StepItem.css.js";
package/dist/Hyperlink/index.js CHANGED
@@ -74,7 +74,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
74
74
  /* empty css */
75
75
  import "../ImageBillboard/ImageBillboard.css.js";
76
76
  /* empty css */
77
- import "react-wrap-balancer";
78
77
  /* empty css */
79
78
  /* empty css */
80
79
  /* empty css */
@@ -94,6 +93,7 @@ import "next/link.js";
94
93
  import "../PageNavItem/PageNavItem.css.js";
95
94
  import "react-slick";
96
95
  /* empty css */
96
+ /* empty css */
97
97
  /* empty css */
98
98
  /* empty css */
99
99
  import "../StepItem/StepItem.css.js";
package/dist/ImageLink/ImageLink.js CHANGED
@@ -69,7 +69,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
69
69
  import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
70
70
  import "../ImageBillboard/ImageBillboard.css.js";
71
71
  /* empty css */
72
- import "react-wrap-balancer";
73
72
  /* empty css */
74
73
  /* empty css */
75
74
  /* empty css */
@@ -91,6 +90,7 @@ import "next/link.js";
91
90
  import "../PageNavItem/PageNavItem.css.js";
92
91
  import "react-slick";
93
92
  /* empty css */
93
+ /* empty css */
94
94
  /* empty css */
95
95
  /* empty css */
96
96
  import "../StepItem/StepItem.css.js";
package/dist/ImageLink/ImageLinkSet.js CHANGED
@@ -75,7 +75,6 @@ import "../HeroBanner/LargeBanner.css.js";
75
75
  import "../HeroBanner/SelectionBanner.css.js";
76
76
  import "../ImageBillboard/ImageBillboard.css.js";
77
77
  import ImageLink from "./ImageLink.js";
78
- import "react-wrap-balancer";
79
78
  /* empty css */
80
79
  /* empty css */
81
80
  /* empty css */
@@ -97,6 +96,7 @@ import "next/link.js";
97
96
  import "../PageNavItem/PageNavItem.css.js";
98
97
  import "react-slick";
99
98
  /* empty css */
99
+ /* empty css */
100
100
  /* empty css */
101
101
  /* empty css */
102
102
  import "../StepItem/StepItem.css.js";
package/dist/ImageLink/index.js CHANGED
@@ -72,7 +72,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
72
72
  /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
74
  import { ImageLinkSet } from "./ImageLinkSet.js";
75
- import "react-wrap-balancer";
76
75
  /* empty css */
77
76
  /* empty css */
78
77
  /* empty css */
@@ -92,6 +91,7 @@ import "next/link.js";
92
91
  import "../PageNavItem/PageNavItem.css.js";
93
92
  import "react-slick";
94
93
  /* empty css */
94
+ /* empty css */
95
95
  /* empty css */
96
96
  /* empty css */
97
97
  import "../StepItem/StepItem.css.js";
package/dist/Insight/Featured/CategorySelector.js CHANGED
@@ -73,7 +73,6 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
73
73
  /* empty css */
74
74
  import "../../ImageBillboard/ImageBillboard.css.js";
75
75
  /* empty css */
76
- import Balancer from "react-wrap-balancer";
77
76
  import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
78
77
  /* empty css */
79
78
  /* empty css */
@@ -92,6 +91,7 @@ import "next/link.js";
92
91
  import "../../PageNavItem/PageNavItem.css.js";
93
92
  import "react-slick";
94
93
  /* empty css */
94
+ /* empty css */
95
95
  /* empty css */
96
96
  /* empty css */
97
97
  import "../../StepItem/StepItem.css.js";
@@ -165,7 +165,7 @@ const InsightItem = (props) => {
165
165
  }
166
166
  ),
167
167
  /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
168
- /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: /* @__PURE__ */ jsx(Balancer, { children: itemTitle ?? "" }) }),
168
+ /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
169
169
  /* @__PURE__ */ jsxs("div", { children: [
170
170
  /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
171
171
  " ",
package/dist/Insight/Featured/Featured.js CHANGED
@@ -75,7 +75,6 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
75
75
  /* empty css */
76
76
  import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
77
77
  /* empty css */
78
- import Balancer from "react-wrap-balancer";
79
78
  /* empty css */
80
79
  /* empty css */
81
80
  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";
@@ -96,6 +95,7 @@ import "next/link.js";
96
95
  import "../../PageNavItem/PageNavItem.css.js";
97
96
  import "react-slick";
98
97
  /* empty css */
98
+ /* empty css */
99
99
  /* empty css */
100
100
  /* empty css */
101
101
  import "../../StepItem/StepItem.css.js";
@@ -116,8 +116,8 @@ const FeaturedItem = (props) => {
116
116
  } = props;
117
117
  const variant = getVariant(fullVariant);
118
118
  return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
119
- /* @__PURE__ */ jsx("h3", { className: clsx(supertag({ variant }), featured_supertag), children: supertagText ?? "" }),
120
- /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: /* @__PURE__ */ jsx(Balancer, { children: featureItemTitle ?? "" }) }),
119
+ /* @__PURE__ */ jsx("h3", { className: clsx(supertag({ variant }), featured_supertag), children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? "" }),
120
+ /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
121
121
  /* @__PURE__ */ jsxs("div", { children: [
122
122
  /* @__PURE__ */ jsx(
123
123
  ClockIcon,
@@ -162,7 +162,7 @@ const Featured = (props) => {
162
162
  title({ variant: "primary" }),
163
163
  featured_maingrid_title
164
164
  ),
165
- children: /* @__PURE__ */ jsx(Balancer, { children: main?.title ?? "" })
165
+ children: main?.title ?? ""
166
166
  }
167
167
  ),
168
168
  /* @__PURE__ */ jsxs("div", { children: [
package/dist/Insight/Featured/Header.js CHANGED
@@ -73,7 +73,6 @@ 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";
77
76
  /* empty css */
78
77
  /* empty css */
79
78
  /* empty css */
@@ -92,6 +91,7 @@ import "next/link.js";
92
91
  import "../../PageNavItem/PageNavItem.css.js";
93
92
  import "react-slick";
94
93
  /* empty css */
94
+ /* empty css */
95
95
  /* empty css */
96
96
  /* empty css */
97
97
  import "../../StepItem/StepItem.css.js";
@@ -118,7 +118,7 @@ const BreadcumbHeader = (props) => {
118
118
  {
119
119
  className: clsx(title({ variant: "primary" }), header_title_featured),
120
120
  children: [
121
- section,
121
+ section?.replaceAll("-", " "),
122
122
  " Insights"
123
123
  ]
124
124
  }
package/dist/Modal/Modal.js CHANGED
@@ -72,7 +72,6 @@ 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";
76
75
  /* empty css */
77
76
  /* empty css */
78
77
  /* empty css */
@@ -93,6 +92,7 @@ import "next/link.js";
93
92
  import "../PageNavItem/PageNavItem.css.js";
94
93
  import "react-slick";
95
94
  /* empty css */
95
+ /* empty css */
96
96
  /* empty css */
97
97
  /* empty css */
98
98
  import "../StepItem/StepItem.css.js";
package/dist/NavigationMenu/AxosBank/NavData.js CHANGED
@@ -73,7 +73,6 @@ 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";
77
76
  /* empty css */
78
77
  /* empty css */
79
78
  /* empty css */
@@ -92,6 +91,7 @@ import "next/link.js";
92
91
  import "../../PageNavItem/PageNavItem.css.js";
93
92
  import "react-slick";
94
93
  /* empty css */
94
+ /* empty css */
95
95
  /* empty css */
96
96
  /* empty css */
97
97
  import "../../StepItem/StepItem.css.js";
package/dist/NavigationMenu/AxosBank/SubNavBar.js CHANGED
@@ -74,7 +74,6 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
74
74
  /* empty css */
75
75
  import "../../ImageBillboard/ImageBillboard.css.js";
76
76
  /* empty css */
77
- import "react-wrap-balancer";
78
77
  /* empty css */
79
78
  /* empty css */
80
79
  /* empty css */
@@ -91,6 +90,9 @@ import { subNavItems } from "./NavData.js";
91
90
  import "../../PageNavItem/PageNavItem.css.js";
92
91
  import "react-slick";
93
92
  /* empty css */
93
+ import Link from "next/link.js";
94
+ import { usePathname } from "next/navigation.js";
95
+ /* empty css */
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  import "../../StepItem/StepItem.css.js";
@@ -101,9 +103,7 @@ import "../../StepItemSet/StepItemSet.css.js";
101
103
  import "next/script.js";
102
104
  /* empty css */
103
105
  /* empty css */
104
- import { usePathname } from "next/navigation.js";
105
106
  import Image from "next/image.js";
106
- import Link from "next/link.js";
107
107
  import { sub_nav, dd_media } from "./SubNavbar.css.js";
108
108
  function SubNavBar() {
109
109
  const pathname = usePathname();
package/dist/NavigationMenu/AxosBank/index.js CHANGED
@@ -73,7 +73,6 @@ 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";
77
76
  /* empty css */
78
77
  /* empty css */
79
78
  /* empty css */
@@ -90,6 +89,9 @@ import { NavItem } from "../NavItem/index.js";
90
89
  import "../../PageNavItem/PageNavItem.css.js";
91
90
  import "react-slick";
92
91
  /* empty css */
92
+ import "next/link.js";
93
+ import "next/navigation.js";
94
+ /* empty css */
93
95
  /* empty css */
94
96
  /* empty css */
95
97
  import "../../StepItem/StepItem.css.js";
package/dist/PageNavSet/PageNavSet.js CHANGED
@@ -8,7 +8,9 @@ import { PageNavItem } from "../PageNavItem/PageNavItem.js";
8
8
  import { sticky_nav, nav_wrapper } from "./PageNavigationSet.css.js";
9
9
  const PageNavSet = ({ id, pageNavItems }) => {
10
10
  const SliderComponent = Slider.default ? Slider.default : Slider;
11
- const [activeSection, setActiveSection] = useState(pageNavItems[0].id.replace(/ /g, "-"));
11
+ const [activeSection, setActiveSection] = useState(
12
+ pageNavItems[0].id.replace(/ /g, "-")
13
+ );
12
14
  const sliderRef = useRef(null);
13
15
  const [isClient, setIsClient] = useState(false);
14
16
  const settings = {
@@ -21,19 +23,6 @@ const PageNavSet = ({ id, pageNavItems }) => {
21
23
  responsive: [
22
24
  {
23
25
  breakpoint: 1023,
24
- settings: {
25
- slidesToShow: 2.5,
26
- slidesToScroll: 4,
27
- swipeToSlide: true,
28
- infinite: true,
29
- centerMode: true,
30
- centerPadding: "140px",
31
- focusOnSelect: true,
32
- variableWidth: false
33
- }
34
- },
35
- {
36
- breakpoint: 735,
37
26
  settings: {
38
27
  slidesToShow: 1,
39
28
  slidesToScroll: 1,
@@ -104,7 +93,9 @@ const PageNavSet = ({ id, pageNavItems }) => {
104
93
  }
105
94
  useEffect(() => {
106
95
  if (isClient) {
107
- const pageNavLinks = document.querySelectorAll('#pageNav a[href*="#"]');
96
+ const pageNavLinks = document.querySelectorAll(
97
+ '#pageNav a[href*="#"]'
98
+ );
108
99
  pageNavLinks.forEach((link) => {
109
100
  link.addEventListener("click", (e) => {
110
101
  e.preventDefault();
package/dist/Pagination/Pagination.css.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const pagination_container: string;
2
+ export declare const active_page: string;
3
+ export declare const disabled_arrows: string;
package/dist/Pagination/Pagination.css.js ADDED
@@ -0,0 +1,9 @@
1
+ /* empty css */
2
+ var pagination_container = "o4qn1i0";
3
+ var active_page = "o4qn1i1";
4
+ var disabled_arrows = "o4qn1i2";
5
+ export {
6
+ active_page,
7
+ disabled_arrows,
8
+ pagination_container
9
+ };
package/dist/Pagination/Pagination.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ type Props = {
2
+ totalPages: number;
3
+ };
4
+ export declare function Pagination({ totalPages }: Props): import("react/jsx-runtime").JSX.Element;
5
+ export {};
package/dist/Pagination/Pagination.js ADDED
@@ -0,0 +1,74 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
+ import "../icons/CheckIcon/CheckIcon.css.js";
5
+ import SvgChevronDown from "../icons/ChevronDown.js";
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ import clsx from "clsx";
11
+ import Link from "next/link.js";
12
+ import { useSearchParams } from "next/navigation.js";
13
+ import { active_page, pagination_container, disabled_arrows } from "./Pagination.css.js";
14
+ function Pagination({ totalPages }) {
15
+ const searchParams = useSearchParams();
16
+ const page = searchParams.get("page") || 1;
17
+ const renderPages = Array.from({ length: totalPages }).map((_, index) => {
18
+ return /* @__PURE__ */ jsx(
19
+ "a",
20
+ {
21
+ href: `?page=${index + 1}`,
22
+ className: clsx(Number(page) === Number(index + 1) ? active_page : ""),
23
+ children: Number(index + 1)
24
+ },
25
+ "page_" + index
26
+ );
27
+ });
28
+ return /* @__PURE__ */ jsxs("section", { className: clsx("containmentht", pagination_container), children: [
29
+ /* @__PURE__ */ jsx(
30
+ Link,
31
+ {
32
+ rel: "prev",
33
+ href: `?page=${+page > 1 ? +page - 1 : +page}`,
34
+ className: clsx(page == 1 ? disabled_arrows : ""),
35
+ children: /* @__PURE__ */ jsx(
36
+ SvgChevronDown,
37
+ {
38
+ rotate: -90,
39
+ style: {
40
+ transform: "rotate(90deg)",
41
+ color: "#2F5B88",
42
+ fill: "#2F5B88",
43
+ stroke: "#2F5B88"
44
+ }
45
+ }
46
+ )
47
+ }
48
+ ),
49
+ renderPages,
50
+ /* @__PURE__ */ jsx(
51
+ Link,
52
+ {
53
+ rel: "next",
54
+ href: `?page=${+page < totalPages ? +page + 1 : +page}`,
55
+ className: clsx(page == totalPages ? disabled_arrows : ""),
56
+ children: /* @__PURE__ */ jsx(
57
+ SvgChevronDown,
58
+ {
59
+ rotate: -90,
60
+ style: {
61
+ transform: "rotate(-90deg)",
62
+ color: "#2F5B88",
63
+ fill: "#2F5B88",
64
+ stroke: "#2F5B88"
65
+ }
66
+ }
67
+ )
68
+ }
69
+ )
70
+ ] });
71
+ }
72
+ export {
73
+ Pagination
74
+ };
package/dist/SetContainer/SetContainer.js CHANGED
@@ -72,7 +72,6 @@ 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";
76
75
  /* empty css */
77
76
  /* empty css */
78
77
  /* empty css */
@@ -94,6 +93,7 @@ import "next/link.js";
94
93
  import "../PageNavItem/PageNavItem.css.js";
95
94
  import "react-slick";
96
95
  /* empty css */
96
+ /* empty css */
97
97
  /* empty css */
98
98
  /* empty css */
99
99
  import "../StepItem/StepItem.css.js";
package/dist/assets/Insight/Featured/Featured.css CHANGED
@@ -35,6 +35,7 @@
35
35
  -webkit-line-clamp: 2;
36
36
  overflow: hidden;
37
37
  text-overflow: ellipsis;
38
+ width: 100%;
38
39
  }
39
40
  ._1sr2o6v7 {
40
41
  margin: clamp(24px, 28px, 38px) 0;
@@ -79,6 +80,7 @@
79
80
  -webkit-box-orient: vertical;
80
81
  line-clamp: 2;
81
82
  -webkit-line-clamp: 2;
83
+ width: 100%;
82
84
  }
83
85
  @media screen and (max-width:1024px) {
84
86
 
package/dist/assets/PageNavItem/PageNavItem.css CHANGED
@@ -65,4 +65,15 @@
65
65
  width: 100%;
66
66
  text-align: center;
67
67
  }
68
+ }
69
+ @media screen and (max-width:1520px) {
70
+ .slick-track:has(:nth-child(6)) ._13qd2mm3 {
71
+ font: 400 16px / 1.5 var(--main-font-family);
72
+ padding: 8px 24px;
73
+ }
74
+ }
75
+ @media (max-width:1200px) and (min-width:1024px) {
76
+ .slick-track:has(:nth-child(6)) ._13qd2mm3 {
77
+ font-size: 12.5px;
78
+ }
68
79
  }
package/dist/assets/PageNavSet/PageNavigationSet.css CHANGED
@@ -24,15 +24,18 @@
24
24
  top: 0;
25
25
  z-index: 999;
26
26
  }
27
- @media screen and (max-width:735px) {
27
+ .section_spacer:has(#pageNav) + .section_spacer {
28
+ margin-top: 0px !important;
29
+ }
30
+ @media screen and (max-width:1023px) {
28
31
  .slick-slide + .slick-slide {
29
32
  margin-left: 4px;
30
33
  }
31
34
  .slick-track {
32
- left: -23px !important;
35
+ left: -34px !important;
33
36
  }
34
37
  .slick-slide {
35
- flex: 0 0 214px;
38
+ flex: 0 0 calc(12.5rem + ((1vw - 8px) * 35.8744));
36
39
  }
37
40
  }
38
41
  @media screen and (max-width: 1023px) {
@@ -72,4 +75,19 @@
72
75
  width: auto !important;
73
76
  transform: none !important;
74
77
  }
78
+ }
79
+ @media screen and (max-width:800px) {
80
+ .slick-slide {
81
+ flex: 0 0 224px;
82
+ }
83
+ }
84
+ @media screen and (max-width:645px) {
85
+ .slick-slide {
86
+ flex: 0 0 160px;
87
+ }
88
+ }
89
+ @media screen and (max-width:480px) {
90
+ .slick-slide {
91
+ flex: 0 0 0px;
92
+ }
75
93
  }
package/dist/assets/Pagination/Pagination.css ADDED
@@ -0,0 +1,17 @@
1
+ .o4qn1i0 {
2
+ display: flex;
3
+ gap: 20px;
4
+ justify-content: center;
5
+ margin: 24px 0;
6
+ color: #2F5B88;
7
+ }
8
+ .o4qn1i1 {
9
+ font-weight: bolder;
10
+ cursor: not-allowed;
11
+ pointer-events: none;
12
+ }
13
+ .o4qn1i2 {
14
+ cursor: not-allowed;
15
+ pointer-events: none;
16
+ filter: grayscale(100%);
17
+ }
package/dist/main.d.ts CHANGED
@@ -12,8 +12,8 @@ export * from './Button';
12
12
  export * from './Calculators';
13
13
  export * from './Calculators/AnnualFeeCalculator';
14
14
  export * from './Calculators/ApyCalculator';
15
- export * from './Calculators/BalanceAPYCalculator';
16
15
  export * from './Calculators/AxosOneCalculator';
16
+ export * from './Calculators/BalanceAPYCalculator';
17
17
  export * from './Calculators/MarginTradingCalculator';
18
18
  export * from './Calculators/MonthlyPaymentCalculator';
19
19
  export * from './CallToActionBar';
@@ -45,6 +45,7 @@ export * from './Modal';
45
45
  export * from './NavigationMenu';
46
46
  export * from './PageNavItem';
47
47
  export * from './PageNavSet';
48
+ export * from './Pagination/Pagination';
48
49
  export * from './SecondaryFooter';
49
50
  export * from './SetContainer';
50
51
  export * from './SocialMediaBar';
package/dist/main.js CHANGED
@@ -140,6 +140,7 @@ import { default as default30 } from "./NavigationMenu/AxosFiduciary/index.js";
140
140
  import { pn_btn, pn_link } from "./PageNavItem/PageNavItem.css.js";
141
141
  import { PageNavItem } from "./PageNavItem/PageNavItem.js";
142
142
  import { PageNavSet } from "./PageNavSet/PageNavSet.js";
143
+ import { Pagination } from "./Pagination/Pagination.js";
143
144
  import { SecondaryFooter } from "./SecondaryFooter/index.js";
144
145
  import { SocialMediaBar } from "./SocialMediaBar/index.js";
145
146
  import { StepItem } from "./StepItem/StepItem.js";
@@ -282,6 +283,7 @@ export {
282
283
  default29 as NavBarAXC,
283
284
  PageNavItem,
284
285
  PageNavSet,
286
+ Pagination,
285
287
  QuickPricer,
286
288
  default16 as QuoteIconGrey,
287
289
  default17 as QuoteIconWhite,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.160",
4
+ "version": "0.0.162",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",