@axos-web-dev/shared-components 1.0.37 → 1.0.39

package/dist/Table/Table.css.d.ts

@@ -21,27 +21,27 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: "#4A5560";
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
         };
         secondary: {
             color: "#4A5560";
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            background: `var(--${string})` | `var(--${string}, ${string})`;
                         };
                     };
                 };
@@ -52,14 +52,14 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                         };
                     };
                 };
@@ -73,48 +73,48 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             color: "#4A5560";
             borderBottom: "1px solid #D4D4D4";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             color: "#4A5560";
             borderBottom: "1px solid #D4D4D4";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 327px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                         };
                     };
                 };
             };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 327px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                         };
                     };
                 };
@@ -128,10 +128,10 @@ export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
         };
         secondary: {
-            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
         };
         tertiary: {
             border: "none";
@@ -144,16 +144,16 @@ export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<
 export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/Table/Table.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                         */

package/dist/Table/Table.d.ts

@@ -59,6 +59,8 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     popover?: "" | "auto" | "manual" | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
@@ -189,8 +191,6 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     onProgressCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
     onRateChange?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
     onRateChangeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
     onSeeked?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
     onSeekedCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
     onSeeking?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;

package/dist/Table/Table.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/TextBlock/TextBlock.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/TextBlock/TextBlock.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                             */

package/dist/Topic/Topic.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Topic/Topic.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                         */
 var topic_container = "un906l0";
 var topic_columns = "un906l1";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                  */
+import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                 */
+import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty css                                 */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+import '../assets/Typography/Typography.css';/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -98,6 +98,7 @@ import "next/navigation.js";
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/link.js";
 /* empty css                                                      */
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */

package/dist/WalnutIframe/wrapper.module.js

@@ -1,4 +1,4 @@
-const wrapper = "_wrapper_s95e7_10";
+import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_s95e7_10";
 const shimmer = "_shimmer_s95e7_1";
 const css = {
   wrapper,

package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css

@@ -0,0 +1,166 @@
+._overlay_1bxir_1 {
+  position: fixed;
+  inset: 0;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 10000;
+}
+
+._drawer_1bxir_9 {
+  position: fixed;
+  top: 0;
+  right: 0;
+  background: #fff;
+  border-radius: 0 0 0 1rem;
+  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
+  max-height: 100vh;
+  max-width: 500px;
+  overflow-y: auto;
+  width: 85%;
+  z-index: 10001;
+}
+
+._hamburger_1bxir_23 {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.3s ease;
+}
+
+._hamburger_1bxir_23:hover {
+  opacity: 0.8;
+}
+
+._header_1bxir_34 {
+  display: flex;
+  align-items: center;
+  background: #f4f4f4;
+  justify-content: space-between;
+  padding: 0.9rem 1.2rem 0.9rem 1rem;
+}
+
+._back_1bxir_42 {
+  background: none;
+  border: none;
+  color: var(--_1073cm86);
+  cursor: pointer;
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1;
+  padding: 0;
+}
+
+._close_1bxir_53 {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 1.3rem;
+}
+
+._levelContainer_1bxir_60 {
+  height: 100%;
+  overflow-x: hidden;
+  position: relative;
+}
+
+._level_1bxir_60 {
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
+  font-size: 0.9rem;
+  padding: 14px 1.2rem;
+  width: 100%;
+}
+
+._levelTitle_1bxir_74 {
+  font: 700 0.9rem / 1.39 var(--main-font-family);
+  letter-spacing: 0.4px;
+}
+
+._menu_1bxir_79 {
+  background-color: transparent;
+  list-style: none;
+  margin: 0;
+  min-height: 100%;
+  padding: 0 1.2rem;
+  position: relative;
+}
+
+._menu_1bxir_79 li {
+  color: var(--_1073cm83);
+  font-family: var(--header-font-family);
+  font-weight: 500;
+  border-top: 1px solid #e9e9e9;
+}
+
+._menu_1bxir_79 li + li {
+  margin-top: 0.5rem;
+}
+
+._menuItem_1bxir_99 {
+  display: flex;
+  align-items: center;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  font-size: 1rem;
+  justify-content: space-between;
+  padding: 0.75rem 0;
+  text-align: left;
+  text-decoration: none;
+  transition: background 0.2s ease;
+  width: 100%;
+}
+
+._chevron_1bxir_115 {
+  font-size: 1.2rem;
+  margin-left: auto;
+}
+
+._chevronIcon_1bxir_120 {
+  margin-right: 10px;
+  max-width: 8px;
+  height: auto;
+}
+
+body:has(._drawer_1bxir_9) {
+  overflow-y: hidden;
+  position: relative;
+}
+
+._quickLinks_1bxir_131 {
+  padding: 1rem;
+  background-color: #f4f4f4;
+  box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
+  margin-top: 9px;
+  gap: 8px;
+}
+
+._quickLink_1bxir_131 {
+  display: flex;
+  align-items: center;
+  color: var(--_1073cm86);
+  flex-direction: column;
+  flex: 1 1 0%;
+  font-size: 0.8rem;
+  font-weight: 600;
+  gap: 8px;
+  line-height: 1.5;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+@media (max-width: 540px) {
+  ._drawer_1bxir_9 {
+    border-radius: 0;
+    max-width: none;
+    width: 100%;
+  }
+  ._menu_1bxir_79 li + li {
+    margin-top: 3px;
+  }
+  ._menuItem_1bxir_99 {
+    font-size: 0.9rem;
+    padding: 0.65rem 0;
+  }
+}