@axos-web-dev/shared-components 1.0.52 → 1.0.53

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.
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
+ import React, { useEffect, Children, cloneElement } from "react";
3
4
  import { section_text } from "../IconBillboard/IconBillboard.css.js";
4
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
6
  import "../icons/CheckIcon/CheckIcon.css.js";
@@ -19,7 +20,6 @@ import clsx from "clsx";
19
20
  import "../Accordion/Accordion.js";
20
21
  import "../Accordion/Accordion.css.js";
21
22
  import "../AlertBanner/AlertBanner.css.js";
22
- import React, { useEffect, Children, cloneElement } from "react";
23
23
  import "../Article/Article.css.js";
24
24
  import "../Interstitial/Interstitial-variants.css.js";
25
25
  import "../Chevron/Chevron.css.js";
@@ -1,11 +1,11 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import "react";
2
3
  import { BulletItem } from "../BulletItem/BulletItem.js";
3
4
  import { Chevron } from "../Chevron/index.js";
4
5
  import { getVariant } from "../utils/getVariant.js";
5
6
  import clsx from "clsx";
6
7
  import { Button } from "../Button/Button.js";
7
8
  import "../Button/Button.css.js";
8
- import "react";
9
9
  import "react-use";
10
10
  import { content, title } from "../IconBillboard/IconBillboard.css.js";
11
11
  import SvgStarIcon from "../icons/Star/index.js";
@@ -1,11 +1,12 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { useRef, useState, useEffect, createElement } from "react";
2
4
  import { BulletItem } from "../BulletItem/BulletItem.js";
3
5
  import { Chevron } from "../Chevron/index.js";
4
6
  import { getVariant } from "../utils/getVariant.js";
5
7
  import clsx from "clsx";
6
8
  import { Button } from "../Button/Button.js";
7
9
  import "../Button/Button.css.js";
8
- import "react";
9
10
  import "react-use";
10
11
  import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
11
12
  const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
@@ -22,6 +23,19 @@ const IconBillboard = (props) => {
22
23
  id
23
24
  } = props;
24
25
  const variant = getVariant(fullVariant);
26
+ const headingRef = useRef(null);
27
+ const [headingLevel, setHeadingLevel] = useState("h2");
28
+ useEffect(() => {
29
+ if (headingRef.current) {
30
+ const section = headingRef.current.closest(".section_spacer");
31
+ if (section) {
32
+ const existingH2 = section.querySelector("h2.mb_16");
33
+ if (existingH2) {
34
+ setHeadingLevel("h3");
35
+ }
36
+ }
37
+ }
38
+ }, []);
25
39
  return /* @__PURE__ */ jsxs(
26
40
  "div",
27
41
  {
@@ -45,7 +59,14 @@ const IconBillboard = (props) => {
45
59
  ) }),
46
60
  /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
47
61
  /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
48
- /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
62
+ headline && createElement(
63
+ headingLevel,
64
+ {
65
+ ref: headingRef,
66
+ className: `${title({ variant })}`
67
+ },
68
+ headline
69
+ ),
49
70
  /* @__PURE__ */ jsx("div", { children: body })
50
71
  ] }),
51
72
  items && items?.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items?.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
+ import "react";
2
3
  import { buttons } from "../IconBillboard/IconBillboard.css.js";
3
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
5
  import "../icons/CheckIcon/CheckIcon.css.js";
@@ -15,7 +16,6 @@ import "clsx";
15
16
  import { Chevron } from "../Chevron/index.js";
16
17
  import { Button } from "../Button/Button.js";
17
18
  import "../Button/Button.css.js";
18
- import "react";
19
19
  import "react-use";
20
20
  import { SetContainer } from "../SetContainer/SetContainer.js";
21
21
  import "../SetContainer/SetContainer.css.js";
@@ -1,5 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { Chevron } from "../../Chevron/index.js";
3
+ import "react";
3
4
  import { title } from "../../IconBillboard/IconBillboard.css.js";
4
5
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
5
6
  import "../../icons/CheckIcon/CheckIcon.css.js";
@@ -21,7 +22,6 @@ import "../../AlertBanner/AlertBanner.css.js";
21
22
  import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
22
23
  import "../../Article/Article.css.js";
23
24
  import "../../ArticlesSet/ArticlesSet.css.js";
24
- import "react";
25
25
  import "../../Calculators/calculator.css.js";
26
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../../Button/Button.css.js";
@@ -1,4 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { Fragment } from "react";
2
3
  import { title } from "../../IconBillboard/IconBillboard.css.js";
