@axos-web-dev/shared-components 1.0.31 → 1.0.33

package/dist/Tab/Tab.css.d.ts

@@ -1,36 +1,36 @@
 export declare const tab: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const active_tab: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/Tab/Tab.css.js

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

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})`;
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         secondary: {
             color: "#4A5560";
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            background: `var(--${string})` | `var(--${string}, ${string})`;
+                            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -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})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -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})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#4A5560";
             borderBottom: "1px solid #D4D4D4";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#4A5560";
             borderBottom: "1px solid #D4D4D4";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 327px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
             };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
-                    background: `var(--${string})` | `var(--${string}, ${string})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
             "@media": {
                 "screen and (max-width: 327px)": {
                     selectors: {
                         "&:first-child": {
-                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -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})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         secondary: {
-            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         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})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/Table/Table.css.js

@@ -1,4 +1,4 @@
-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                                    */
 /* empty css                         */

package/dist/Table/Table.d.ts

@@ -59,8 +59,6 @@ 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;
@@ -191,6 +189,8 @@ 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";
-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                                    */
 /* empty css                                                    */
@@ -11,7 +11,7 @@ import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { createElement } from "react";
-import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
+import { table_section, table_container, table_container_text, table_headline, table_description_text, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,

package/dist/TextBlock/TextBlock.css.js

@@ -1,4 +1,4 @@
-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                                    */
 /* empty css                             */

package/dist/TextBlock/TextBlock.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { textBlockHeader, textBlockSection } from "./TextBlock.css.js";
+import { textBlockSection, textBlockHeader } from "./TextBlock.css.js";
 const TextBlock = (props) => {
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/Topic/Topic.css.d.ts

@@ -0,0 +1,4 @@
+export declare const topic_container: string;
+export declare const topic_columns: string;
+export declare const topic_header: string;
+export declare const topic_item: string;

package/dist/Topic/Topic.css.js

@@ -0,0 +1,12 @@
+/* empty css                                          */
+/* empty css                         */
+var topic_container = "un906l0";
+var topic_columns = "un906l1";
+var topic_header = "un906l2";
+var topic_item = "un906l3";
+export {
+  topic_columns,
+  topic_container,
+  topic_header,
+  topic_item
+};

package/dist/Topic/Topic.d.ts

@@ -0,0 +1,19 @@
+import { default as React, PropsWithChildren } from 'react';
+
+export type Topic = PropsWithChildren;
+export declare const Topic: ({ children }: Topic) => import("react/jsx-runtime").JSX.Element;
+export type TopicHeader = {
+    As?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "a";
+    title?: React.ReactNode;
+} & PropsWithChildren;
+export declare const TopicHeader: (props: TopicHeader) => import("react/jsx-runtime").JSX.Element;
+export declare const TopicContent: (props: {
+    url?: string;
+    title?: string;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TopicItem: (props: {
+    url?: string;
+    title?: string;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Topic/Topic.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { topic_container, topic_header, topic_columns, topic_item } from "./Topic.css.js";
+const Topic = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(topic_container), children });
+};
+const TopicHeader = (props) => {
+  const { As = "h2", title = void 0, children } = props;
+  return /* @__PURE__ */ jsx(As, { className: clsx(topic_header), children: title || children });
+};
+const TopicContent = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx("div", { className: clsx(topic_columns), children });
+};
+const TopicItem = (props) => {
+  const { children, url, title } = props;
+  return /* @__PURE__ */ jsx("a", { className: clsx(topic_item), href: url, children: title || children });
+};
+export {
+  Topic,
+  TopicContent,
+  TopicHeader,
+  TopicItem
+};

package/dist/Topic/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Topic';
+export * from './Topic.css';

package/dist/Topic/index.js

@@ -0,0 +1,12 @@
+import { Topic, TopicContent, TopicHeader, TopicItem } from "./Topic.js";
+import { topic_columns, topic_container, topic_header, topic_item } from "./Topic.css.js";
+export {
+  Topic,
+  TopicContent,
+  TopicHeader,
+  TopicItem,
+  topic_columns,
+  topic_container,
+  topic_header,
+  topic_item
+};

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty 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 @@
-import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty 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 @@
-import '../assets/Typography/Typography.css';/* empty 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 @@
-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                                   */
 /* 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";
-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                                    */
 /* empty css                                                    */

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-import '../assets/VideoWrapper/VideoWrapper.css';/* empty 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";
-import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.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/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                                    */
 /* empty css                                                    */
@@ -110,6 +110,7 @@ import "react-slick";
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
+/* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
 import "next/script.js";

package/dist/WalnutIframe/wrapper.module.js

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

package/dist/assets/Topic/Topic.css

@@ -0,0 +1,52 @@
+.un906l0 {
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+  font-family: var(--main-font-family);
+  padding: 40px 0;
+}
+.un906l1 {
+  display: grid;
+  gap: 12px;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  grid-template-columns: repeat(2, minmax(auto, 1fr));
+}
+.un906l2 {
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+  font-family: var(--header-font-family);
+  margin-bottom: 48px;
+  text-decoration: none;
+  margin: 0;
+}
+.un906l2 a {
+  text-decoration: none;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+}
+.un906l3 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font-size: 18px;
+  line-height: 26px;
+  letter-spacing: 0.2px;
+  font-family: var(--main-font-family);
+  font-weight: 700;
+  text-decoration: none;
+}
+@media screen and (max-width: 768px) {
+  .un906l1 {
+    grid-template-columns: repeat(2, minmax(200px, 1fr));
+  }
+}
+@media screen and (max-width: 480px) {
+  .un906l1 {
+    grid-template-columns: repeat(1, minmax(200px, 1fr));
+  }
+}

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -1,51 +1,51 @@
-@keyframes _shimmer_gpp1u_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_gpp1u_19 {
-  aspect-ratio: 1.845;
-  background: #1e3860;
-  border-radius: 8px;
-  isolation: isolate;
-  margin-block: 48px;
-  overflow: hidden;
-  position: relative;
-}
-
-section > ._wrapper_gpp1u_19:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_gpp1u_19::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_gpp1u_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_gpp1u_19 {
-    margin-block: 28px;
-  }
-}
-
-@media (max-width: 798px) {
-  ._wrapper_gpp1u_19 {
-    display: none;
-  }
-}
+@keyframes _shimmer_s95e7_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_s95e7_10 {
+  aspect-ratio: 1.845;
+  background: #1e3860;
+  border-radius: 8px;
+  isolation: isolate;
+  margin-block: 48px;
+  overflow: hidden;
+  position: relative;
+}
+
+section > ._wrapper_s95e7_10:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_s95e7_10::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_s95e7_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_s95e7_10 {
+    margin-block: 28px;
+  }
+}
+
+@media (max-width: 798px) {
+  ._wrapper_s95e7_10 {
+    display: none;
+  }
+}

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts

@@ -1,13 +1,13 @@
 export declare const Arrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/icons/ArrowIcon/ArrowIcon.css.js

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

package/dist/icons/CheckIcon/CheckIcon.css.d.ts

@@ -3,10 +3,10 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const checkColor: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})`;
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/icons/CheckIcon/CheckIcon.css.js

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