@axos-web-dev/shared-components 0.0.76 → 0.0.78

package/dist/Modal/Modal.js

@@ -21,6 +21,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                          */
 /* empty css                                          */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -36,10 +37,9 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -59,12 +59,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */

package/dist/NavigationMenu/AxosBank/NavBar.module.js

@@ -1,56 +1,56 @@
-const header = "_header_1suhr_1";
-const wrapper = "_wrapper_1suhr_5";
-const header_main_row = "_header_main_row_1suhr_11";
-const mobile_header = "_mobile_header_1suhr_12";
-const logo_wrap = "_logo_wrap_1suhr_18";
-const primary_links = "_primary_links_1suhr_22";
-const main_nav_link = "_main_nav_link_1suhr_26";
-const sub_nav_link = "_sub_nav_link_1suhr_48";
-const signin_wrap = "_signin_wrap_1suhr_50";
-const signin_btn = "_signin_btn_1suhr_51";
-const sub_nav = "_sub_nav_1suhr_48";
-const header_sub_row = "_header_sub_row_1suhr_97";
-const signin_dropdown = "_signin_dropdown_1suhr_115";
-const shadow = "_shadow_1suhr_125";
-const signin_header = "_signin_header_1suhr_133";
-const signin_subheader = "_signin_subheader_1suhr_140";
-const opacity = "_opacity_1suhr_162";
-const fadeInDown = "_fadeInDown_1suhr_1";
-const signin_footer = "_signin_footer_1suhr_168";
-const open = "_open_1suhr_189";
-const dd_wrapper = "_dd_wrapper_1suhr_201";
-const dd_media = "_dd_media_1suhr_208";
-const dd_media_img = "_dd_media_img_1suhr_213";
-const dd_site_navs = "_dd_site_navs_1suhr_217";
-const dd_media_header = "_dd_media_header_1suhr_224";
-const mt_8 = "_mt_8_1suhr_234";
-const mt_16 = "_mt_16_1suhr_238";
-const ml_8 = "_ml_8_1suhr_242";
-const dd_media_cta = "_dd_media_cta_1suhr_246";
-const reversed_row = "_reversed_row_1suhr_278";
-const headline = "_headline_1suhr_288";
-const nav_anchor = "_nav_anchor_1suhr_294";
-const headline_cta = "_headline_cta_1suhr_302";
-const site_lists = "_site_lists_1suhr_317";
-const hamburger = "_hamburger_1suhr_355";
-const mobile_only = "_mobile_only_1suhr_369";
-const mobile_logo = "_mobile_logo_1suhr_375";
-const highlight = "_highlight_1suhr_380";
-const mobile_nav = "_mobile_nav_1suhr_416";
-const mobile_opened = "_mobile_opened_1suhr_427";
-const mobile_nav_item = "_mobile_nav_item_1suhr_435";
-const has_dropdown = "_has_dropdown_1suhr_450";
-const icon_wrap = "_icon_wrap_1suhr_471";
-const mobile_footer = "_mobile_footer_1suhr_476";
-const mobile_footer_content = "_mobile_footer_content_1suhr_481";
-const mobile_footer_media = "_mobile_footer_media_1suhr_495";
-const footer_cta = "_footer_cta_1suhr_501";
-const inner_wrapper = "_inner_wrapper_1suhr_529";
-const btn = "_btn_1suhr_534";
-const sub_menu = "_sub_menu_1suhr_539";
-const main = "_main_1suhr_26";
-const dd_footer = "_dd_footer_1suhr_564";
-const desktop_only = "_desktop_only_1suhr_584";
+const header = "_header_gpru8_1";
+const wrapper = "_wrapper_gpru8_5";
+const header_main_row = "_header_main_row_gpru8_11";
+const mobile_header = "_mobile_header_gpru8_12";
+const logo_wrap = "_logo_wrap_gpru8_18";
+const primary_links = "_primary_links_gpru8_22";
+const main_nav_link = "_main_nav_link_gpru8_26";
+const sub_nav_link = "_sub_nav_link_gpru8_45";
+const signin_wrap = "_signin_wrap_gpru8_47";
+const signin_btn = "_signin_btn_gpru8_48";
+const sub_nav = "_sub_nav_gpru8_45";
+const header_sub_row = "_header_sub_row_gpru8_94";
+const signin_dropdown = "_signin_dropdown_gpru8_117";
+const shadow = "_shadow_gpru8_127";
+const signin_header = "_signin_header_gpru8_135";
+const signin_subheader = "_signin_subheader_gpru8_142";
+const opacity = "_opacity_gpru8_164";
+const fadeInDown = "_fadeInDown_gpru8_1";
+const signin_footer = "_signin_footer_gpru8_170";
+const open = "_open_gpru8_191";
+const dd_wrapper = "_dd_wrapper_gpru8_203";
+const dd_media = "_dd_media_gpru8_211";
+const dd_media_img = "_dd_media_img_gpru8_216";
+const dd_site_navs = "_dd_site_navs_gpru8_220";
+const dd_media_header = "_dd_media_header_gpru8_227";
+const mt_8 = "_mt_8_gpru8_237";
+const mt_16 = "_mt_16_gpru8_241";
+const ml_8 = "_ml_8_gpru8_245";
+const dd_media_cta = "_dd_media_cta_gpru8_249";
+const reversed_row = "_reversed_row_gpru8_281";
+const headline = "_headline_gpru8_291";
+const nav_anchor = "_nav_anchor_gpru8_298";
+const headline_cta = "_headline_cta_gpru8_306";
+const site_lists = "_site_lists_gpru8_321";
+const hamburger = "_hamburger_gpru8_359";
+const mobile_only = "_mobile_only_gpru8_373";
+const mobile_logo = "_mobile_logo_gpru8_379";
+const highlight = "_highlight_gpru8_384";
+const mobile_nav = "_mobile_nav_gpru8_411";
+const mobile_opened = "_mobile_opened_gpru8_422";
+const mobile_nav_item = "_mobile_nav_item_gpru8_430";
+const has_dropdown = "_has_dropdown_gpru8_445";
+const icon_wrap = "_icon_wrap_gpru8_466";
+const mobile_footer = "_mobile_footer_gpru8_471";
+const mobile_footer_content = "_mobile_footer_content_gpru8_476";
+const mobile_footer_media = "_mobile_footer_media_gpru8_490";
+const footer_cta = "_footer_cta_gpru8_496";
+const inner_wrapper = "_inner_wrapper_gpru8_524";
+const btn = "_btn_gpru8_529";
+const sub_menu = "_sub_menu_gpru8_534";
+const main = "_main_gpru8_26";
+const dd_footer = "_dd_footer_gpru8_559";
+const desktop_only = "_desktop_only_gpru8_588";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -11,7 +11,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Button/Button.css.js";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import "../../ApyCalculator/ApyCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -24,6 +24,7 @@ import "../../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                             */
 /* empty css                                             */
 /* empty css                                             */