3
4
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
4
5
  import "../../icons/CheckIcon/CheckIcon.css.js";
@@ -16,7 +17,6 @@ import clsx from "clsx";
16
17
  import "../../Accordion/Accordion.js";
17
18
  import "../../Accordion/Accordion.css.js";
18
19
  import "../../AlertBanner/AlertBanner.css.js";
19
- import { Fragment } from "react";
20
20
  import "../../Article/Article.css.js";
21
21
  import "../../Interstitial/Interstitial-variants.css.js";
22
22
  import "../../Chevron/Chevron.css.js";
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "react";
2
3
  import { title } from "../../IconBillboard/IconBillboard.css.js";
3
4
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
4
5
  import "../../icons/CheckIcon/CheckIcon.css.js";
@@ -14,7 +15,6 @@ import clsx from "clsx";
14
15
  import "../../Accordion/Accordion.js";
15
16
  import "../../Accordion/Accordion.css.js";
16
17
  import "../../AlertBanner/AlertBanner.css.js";
17
- import "react";
18
18
  import "../../Article/Article.css.js";
19
19
  import "../../Interstitial/Interstitial-variants.css.js";
20
20
  import "../../Chevron/Chevron.css.js";
@@ -134,7 +134,7 @@ export declare const menuData: {
134
134
  Solutions: {
135
135
  "Solutions Home": string;
136
136
  "New Business": string;
137
- "Non-Profits": string;
137
+ "Non-Profit Banking": string;
138
138
  };
139
139
  "Other Resources": {
140
140
  "Business Support": string;
@@ -391,8 +391,8 @@ const menuData = {
391
391
  "New Business": findMoreAxosDomains(
392
392
  "{AXOSBANK}/business/solutions/new-business"
393
393
  ),
394
- "Non-Profits": findMoreAxosDomains(
395
- "{AXOSBANK}/business/solutions/non-profits"
394
+ "Non-Profit Banking": findMoreAxosDomains(
395
+ "{AXOSBANK}/business/solutions/nonprofit-banking"
396
396
  )
397
397
  },
398
398
  "Other Resources": {
@@ -2325,9 +2325,9 @@ function SubNavBar() {
2325
2325
  Link,
2326
2326
  {
2327
2327
  href: findMoreAxosDomains(
2328
- "{AXOSBANK}/business/solutions/non-profits"
2328
+ "{AXOSBANK}/business/solutions/nonprofit-banking"
2329
2329
  ),
2330
- children: "Non-Profits"
2330
+ children: "Non-Profit Banking"
2331
2331
  }
2332
2332
  ) })
2333
2333
  ] })
