@axos-web-dev/shared-components 0.0.33 → 0.0.34

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 (5) hide show
  1. package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
  2. package/dist/ExecutiveBio/ExecutiveBio.js +63 -80
  3. package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -1
  4. package/dist/assets/ExecutiveBio/ExecutiveBio.css +2 -1
  5. package/package.json +107 -107
package/dist/ExecutiveBio/ExecutiveBio.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { Props } from './ExecutiveBio.interface';
2
2
 
3
- export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant, }: Props) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;
package/dist/ExecutiveBio/ExecutiveBio.js CHANGED
@@ -9,92 +9,75 @@ const ExecutiveBio = ({
9
9
  executiveEmailAddress,
10
10
  executivePhoneNumber,
11
11
  executiveHeadshot,
12
- variant
12
+ variant: fullVariant = "primary"
13
13
  }) => {
14
- return /* @__PURE__ */ jsx("section", { className: "section_spacer", id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx(
15
- "div",
16
- {
17
- className: `${padding} ${item_bio({ variant: getVariant(variant) })} rounded`,
18
- children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
19
- executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
20
- "div",
21
- {
22
- className: img_area,
23
- style: {
24
- backgroundImage: `url(${executiveHeadshot == null ? void 0 : executiveHeadshot.src})`
25
- },
26
- role: "presentation",
27
- children: " "
28
- }
29
- ) }) }),
30
- /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
31
- /* @__PURE__ */ jsxs("div", { className: person, children: [
32
- /* @__PURE__ */ jsx(
33
- "h2",
34
- {
35
- className: `${bio_name({ variant: getVariant(variant) })} header_3`,
36
- children: executiveName
37
- }
38
- ),
39
- /* @__PURE__ */ jsx(
40
- "h3",
41
- {
42
- className: `${job_title({ variant: getVariant(variant) })}`,
43
- children: executiveTitle
44
- }
45
- ),
46
- /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
47
- ] }),
48
- (executiveEmailAddress || executivePhoneNumber) && /* @__PURE__ */ jsx("div", { className: `${contacts} flex between push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
49
- executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
50
- /* @__PURE__ */ jsx(
51
- "svg",
14
+ const variant = getVariant(fullVariant);
15
+ return /* @__PURE__ */ jsx("section", { className: "section_spacer", id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
16
+ executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
17
+ "div",
18
+ {
19
+ className: img_area,
20
+ style: {
21
+ backgroundImage: `url(${executiveHeadshot == null ? void 0 : executiveHeadshot.src})`
22
+ },
23
+ role: "presentation",
24
+ children: " "
25
+ }
26
+ ) }) }),
27
+ /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
28
+ /* @__PURE__ */ jsxs("div", { className: person, children: [
29
+ /* @__PURE__ */ jsx("h2", { className: `${bio_name({ variant })} header_3`, children: executiveName }),
30
+ /* @__PURE__ */ jsx("h3", { className: `${job_title({ variant })}`, children: executiveTitle }),
31
+ /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
32
+ ] }),
33
+ (executiveEmailAddress || executivePhoneNumber) && /* @__PURE__ */ jsx("div", { className: `${contacts} flex between push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
34
+ executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
35
+ /* @__PURE__ */ jsx(
36
+ "svg",
37
+ {
38
+ width: "24",
39
+ height: "24",
40
+ viewBox: "0 0 24 24",
41
+ fill: "none",
42
+ xmlns: "http://www.w3.org/2000/svg",
43
+ children: /* @__PURE__ */ jsx(
44
+ "path",
52
45
  {
53
- className: svg_icon({ variant }),
54
- width: "24",
55
- height: "24",
56
- viewBox: "0 0 24 24",
57
- fill: "none",
58
- xmlns: "http://www.w3.org/2000/svg",
59
- children: /* @__PURE__ */ jsx(
60
- "path",
61
- {
62
- "fill-rule": "evenodd",
63
- "clip-rule": "evenodd",
64
- d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
65
- fill: "#fff"
66
- }
67
- )
46
+ "fill-rule": "evenodd",
47
+ "clip-rule": "evenodd",
48
+ d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
49
+ fill: "#fff",
50
+ className: svg_icon({ variant })
68
51
  }
69
- ),
70
- /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
71
- ] }),
72
- executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
73
- /* @__PURE__ */ jsx(
74
- "svg",
52
+ )
53
+ }
54
+ ),
55
+ /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
56
+ ] }),
57
+ executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
58
+ /* @__PURE__ */ jsx(
59
+ "svg",
60
+ {
61
+ width: "24",
62
+ height: "24",
63
+ viewBox: "0 0 24 24",
64
+ fill: "none",
65
+ xmlns: "http://www.w3.org/2000/svg",
66
+ children: /* @__PURE__ */ jsx(
67
+ "path",
75
68
  {
76
- className: svg_icon({ variant }),
77
- width: "24",
78
- height: "24",
79
- viewBox: "0 0 24 24",
80
- fill: "none",
81
- xmlns: "http://www.w3.org/2000/svg",
82
- children: /* @__PURE__ */ jsx(
83
- "path",
84
- {
85
- d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
86
- fill: "#fff"
87
- }
88
- )
69
+ d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
70
+ fill: "#fff",
71
+ className: svg_icon({ variant })
89
72
  }
90
- ),
91
- /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
92
- ] })
93
- ] }) })
73
+ )
74
+ }
75
+ ),
76
+ /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
94
77
  ] })