+import "../../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
@@ -38,10 +39,9 @@ import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
+import "../../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
-import "../../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */
@@ -61,12 +61,12 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 import "../../ImageBillboard/ImageBillboard.css.js";
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                   */
-import Link from "next/link.js";
 /* empty css                                       */
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
 import Image from "next/image.js";
+import Link from "next/link.js";
 /* empty css                          */
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
@@ -88,18 +88,21 @@ function SubNavBar() {
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
   const hideOnClick = () => setHoveredLink(void 0);
+  const [showNavbar, setShowNavbar] = useState(false);
   const support = subNavItems.support;
   const about = subNavItems.about;
-  if (![
-    "/personal",
-    "/business",
-    "/partners",
-    "/customer-suppor",
-    "/about-us"
-  ].some((el) => pathname?.includes(el))) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: styles.header_sub_row, children: [
+  useEffect(() => {
+    setShowNavbar(
+      () => [
+        "/personal",
+        "/business",
+        "/partners",
+        "/customer-suppor",
+        "/about-us"
+      ].some((el) => pathname?.includes(el))
+    );
+  }, [pathname]);
+  return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: styles.header_sub_row, children: [
     /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
       pathname?.includes("/personal") && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
@@ -329,6 +332,7 @@ function SubNavBar() {
             href: `https://lavictoirefinance.com/dealers`,
             id: "partNav1",
             role: "menuitem",
+            onMouseEnter: handleMouseLeave,
             children: "New! Marine Dealer Floorplan Finance"
           }
         ) }),
@@ -400,6 +404,7 @@ function SubNavBar() {
             href: `https://www.axosadvisor.com`,
             id: "partNav4",
             role: "menuitem",
+            onMouseEnter: handleMouseLeave,
             children: "Financial Advisors"
           }
         ) }),
@@ -438,7 +443,7 @@ function SubNavBar() {
           Link,
           {
             href: `/partners/strategic-partnerships`,
-            id: "partNav5",
+            id: "partNav6",
             role: "menuitem",
             children: "Strategic Partnerships"
           }
@@ -921,6 +926,15 @@ function SubNavBar() {
                           ),
                           children: "Make a Payment"
                         }