@@ -234,6 +234,9 @@ p:empty, ul:empty {
234
234
  .margin_block {
235
235
  margin: 1rem 0;
236
236
  }
237
+ #id-9g4WRueqSVH5Yt3z7Cry2 {
238
+ width: 1200px !important;
239
+ }
237
240
  @media screen and (max-width: 1023px) {
238
241
  .containment {
239
242
  width: min(45rem, calc(100% - 4rem));
package/package.json CHANGED
@@ -1,131 +1,131 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "1.0.52",
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
- "@headlessui/react": "^2.2.0",
32
- "@hookform/resolvers": "^3.9.1",
33
- "@react-input/mask": "^1.2.15",
34
- "@react-input/number-format": "^1.1.3",
35
- "@storybook/icons": "^1.3.0",
36
- "@storybook/preview-api": "^8.4.7",
37
- "@types/iframe-resizer": "3.5.13",
38
- "@vanilla-extract/css": "^1.16.1",
39
- "@vanilla-extract/recipes": "^0.5.1",
40
- "antd": "^5.22.5",
41
- "clsx": "^2.1.1",
42
- "framer-motion": "^12.9.2",
43
- "iframe-resizer": "^3.6.6",
44
- "lodash": "^4.17.21",
45
- "moment": "^2.30.1",
46
- "react-date-picker": "^11.0.0",
47
- "react-date-range": "^2.0.1",
48
- "react-hook-form": "^7.54.2",
49
- "react-markdown": "^9.0.1",
50
- "react-popper": "^2.3.0",
51
- "react-slick": "^0.30.2",
52
- "react-use": "^17.6.0",
53
- "react-wrap-balancer": "^1.1.1",
54
- "rsuite": "^5.75.0",
55
- "slick-carousel": "^1.8.1",
56
- "typed-css-modules": "^0.9.1",
57
- "vite-plugin-svgr": "^4.3.0",
58
- "zod": "^3.24.1",
59
- "zustand": "^4.5.5"
60
- },
61
- "peerDependencies": {
62
- "@vanilla-extract/css-utils": "^0.1.3",
63
- "@vanilla-extract/recipes": "^0.5.1",
64
- "@vanilla-extract/vite-plugin": "^4.0.3",
65
- "next": "^14.1.4",
66
- "react": "^18.2.0",
67
- "react-date-range": "^2.0.1",
68
- "react-dom": "^18.2.0",
69
- "react-popper": "^2.3.0",
70
- "react-slick": "^0.30.2",
71
- "slick-carousel": "^1.8.1"
72
- },
73
- "devDependencies": {
74
- "@chromatic-com/storybook": "^1.9.0",
75
- "@rollup/plugin-alias": "^5.1.1",
76
- "@storybook/addon-essentials": "^8.4.7",
77
- "@storybook/addon-interactions": "^8.4.7",
78
- "@storybook/addon-links": "^8.4.7",
79
- "@storybook/addon-mdx-gfm": "^8.4.7",
80
- "@storybook/addon-onboarding": "^8.4.7",
81
- "@storybook/addon-themes": "^8.4.7",
82
- "@storybook/blocks": "^8.4.7",
83
- "@storybook/react": "^8.4.7",
84
- "@storybook/react-vite": "^8.4.7",
85
- "@storybook/test": "^8.4.7",
86
- "@svgr/core": "^8.1.0",
87
- "@svgr/plugin-prettier": "^8.1.0",
88
- "@svgr/plugin-svgo": "^8.1.0",
89
- "@types/lodash": "^4.17.13",
90
- "@types/node": "^20.17.10",
91
- "@types/react": "^18.3.18",
92
- "@types/react-date-range": "^1.4.9",
93
- "@types/react-datepicker": "^6.2.0",
94
- "@types/react-dom": "^18.3.5",
95
- "@types/react-slick": "^0.23.13",
96
- "@typescript-eslint/eslint-plugin": "^7.18.0",
97
- "@typescript-eslint/parser": "^7.18.0",
98
- "@vanilla-extract/css-utils": "^0.1.4",
99
- "@vanilla-extract/recipes": "^0.5.5",
100
- "@vanilla-extract/vite-plugin": "^4.0.18",
101
- "@vitejs/plugin-react-swc": "^3.7.2",
102
- "esbuild-vanilla-image-loader": "^0.1.3",
103
- "eslint": "^8.57.1",
104
- "eslint-plugin-react-hooks": "^4.6.2",
105
- "eslint-plugin-react-refresh": "^0.4.16",
106
- "eslint-plugin-storybook": "^0.8.0",
107
- "glob": "^10.4.5",
108
- "husky": "^9.1.7",
109
- "next": "^14.1.4",
110
- "prettier": "3.2.5",
111
- "react": "^18.3.1",
112
- "react-dom": "^18.3.1",
113
- "rollup-plugin-preserve-directives": "^0.4.0",
114
- "rollup-plugin-svg-import": "^3.0.0",
115
- "rollup-plugin-svgo": "^2.0.0",
116
- "storybook": "^8.4.7",
117
- "typescript": "^5.7.2",
118
- "typescript-plugin-css-modules": "^5.1.0",
119
- "vite": "^5.4.11",
120
- "vite-plugin-dts": "^3.9.1",
121
- "vite-plugin-lib-inject-css": "^2.1.1",
122
- "vite-plugin-setting-css-module": "^1.1.4",
123
- "vite-tsconfig-paths": "^4.3.2"
124
- },
125
- "main": "index.js",
126
- "directories": {
127
- "lib": "lib"
128
- },
129
- "author": "axos-web-dev",
130
- "license": "ISC"
131
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "1.0.53",
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
+ "@headlessui/react": "^2.2.0",
32
+ "@hookform/resolvers": "^3.9.1",
33
+ "@react-input/mask": "^1.2.15",
34
+ "@react-input/number-format": "^1.1.3",
35
+ "@storybook/icons": "^1.3.0",
36
+ "@storybook/preview-api": "^8.4.7",
37
+ "@types/iframe-resizer": "3.5.13",
38
+ "@vanilla-extract/css": "^1.16.1",
39
+ "@vanilla-extract/recipes": "^0.5.1",
40
+ "antd": "^5.22.5",
41
+ "clsx": "^2.1.1",
42
+ "framer-motion": "^12.9.2",
43
+ "iframe-resizer": "^3.6.6",
44
+ "lodash": "^4.17.21",
45
+ "moment": "^2.30.1",
46
+ "react-date-picker": "^11.0.0",
47
+ "react-date-range": "^2.0.1",
48
+ "react-hook-form": "^7.54.2",
49
+ "react-markdown": "^9.0.1",
50
+ "react-popper": "^2.3.0",
51
+ "react-slick": "^0.30.2",
52
+ "react-use": "^17.6.0",
53
+ "react-wrap-balancer": "^1.1.1",
54
+ "rsuite": "^5.75.0",
55
+ "slick-carousel": "^1.8.1",
56
+ "typed-css-modules": "^0.9.1",
57
+ "vite-plugin-svgr": "^4.3.0",
58
+ "zod": "^3.24.1",
59
+ "zustand": "^4.5.5"
60
+ },
61
+ "peerDependencies": {
62
+ "@vanilla-extract/css-utils": "^0.1.3",
63
+ "@vanilla-extract/recipes": "^0.5.1",
64
+ "@vanilla-extract/vite-plugin": "^4.0.3",
65
+ "next": "^14.1.4",
66
+ "react": "^18.2.0",
67
+ "react-date-range": "^2.0.1",
68
+ "react-dom": "^18.2.0",
69
+ "react-popper": "^2.3.0",
70
+ "react-slick": "^0.30.2",
71
+ "slick-carousel": "^1.8.1"
72
+ },
73
+ "devDependencies": {
74
+ "@chromatic-com/storybook": "^1.9.0",
75
+ "@rollup/plugin-alias": "^5.1.1",
76
+ "@storybook/addon-essentials": "^8.4.7",
77
+ "@storybook/addon-interactions": "^8.4.7",
78
+ "@storybook/addon-links": "^8.4.7",
79
+ "@storybook/addon-mdx-gfm": "^8.4.7",
80
+ "@storybook/addon-onboarding": "^8.4.7",
81
+ "@storybook/addon-themes": "^8.4.7",
82
+ "@storybook/blocks": "^8.4.7",
83
+ "@storybook/react": "^8.4.7",
84
+ "@storybook/react-vite": "^8.4.7",
85
+ "@storybook/test": "^8.4.7",
86
+ "@svgr/core": "^8.1.0",
87
+ "@svgr/plugin-prettier": "^8.1.0",
88
+ "@svgr/plugin-svgo": "^8.1.0",
89
+ "@types/lodash": "^4.17.13",
90
+ "@types/node": "^20.17.10",
91
+ "@types/react": "^18.3.18",
92
+ "@types/react-date-range": "^1.4.9",
93
+ "@types/react-datepicker": "^6.2.0",
94
+ "@types/react-dom": "^18.3.5",
95
+ "@types/react-slick": "^0.23.13",
96
+ "@typescript-eslint/eslint-plugin": "^7.18.0",
97
+ "@typescript-eslint/parser": "^7.18.0",
98
+ "@vanilla-extract/css-utils": "^0.1.4",
99
+ "@vanilla-extract/recipes": "^0.5.5",
100
+ "@vanilla-extract/vite-plugin": "^4.0.18",
101
+ "@vitejs/plugin-react-swc": "^3.7.2",
102
+ "esbuild-vanilla-image-loader": "^0.1.3",
103
+ "eslint": "^8.57.1",
104
+ "eslint-plugin-react-hooks": "^4.6.2",
105
+ "eslint-plugin-react-refresh": "^0.4.16",
106
+ "eslint-plugin-storybook": "^0.8.0",
107
+ "glob": "^10.4.5",
108
+ "husky": "^9.1.7",
109
+ "next": "^14.1.4",
110
+ "prettier": "3.2.5",
111
+ "react": "^18.3.1",
112
+ "react-dom": "^18.3.1",
113
+ "rollup-plugin-preserve-directives": "^0.4.0",
114
+ "rollup-plugin-svg-import": "^3.0.0",
115
+ "rollup-plugin-svgo": "^2.0.0",
116
+ "storybook": "^8.4.7",
117
+ "typescript": "^5.7.2",
118
+ "typescript-plugin-css-modules": "^5.1.0",
119
+ "vite": "^5.4.11",
120
+ "vite-plugin-dts": "^3.9.1",
121
+ "vite-plugin-lib-inject-css": "^2.1.1",
122
+ "vite-plugin-setting-css-module": "^1.1.4",
123
+ "vite-tsconfig-paths": "^4.3.2"
124
+ },
125
+ "main": "index.js",
126
+ "directories": {
127
+ "lib": "lib"
128
+ },
129
+ "author": "axos-web-dev",
130
+ "license": "ISC"
131
+ }