@axos-web-dev/shared-components 1.0.100-sectionSpacerRemoved.5 → 1.0.101-dev.1

package/dist/assets/NavigationMenu/LaVictoire/NavBar.css

@@ -1,3 +1,429 @@
-.gpiuiy0 {
-  max-height: 20rem !important;
-}
+._header_1q2xq_1 {
+  border-bottom: 1px solid #ebebeb;
+}
+
+._wrapper_1q2xq_5 {
+  width: calc(100% - 80px);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+._header_main_row_1q2xq_11,
+._mobile_header_1q2xq_12 {
+  min-height: 80px;
+}
+
+._primary_links_1q2xq_16 {
+  margin-left: 30px;
+}
+
+._main_nav_link_1q2xq_20 {
+  padding: 10px 8px;
+  text-align: center;
+}
+
+._main_nav_link_1q2xq_20 .active {
+  border-color: #dd7b50;
+  font-weight: 700;
+  transition: border-color 0.5s ease;
+}
+
+._main_nav_link_1q2xq_20 > a {
+  border-bottom: 4px solid transparent;
+  color: #1c3d57;
+  display: inline-block;
+  font-size: 16px;
+  padding: 4px 26px;
+}
+
+._sub_nav_1q2xq_39 {
+  background-color: #1c3d57;
+}
+
+._sub_nav_link_1q2xq_43 a,
+._main_nav_link_1q2xq_20 a,
+._signin_wrap_1q2xq_45 a,
+._signin_btn_1q2xq_46 {
+  text-decoration: none;
+  transition: opacity 0.3s ease;
+}
+
+._sub_nav_link_1q2xq_43:hover,
+._main_nav_link_1q2xq_20 a:hover,
+._signin_wrap_1q2xq_45 a:hover {
+  opacity: 0.8;
+}
+
+._signin_wrap_1q2xq_45 .link {
+  text-decoration: none;
+  padding: 8px;
+}
+
+._signin_btn_1q2xq_46 {
+  background: #60aecb;
+  border-color: transparent;
+  border-radius: 8px;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: 1px;
+  line-height: 1.44;
+  margin-left: 8px;
+  padding: 11px 24px;
+}
+
+._signin_btn_1q2xq_46:hover {
+  background-color: transparent;
+  border-color: #1c3d57;
+  color: #1c3d57;
+  opacity: 0.9;
+}
+._signin_btn_1q2xq_46:active {
+  background-color: #60aecb;
+  border-color: transparent;
+  color: #fff;
+}
+
+._signin_btn_1q2xq_46 > span {
+  margin-right: 8px;
+}
+
+._header_sub_row_1q2xq_93 {
+  min-height: 48px;
+  position: relative;
+}
+
+._sub_nav_link_1q2xq_43 {
+  padding-inline: 1rem;
+  text-align: center;
+  color: #fff;
+}
+
+._sub_nav_link_1q2xq_43 a {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  line-height: 1.5;
+  padding: 12px 9.5px;
+}
+
+._sub_nav_link_1q2xq_43 a:hover {
+  background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
+}
+
+._signin_dropdown_1q2xq_116 {
+  min-width: 288px;
+  padding: 1.5rem 1rem;
+  position: absolute;
+  right: 0;
+  top: 100%;
+  z-index: 1204;
+  display: none;
+}
+
+._shadow_1q2xq_126 {
+  box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
+  border: 0.5px solid rgb(255 255 255 / 14%);
+  border-top: none;
+}
+
+._signin_dropdown_1q2xq_116 li[role="heading"] {
+  margin-top: 1px;
+}
+
+._signin_subheader_1q2xq_136 {
+  color: #2f5b88;
+  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
+}
+
+._signin_subheader_1q2xq_136 a {
+  line-height: 1.5;
+}
+
+@keyframes _fadeInDown_1q2xq_1 {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -1%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+._opacity_1q2xq_157 {
+  animation-duration: 0.5s;
+  animation-fill-mode: both;
+  animation-name: _fadeInDown_1q2xq_1;
+}
+
+._open_1q2xq_163 {
+  opacity: 0.8;
+}
+
+._open_1q2xq_163 > svg {
+  transform: scaleY(-1);
+}
+
+._open_1q2xq_163 + ._signin_dropdown_1q2xq_116 {
+  display: block;
+}
+
+._reversed_row_1q2xq_175 {
+  flex-direction: row-reverse;
+}
+
+._sub_nav_link_1q2xq_43:hover,
+._signin_wrap_1q2xq_45 a:hover,
+._main_nav_link_1q2xq_20 a:not(.active):hover {
+  text-decoration: underline;
+}
+
+._hamburger_1q2xq_185 {
+  background: transparent;
+  border: none;
+  font-size: 0px;
+  line-height: 1;
+  outline: none;
+}
+
+._hamburger_1q2xq_185:hover,
+._mobile_header_1q2xq_12 button:hover {
+  cursor: pointer;
+  opacity: 0.8;
+}
+
+._signin_wrap_1q2xq_45 > ._mobile_only_1q2xq_199 > a {
+  color: #4a5560;
+  padding: 0;
+  line-height: 1;
+}
+
+._mobile_logo_1q2xq_205 {
+  flex: 1 1 0%;
+  text-align: center;
+}
+
+._highlight_1q2xq_210 > a {
+  border-bottom: none;
+  font-weight: 700;
+  line-height: 1.44;
+  color: #28587d !important;
+}
+
+._mobile_header_1q2xq_12 {
+  display: grid;
+  padding-bottom: 1rem;
+  place-items: center;
+}
+
+._mobile_header_1q2xq_12 button {
+  background: none;
+  border: none;
+  position: absolute;
+  right: 40px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+._mobile_nav_1q2xq_232 {
+  background-color: #60aecb;
+  left: -100%;
+  min-height: 100vh;
+  position: fixed;
+  top: 0;
+  transition: all 0.4s ease-in-out;
+  width: 100%;
+  z-index: 1205;
+}
+
+._mobile_opened_1q2xq_243 {
+  left: 0%;
+}
+
+body:has(._mobile_opened_1q2xq_243) {
+  overflow-y: hidden;
+}
+
+._mobile_nav_item_1q2xq_251 > a {
+  color: #fff;
+  display: flex;
+  font-weight: 700;
+  line-height: 1.5;
+  padding: 16px 40px;
+  text-decoration: none;
+  width: 100%;
+  letter-spacing: 1px;
+}
+
+._mobile_nav_item_1q2xq_251._has_dropdown_1q2xq_262 {
+  isolation: isolate;
+  position: relative;
+}
+
+._icon_wrap_1q2xq_267 {
+  line-height: 1;
+  margin-left: 10px;
+}
+
+._mobile_footer_1q2xq_272 {
+  position: relative;
+  width: 100%;
+}
+
+._mobile_footer_content_1q2xq_277 {
+  flex: 1 1 0%;
+  padding: 16px 24px 16px 40px;
+}
+
+._footer_cta_1q2xq_282 a {
+  background-color: #1c3d57;
+  border-radius: 4px;
+  border: 2px solid transparent;
+  color: #fff;
+  display: inline-block;
+  font-weight: 700;
+  padding: 4px 32px;
+  text-align: center;
+  text-decoration: none;
+  width: 100%;
+}
+
+._footer_cta_1q2xq_282 a:hover {
+  background-color: transparent;
+  border-color: #1c3d57;
+  color: #1c3d57;
+  text-decoration: underline;
+}
+
+._footer_cta_1q2xq_282 a:active {
+  background-color: #1c3d57;
+  border-color: transparent;
+  color: #fff;
+}
+
+._inner_wrapper_1q2xq_308 {
+  max-height: 100vh;
+  overflow-y: scroll;
+}
+
+._btn_1q2xq_313 {
+  display: block;
+  position: relative;
+}
+
+._sub_menu_1q2xq_318 {
+  background: #1f7a96;
+  max-height: 0;
+  overflow-y: scroll;
+  overflow: hidden;
+  transition: max-height 0.8s ease-out;
+}
+
+._sub_menu_1q2xq_318 a,
+._sub_menu_1q2xq_318 span {
+  color: #fff;
+  display: block;
+  padding: 12px 14px 12px 64px;
+  position: relative;
+  text-decoration: none;
+}
+
+._sub_menu_1q2xq_318 ._main_1q2xq_20 {
+  font-weight: 700;
+}
+
+._skip_btn_1q2xq_339 {
+  clip: rect(1px 1px 1px 1px);
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  z-index: 9999;
+}
+
+._skip_btn_1q2xq_339:active,
+._skip_btn_1q2xq_339:focus {
+  background-color: #dd7b50;
+  border-radius: 8px;
+  clip: auto;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  margin: 0;
+  overflow: visible;
+  padding: 9px 24px;
+  position: relative;
+  text-decoration: none;
+  top: 12px;
+}
+
+@media (max-width: 1280px) and (min-width: 1024px) {
+  ._wrapper_1q2xq_5 {
+    width: calc(100% - 28px);
+  }
+  ._main_nav_link_1q2xq_20 > a {
+    padding: 4px 6px;
+    font-size: 15px;
+  }
+  ._desktop_only_1q2xq_372 > a {
+    font-size: 15px;
+  }
+  ._logo_wrap_1q2xq_375 {
+    max-width: 185px;
+  }
+}
+
+@media (max-width: 1023px) {
+  ._desktop_only_1q2xq_372 {
+    display: none !important;
+  }
+  ._mobile_logo_1q2xq_205 {
+    flex: none;
+    left: 50%;
+    max-width: 130px;
+    position: absolute;
+    transform: translateX(-50%);
+  }
+}
+
+@media (max-width: 768px) {
+  ._wrapper_1q2xq_5 {
+    width: calc(100% - 48px);
+  }
+
+  ._mobile_header_1q2xq_12 button {
+    right: 1.5rem;
+  }
+
+  ._mobile_nav_item_1q2xq_251 > a {
+    padding: 16px 24px;
+  }
+
+  ._sub_menu_1q2xq_318 a,
+  ._sub_menu_1q2xq_318 span {
+    padding-left: 48px;
+  }
+
+  ._mobile_footer_content_1q2xq_277 {
+    padding-right: 15px;
+    padding-left: 24px;
+  }
+}
+
+@media (max-width: 450px) {
+  ._footer_cta_1q2xq_282 a {
+    white-space: break-spaces;
+    width: 100%;
+    text-align: center;
+  }
+}
+
+@media (min-width: 1024px) {
+  ._mobile_only_1q2xq_199 {
+    display: none !important;
+  }
+}

package/dist/assets/NavigationMenu/LaVictoire/NavBar2.css

@@ -0,0 +1,3 @@
+.gpiuiy0 {
+  max-height: 20rem !important;
+}

package/dist/assets/Topic/Topic.css

@@ -15,7 +15,7 @@
 }
 .un906l2 {
   font-size: 28px;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 36px;
   letter-spacing: 0.2px;
   font-family: var(--header-font-family);

package/dist/assets/Typography/Typography.css

@@ -1,6 +1,6 @@
 ._17xoant0 {
   font-family: var(--header-font-family);
-  font-weight: 700;
+  font-weight: 600;
   font-size: 40px;
 }
 ._17xoant2 {

package/dist/assets/VideoTile/VideoTile.css

@@ -9,7 +9,7 @@
 ._16puo4g2 {
   color: var(--_1073cm85);
   font-size: 24px;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 32px;
   text-align: center;
   font-family: var(--header-font-family);

package/dist/main.js

@@ -102,13 +102,14 @@ import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
+import { BoatMooringLocation } from "./Forms/BoatMooringLocation.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
 import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, insightTitle, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
 import { default as default2 } from "./icons/ArrowIcon/index.js";
 import { default as default3 } from "./icons/AxosX/index.js";
@@ -248,6 +249,7 @@ export {
   default4 as AxosXBlue,
   BalanceAPYCalculator,
   Blockquote,
+  BoatMooringLocation,
   BreadcumbHeader,
   Bubble,
   BulletItem,
@@ -656,7 +658,6 @@ export {
   inner,
   input,
   inputStyle,
-  insightTitle,
   insight_header,
   insight_header_2,
   insight_header_3,

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,4 +1,4 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_pwl74_10";
+import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_pwl74_10";
 const loading = "_loading_pwl74_16";
 const shimmer = "_shimmer_pwl74_1";
 const css = {

package/dist/utils/useCachedValidators.js

@@ -3,14 +3,14 @@ import { useRef } from "react";
 import { createCachedEmailValidator } from "./emailValidation.js";
 import { createCachedNMLSValidator } from "./nmlsValidation.js";
 function useCachedEmailValidator(validateEmail) {
-  const validatorRef = useRef();
+  const validatorRef = useRef(null);
   if (!validatorRef.current) {
     validatorRef.current = createCachedEmailValidator(validateEmail);
   }
   return validatorRef.current;
 }
 function useCachedNMLSValidator(validateNMLS) {
-  const validatorRef = useRef();
+  const validatorRef = useRef(null);
   if (!validatorRef.current) {
     validatorRef.current = createCachedNMLSValidator(validateNMLS);
   }

package/package.json

@@ -1,10 +1,22 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-sectionSpacerRemoved.5",
+  "version": "1.0.101-dev.1",
   "type": "module",
+  "main": "index.js",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./styles.css": "./dist/assets/index.css",
+    "./globals.css": "./dist/assets/globals.css",
+    "./themes/axos.css": "./dist/assets/themes/axos.css",
+    "./themes/premier.css": "./dist/assets/themes/premier.css",
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -29,8 +41,8 @@
   },
   "dependencies": {
     "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@hookform/resolvers": "^5.0.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
     "@react-input/mask": "^1.2.15",
     "@react-input/number-format": "^1.1.3",
     "@storybook/icons": "^1.3.0",
@@ -49,9 +61,8 @@
     "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-hook-form": "^7.56.4",
     "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",
@@ -64,14 +75,13 @@
     "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",
+    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
+    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
     "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "react-slick": "^0.30.2",
     "slick-carousel": "^1.8.1"
   },
@@ -93,28 +103,28 @@
     "@svgr/plugin-svgo": "^8.1.0",
     "@types/lodash": "^4.17.17",
     "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
+    "@types/react": "^19.0.0",
     "@types/react-date-range": "^1.4.9",
     "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
+    "@types/react-dom": "^19.0.0",
     "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.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": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "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",
+    "next": "^16.0.0",
     "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-svg-import": "^3.0.0",
     "rollup-plugin-svgo": "^2.0.0",
@@ -127,7 +137,6 @@
     "vite-plugin-setting-css-module": "^1.1.4",
     "vite-tsconfig-paths": "^4.3.2"
   },
-  "main": "index.js",
   "directories": {
     "lib": "lib"
   },