@axos-web-dev/shared-components 1.0.100-dev.43-executive.2 → 1.0.100-dev.43-executive.3

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -204,7 +204,10 @@ main > div:nth-last-child(2) > .txcb8d0 {
   flex-direction: column;
 }
 .txcb8d1f {
+  position: relative;
+  isolation: isolate;
   padding-block: 80px;
+  overflow: clip;
 }
 .txcb8d1g {
   background: var(--_1073cm81);
@@ -222,6 +225,9 @@ main > div:nth-last-child(2) > .txcb8d0 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8o);
 }
+main > div:has(.txcb8d1f) {
+  margin-top: 0;
+}
 .txcb8d1l {
   display: flex;
   align-items: flex-start;
@@ -269,7 +275,7 @@ main > div:nth-last-child(2) > .txcb8d0 {
 }
 .txcb8d1v {
   gap: 3px;
-  padding-left: 20px;
+  padding-left: 24px;
 }
 .txcb8d1w {
   flex: 1;
@@ -382,6 +388,10 @@ main > div:nth-last-child(2) > .txcb8d0 {
   visibility: visible;
   opacity: 1;
 }
+.txcb8d2m:focus-visible .txcb8d2n {
+  visibility: visible;
+  opacity: 1;
+}
 .txcb8d2o {
   background: var(--_1073cm82);
   color: var(--_1073cm86);
@@ -398,6 +408,39 @@ main > div:nth-last-child(2) > .txcb8d0 {
   background: var(--_1073cm8n);
   color: var(--_1073cm8r);
 }
+.txcb8d2t {
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0.45;
+  transform: scaleX(-1);
+  height: 100%;
+  z-index: -1;
+}
+.txcb8d2v {
+  stroke: var(--_1073cm82);
+}
+.txcb8d2w {
+  stroke: var(--_1073cm89);
+}
+.txcb8d2x {
+  stroke: var(--_1073cm8g);
+}
+.txcb8d2y {
+  stroke: var(--_1073cm8n);
+}
+.txcb8d2v path {
+  stroke: var(--_1073cm82) !important;
+}
+.txcb8d2w path {
+  stroke: var(--_1073cm89) !important;
+}
+.txcb8d2x path {
+  stroke: var(--_1073cm8g) !important;
+}
+.txcb8d2y path {
+  stroke: var(--_1073cm8n) !important;
+}
 @media (max-width: 1240px) and (min-width: 1024px) {
   .txcb8dm {
     max-width: max-content;
@@ -443,6 +486,44 @@ main > div:nth-last-child(2) > .txcb8d0 {
     gap: 32px;
   }
 }
+@media (max-width: 1570px) {
+  .txcb8d2t {
+    left: calc(-11.875rem + ((1vw - 12.6200px) * 61.6883));
+  }
+}
+@media (max-width: 1262px) {
+  .txcb8d2t {
+    left: -190px;
+  }
+}
+@media (max-width: 850px) {
+  .txcb8d1l {
+    flex-direction: column;
+    gap: 24px;
+  }
+  .txcb8d1m {
+    display: contents;
+  }
+  .txcb8d1p {
+    order: 1;
+  }
+  .txcb8d1w {
+    display: contents;
+  }
+  .txcb8d2k {
+    order: 2;
+  }
+  .txcb8d2s {
+    order: 3;
+  }
+  .txcb8d2t {
+    height: 530px;
+    left: unset;
+    right: -150px;
+    transform: scaleX(1);
+    opacity: 0.15;
+  }
+}
 @media (max-width: 768px) {
   .txcb8db {
     margin-top: 8px;
@@ -483,6 +564,15 @@ main > div:nth-last-child(2) > .txcb8d0 {
   .txcb8d1f {
     padding-block: 32px;
   }
+  .txcb8d1p {
+    gap: 12px;
+  }
+  .txcb8d24 {
+    font-size: 16px;
+  }
+  .txcb8d2f {
+    font-size: 18px;
+  }
 }
 @media screen and (max-width: 1023px) {
   main > div:nth-last-child(2) > .txcb8d0 {
@@ -511,29 +601,16 @@ main > div:nth-last-child(2) > .txcb8d0 {
     width: min(1200px, calc(100% - 4rem));
   }
 }
-@media (max-width: 850px) {
-  .txcb8d1l {
-    flex-direction: column;
-    gap: 24px;
-  }
-  .txcb8d1m {
-    display: contents;
-  }
-  .txcb8d1p {
-    order: 1;
-  }
-  .txcb8d1w {
-    display: contents;
-  }
-  .txcb8d2k {
-    order: 2;
-  }
-  .txcb8d2s {
-    order: 3;
-  }
-}
 @media (min-width: 769px) {
   .txcb8d2s > * + * {
     margin-top: 14px;
   }
+}
+@media (min-width: 851px) {
+  .txcb8d2v path {
+    opacity: 0.5;
+  }
+  .txcb8d2w path {
+    opacity: 0.5;
+  }
 }

package/dist/main.js

@@ -52,7 +52,7 @@ import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
-import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, padding, person, section_theme, shift, social, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
+import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { FdicBanner } from "./FdicCallout/index.js";
@@ -694,6 +694,7 @@ export {
   ol,
   one_row,
   order_3,
+  overlay,
   padding,
   padding_in_footer,
   paragraph,
@@ -758,6 +759,7 @@ export {
   step_num,
   step_title_apply_now,
   steps_wrapper,
+  stroke_color,
   sub_bullets,
   succes_check_mark,
   success_circle,

package/package.json

@@ -1,136 +1,136 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.43-executive.2",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@ts-stack/markdown": "^1.5.0",
-    "@types/iframe-resizer": "3.5.13",
-    "@ujet/websdk-headless": "^3.41.4",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.1.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "remark-gfm": "^4.0.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.100-dev.43-executive.3",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@ts-stack/markdown": "^1.5.0",
+    "@types/iframe-resizer": "3.5.13",
+    "@ujet/websdk-headless": "^3.41.4",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.1.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "remark-gfm": "^4.0.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^18.3.23",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}