95
- ] })
96
- }
97
- ) }) });
78
+ ] }) })
79
+ ] })
80
+ ] }) }) }) });
98
81
  };
99
82
  export {
100
83
  ExecutiveBio
package/dist/ExecutiveBio/ExecutiveBioSet.js CHANGED
@@ -91,7 +91,6 @@ const ExecutiveBioSet = ({
91
91
  /* @__PURE__ */ jsx(
92
92
  "svg",
93
93
  {
94
- className: svg_icon({ variant: variant2 }),
95
94
  width: "24",
96
95
  height: "24",
97
96
  viewBox: "0 0 24 24",
@@ -100,6 +99,7 @@ const ExecutiveBioSet = ({
100
99
  children: /* @__PURE__ */ jsx(
101
100
  "path",
102
101
  {
102
+ className: svg_icon({ variant: variant2 }),
103
103
  "fill-rule": "evenodd",
104
104
  "clip-rule": "evenodd",
105
105
  d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
package/dist/assets/ExecutiveBio/ExecutiveBio.css CHANGED
@@ -68,7 +68,7 @@
68
68
  margin-top: 24px;
69
69
  }
70
70
  .txcb8dn p {
71
- font-size: 1.5rem;
71
+ font-size: 16px;
72
72
  line-height: 1.5;
73
73
  }
74
74
  .txcb8dl a {
@@ -86,6 +86,7 @@
86
86
  font-size: 20px;
87
87
  font-family: var(--header-font-family);
88
88
  text-decoration: none;
89
+ font-weight: 600;
89
90
  }
90
91
  .txcb8dp {
91
92
  color: #0062B3;
package/package.json CHANGED
@@ -1,107 +1,107 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "0.0.33",
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 install",
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.3.4",
32
- "@react-input/mask": "^1.0.23",
33
- "@storybook/builder-vite": "^7.6.13",
34
- "@storybook/preview-api": "^7.6.16",
35
- "@vanilla-extract/css": "^1.14.1",
36
- "@vanilla-extract/recipes": "^0.5.1",
37
- "clsx": "^2.1.0",
38
- "react-hook-form": "^7.51.1",
39
- "react-markdown": "^9.0.1",
40
- "react-use": "^17.5.0",
41
- "typed-css-modules": "^0.9.1",
42
- "vite-plugin-svgr": "^4.2.0",
43
- "zod": "^3.22.4",
44
- "zustand": "^4.5.0"
45
- },
46
- "peerDependencies": {
47
- "@vanilla-extract/css": "^1.14.1",
48
- "@vanilla-extract/css-utils": "^0.1.3",
49
- "@vanilla-extract/recipes": "^0.5.1",
50
- "@vanilla-extract/vite-plugin": "^4.0.3",
51
- "next": "^14.1.4",
52
- "react": "^18.2.0",
53
- "react-dom": "^18.2.0"
54
- },
55
- "devDependencies": {
56
- "@rollup/plugin-alias": "^5.1.0",
57
- "@storybook/addon-essentials": "^7.6.13",
58
- "@storybook/addon-interactions": "^7.6.13",
59
- "@storybook/addon-links": "^7.6.13",
60
- "@storybook/addon-onboarding": "^1.0.11",
61
- "@storybook/addon-themes": "^7.6.10",
62
- "@storybook/blocks": "^7.6.13",
63
- "@storybook/react": "^7.6.13",
64
- "@storybook/react-vite": "^7.6.13",
65
- "@storybook/test": "^7.6.13",
66
- "@svgr/core": "^8.1.0",
67
- "@svgr/plugin-prettier": "^8.1.0",
68
- "@svgr/plugin-svgo": "^8.1.0",
69
- "@types/node": "^20.11.16",
70
- "@types/react": "^18.2.43",
71
- "@types/react-dom": "^18.2.17",
72
- "@typescript-eslint/eslint-plugin": "^6.14.0",
73
- "@typescript-eslint/parser": "^6.14.0",
74
- "@vanilla-extract/css-utils": "^0.1.3",
75
- "@vanilla-extract/recipes": "^0.5.1",
76
- "@vanilla-extract/vite-plugin": "^4.0.3",
77
- "@vitejs/plugin-react-swc": "^3.5.0",
78
- "esbuild-vanilla-image-loader": "^0.1.3",
79
- "eslint": "^8.55.0",
80
- "eslint-plugin-react-hooks": "^4.6.0",
81
- "eslint-plugin-react-refresh": "^0.4.5",
82
- "eslint-plugin-storybook": "^0.6.15",
83
- "glob": "^10.3.10",
84
- "husky": "^8.0.0",
85
- "next": "^14.1.4",
86
- "prettier": "3.2.5",
87
- "react": "^18.2.0",
88
- "react-dom": "^18.2.0",
89
- "rollup-plugin-preserve-directives": "^0.4.0",
90
- "rollup-plugin-svg-import": "^3.0.0",
91
- "rollup-plugin-svgo": "^2.0.0",
92
- "storybook": "^7.6.13",
93
- "typescript": "^5.2.2",
94
- "typescript-plugin-css-modules": "^5.1.0",
95
- "vite": "^5.0.8",
96
- "vite-plugin-dts": "^3.7.3",
97
- "vite-plugin-lib-inject-css": "^1.3.0",
98
- "vite-plugin-setting-css-module": "^1.1.4",
99
- "vite-tsconfig-paths": "^4.3.1"
100
- },
101
- "main": "index.js",
102
- "directories": {
103
- "lib": "lib"
104
- },
105
- "author": "axos-web-dev",
106
- "license": "ISC"
107
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "0.0.34",
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 install",
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.3.4",
32
+ "@react-input/mask": "^1.0.23",
33
+ "@storybook/builder-vite": "^7.6.13",
34
+ "@storybook/preview-api": "^7.6.16",
35
+ "@vanilla-extract/css": "^1.14.1",
36
+ "@vanilla-extract/recipes": "^0.5.1",
37
+ "clsx": "^2.1.0",
38
+ "react-hook-form": "^7.51.1",
39
+ "react-markdown": "^9.0.1",
40
+ "react-use": "^17.5.0",
41
+ "typed-css-modules": "^0.9.1",
42
+ "vite-plugin-svgr": "^4.2.0",
43
+ "zod": "^3.22.4",
44
+ "zustand": "^4.5.0"
45
+ },
46
+ "peerDependencies": {
47
+ "@vanilla-extract/css": "^1.14.1",
48
+ "@vanilla-extract/css-utils": "^0.1.3",
49
+ "@vanilla-extract/recipes": "^0.5.1",
50
+ "@vanilla-extract/vite-plugin": "^4.0.3",
51
+ "next": "^14.1.4",
52
+ "react": "^18.2.0",
53
+ "react-dom": "^18.2.0"
54
+ },
55
+ "devDependencies": {
56
+ "@rollup/plugin-alias": "^5.1.0",
57
+ "@storybook/addon-essentials": "^7.6.13",
58
+ "@storybook/addon-interactions": "^7.6.13",
59
+ "@storybook/addon-links": "^7.6.13",
60
+ "@storybook/addon-onboarding": "^1.0.11",
61
+ "@storybook/addon-themes": "^7.6.10",
62
+ "@storybook/blocks": "^7.6.13",
63
+ "@storybook/react": "^7.6.13",
64
+ "@storybook/react-vite": "^7.6.13",
65
+ "@storybook/test": "^7.6.13",
66
+ "@svgr/core": "^8.1.0",
67
+ "@svgr/plugin-prettier": "^8.1.0",
68
+ "@svgr/plugin-svgo": "^8.1.0",
69
+ "@types/node": "^20.11.16",
70
+ "@types/react": "^18.2.43",
71
+ "@types/react-dom": "^18.2.17",
72
+ "@typescript-eslint/eslint-plugin": "^6.14.0",
73
+ "@typescript-eslint/parser": "^6.14.0",
74
+ "@vanilla-extract/css-utils": "^0.1.3",
75
+ "@vanilla-extract/recipes": "^0.5.1",
76
+ "@vanilla-extract/vite-plugin": "^4.0.3",
77
+ "@vitejs/plugin-react-swc": "^3.5.0",
78
+ "esbuild-vanilla-image-loader": "^0.1.3",
79
+ "eslint": "^8.55.0",
80
+ "eslint-plugin-react-hooks": "^4.6.0",
81
+ "eslint-plugin-react-refresh": "^0.4.5",
82
+ "eslint-plugin-storybook": "^0.6.15",
83
+ "glob": "^10.3.10",
84
+ "husky": "^8.0.0",
85
+ "next": "^14.1.4",
86
+ "prettier": "3.2.5",
87
+ "react": "^18.2.0",
88
+ "react-dom": "^18.2.0",
89
+ "rollup-plugin-preserve-directives": "^0.4.0",
90
+ "rollup-plugin-svg-import": "^3.0.0",
91
+ "rollup-plugin-svgo": "^2.0.0",
92
+ "storybook": "^7.6.13",
93
+ "typescript": "^5.2.2",
94
+ "typescript-plugin-css-modules": "^5.1.0",
95
+ "vite": "^5.0.8",
96
+ "vite-plugin-dts": "^3.7.3",
97
+ "vite-plugin-lib-inject-css": "^1.3.0",
98
+ "vite-plugin-setting-css-module": "^1.1.4",
99
+ "vite-tsconfig-paths": "^4.3.1"
100
+ },
101
+ "main": "index.js",
102
+ "directories": {
103
+ "lib": "lib"
104
+ },
105
+ "author": "axos-web-dev",
106
+ "license": "ISC"
107
+ }