+                      ) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          href: findMoreAxosDomains(
+                            "{AXOSBANK}/personal/mortgages/rate-watch"
+                          ),
+                          children: "Rate Watch"
+                        }
                       ) })
                     ] })
                   ] }),
@@ -1178,7 +1192,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/1plPiU22JsVdZW6B6XkBi9/48a215c44b93e59698ec2e8c4356de0d/nav-submenu-mp-icon.webp`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/1plPiU22JsVdZW6B6XkBi9/14d55691945fba0ba77a7433c6dae988/nav-submenu-mp-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -1287,7 +1301,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/1enbU0rQRzTsm4mVsSNaso/a66b96035ed67fb344f7909657dc5f9f/nav-submenu-retirement-icon.webp`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/1enbU0rQRzTsm4mVsSNaso/1cd6f813063d71515a09ee338250215a/nav-submenu-retirement-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -1778,7 +1792,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/133568596d61f666498222a1562ae745/cog.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/45369b473bdd3b280748ceee566542dc/nav-submenu-services-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -1846,7 +1860,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/ffaedafe6ca18108beb16dc2985ef5f3/nav-submenu-other-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2084,7 +2098,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/133568596d61f666498222a1562ae745/cog.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/45369b473bdd3b280748ceee566542dc/nav-submenu-services-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2148,7 +2162,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/ffaedafe6ca18108beb16dc2985ef5f3/nav-submenu-other-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2391,7 +2405,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/ffaedafe6ca18108beb16dc2985ef5f3/nav-submenu-other-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2520,7 +2534,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/025a108b701a787bbced58e0b4a912e6/nav-submenu-wcpl-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/8f1684584f4bdbf5ca73fea6e913d11a/nav-submenu-wcpl-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2579,7 +2593,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/3z0IpbDIGgyl25Qm0clJkr/72cdd3b09c474f03995f713a3325c639/nav-submenu-resources-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2659,7 +2673,7 @@ function SubNavBar() {
                   {
                     className: `${styles.headline} flex_row middle between`,
                     children: [
-                      /* @__PURE__ */ jsx("p", { role: "heading", children: "Expand your options" }),
+                      /* @__PURE__ */ jsx("p", { role: "heading", children: "Diverse portfolio of lending options" }),
                       /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                         /* @__PURE__ */ jsx(
                           Image,
@@ -2694,7 +2708,7 @@ function SubNavBar() {
                   /* @__PURE__ */ jsx(
                     Image,
                     {
-                      src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/025a108b701a787bbced58e0b4a912e6/nav-submenu-wcpl-icon.svg`,
+                      src: `https://images.axos.com/o9ov1v03uwqk/1REUyghtG4xnJtAsZDgRbT/89de7055038937a1392d53c3c0ad7340/nav-submenu-sbc-icon.svg`,
                       alt: "",
                       width: 20,
                       height: 20
@@ -2889,7 +2903,7 @@ function SubNavBar() {
         ] }) })
       }
     )
-  ] }) }) });
+  ] }) }) }) : null;
 }
 export {
   SubNavBar as default

package/dist/NavigationMenu/NavItem/index.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import Link from "next/link.js";
 const NavItem = ({
   className,
   url,
@@ -10,7 +9,7 @@ const NavItem = ({
 }) => {
   const handleClick = () => onClick && onClick(index);
   return /* @__PURE__ */ jsx("li", { className, children: /* @__PURE__ */ jsx(
-    Link,
+    "a",
     {
       href: url,
       className: isActive ? "active" : "",

package/dist/SetContainer/SetContainer.js

@@ -24,6 +24,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                          */
 /* empty css                                          */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -38,10 +39,9 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -60,12 +60,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */
@@ -106,7 +106,7 @@ const SetContainer = ({
       style: { ...style },
       children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
         (headline || bodyCopy || icon) && /* @__PURE__ */ jsxs("div", { className: heading, children: [
-          icon && /* @__PURE__ */ jsx("div", { className: "mb_16", children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+          icon && /* @__PURE__ */ jsx("div", { className: "mb_16", children: ["primary", "secondary"].includes(container_variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
           eyebrow && /* @__PURE__ */ jsx(
             "span",
             {

package/dist/SocialMediaBar/iconsRepository.js

@@ -14,12 +14,12 @@ const BusinessWire = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_622)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_622)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -63,8 +63,8 @@ const Facebook = () => /* @__PURE__ */ jsx(
           /* @__PURE__ */ jsx(
             "path",
             {
-              "fill-rule": "evenodd",
-              "clip-rule": "evenodd",
+              fillRule: "evenodd",
+              clipRule: "evenodd",
               d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
               fill: "#4A5560"
             }
@@ -89,12 +89,12 @@ const Glassdoor = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_628)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_628)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -128,12 +128,12 @@ const Indeed = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_631)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_631)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -167,7 +167,7 @@ const Instagram = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_634)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_634)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
@@ -192,8 +192,8 @@ const Instagram = () => /* @__PURE__ */ jsx(
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -220,12 +220,12 @@ const LinkedIn = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_637)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_637)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -267,12 +267,12 @@ const Libsyn = () => /* @__PURE__ */ jsx(
         viewBox: "0 0 56 56",
         fill: "none",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_273)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_273)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -280,8 +280,8 @@ const Libsyn = () => /* @__PURE__ */ jsx(
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M25.2955 21.8964C24.1716 19.5028 23.5325 16.7987 23.483 14H28.6414C28.6414 16.2266 28.9501 18.1547 29.5383 19.7825C32.348 18.7105 35.4518 18.1111 38.7757 18.0555C39.8685 18.0378 40.9441 18.1288 42 18.2703V22.9777C41.0971 22.8463 40.1744 22.7755 39.237 22.7755C36.7518 22.7755 34.4355 23.1912 32.328 23.955C33.6617 25.1004 35.3299 25.8393 37.2871 26.1693C37.7004 26.1323 38.1202 26.1134 38.5462 26.1134C38.6727 26.1134 38.8373 26.1124 39.0264 26.1112C39.8956 26.1057 41.2808 26.0968 41.8421 26.1716V30.8284C41.2807 30.9032 39.8933 30.8943 39.0248 30.8888C38.8363 30.8876 38.6721 30.8866 38.5462 30.8866C38.1202 30.8866 37.7003 30.8677 37.287 30.8308C35.3298 31.1607 33.6617 31.8996 32.328 33.045C34.4355 33.8088 36.7518 34.2244 39.237 34.2244C40.1744 34.2244 41.0971 34.1562 42 34.0223V38.7272C40.9441 38.8687 39.8685 38.9597 38.7757 38.942C35.4521 38.8863 32.3486 38.2871 29.5391 37.2153C28.9503 38.8436 28.6414 40.7724 28.6414 43H23.483C23.5333 40.2008 24.1731 37.4963 25.2976 35.1025C24.1883 34.4044 23.1461 33.619 22.1776 32.7525C20.5409 35.7449 19.6083 39.2339 19.5285 42.9671H14C14.157 37.3955 15.7502 32.469 18.4548 28.4987C15.7502 24.5284 14.157 19.602 14 14.0303H19.5285C19.6083 17.7639 20.5407 21.253 22.1769 24.2456C23.145 23.3794 24.1867 22.5942 25.2955 21.8964ZM28.0947 26.135C27.0858 26.8317 26.1529 27.6241 25.3031 28.4998C26.1532 29.376 27.0866 30.1687 28.0959 30.8657C28.9073 29.9684 29.8119 29.1724 30.7988 28.5006C29.8114 27.8287 28.9064 27.0326 28.0947 26.135Z",
                 fill: "#4A5560"
               }
@@ -308,12 +308,12 @@ const Pinterest = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_276)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_276)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -347,12 +347,12 @@ const Spotify = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_279)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_279)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -386,7 +386,7 @@ const Youtube = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_285)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_285)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
@@ -397,8 +397,8 @@ const Youtube = () => /* @__PURE__ */ jsx(
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -425,12 +425,12 @@ const Xtwitter = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_282)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_282)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }

package/dist/StepItemSet/StepItemSet.js

@@ -41,9 +41,9 @@ const StepItemSet = ({
               "path",
               {
                 fill: "#1E3860",
-                "fill-rule": "evenodd",
+                fillRule: "evenodd",
                 d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
-                "clip-rule": "evenodd",
+                clipRule: "evenodd",
                 className: `${modifier({ variant })}`
               }
             )

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -41,6 +41,10 @@
   top: -20px;
   max-height: 200px;
 }
+._1tdyl74a {
+  width: 100%;
+  justify-content: space-between;
+}
 ._1tdyl74b {
   filter: drop-shadow(0 1px 3px rgb(255 255 255/0.4));
 }