@axos-web-dev/shared-components 1.0.73 → 1.0.74

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

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/TextBlock/TextBlock.js

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

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/Auth/ErrorAlert.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                                                    */

package/dist/WalnutIframe/wrapper.module.js

@@ -1,4 +1,4 @@
-const wrapper = "_wrapper_13j22_10";
+import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
 const shimmer = "_shimmer_13j22_1";
 const wrapper_control = "_wrapper_control_13j22_39";
 const css = {

package/dist/assets/IconBillboard/IconBillboard.css

@@ -1,10 +1,5 @@
 ._1r4ovbu0 {
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  border-radius: 16px;
   padding: 32px 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
 }
 ._1r4ovbu1 {
   background: var(--_1073cm81);
@@ -24,73 +19,59 @@
   color: var(--_1073cm8n);
 }
 ._1r4ovbu5 {
-  display: flex;
   gap: 16px;
-  flex-direction: column;
 }
 ._1r4ovbu6 {
   flex-direction: row;
 }
 ._1r4ovbu7 {
   text-align: center;
-  width: 48px;
   height: 48px;
+  width: 48px;
 }
 ._1r4ovbu8 {
-  text-align: center;
-  display: flex;
-  gap: 8px;
-  flex-direction: column;
+  font-family: var(--main-font-family);
+  gap: 24px;
+  width: 100%;
 }
 ._1r4ovbu9 {
-  font-size: 28px;
-  line-height: 36px;
-  letter-spacing: 0.2px;
-  font-weight: 600;
-  font-family: var(--header-font-family);
+  gap: 8px;
 }
-._1073cm80 ._1r4ovbua {
+._1r4ovbua {
+  font: 600 28px/1.29 var(--header-font-family);
+}
+._1073cm80 ._1r4ovbub {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 ._1r4ovbua {
+._1es6o1h0 ._1r4ovbub {
   color: var(--_1073cm83);
 }
-.fl2fv50 ._1r4ovbua {
+.fl2fv50 ._1r4ovbub {
   color: var(--_1073cm83);
 }
-._1073cm80 ._1r4ovbub {
+._1073cm80 ._1r4ovbuc {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 ._1r4ovbub {
+._1es6o1h0 ._1r4ovbuc {
   color: var(--_1073cm8a);
 }
-.fl2fv50 ._1r4ovbub {
+.fl2fv50 ._1r4ovbuc {
   color: var(--_1073cm8a);
 }
-._1r4ovbuc {
-  color: var(--_1073cm8h);
-}
 ._1r4ovbud {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8h);
 }
 ._1r4ovbue {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  font-family: var(--main-font-family);
-  width: 100%;
+  color: var(--_1073cm8o);
 }
 ._1r4ovbuf {
-  display: flex;
-  flex-direction: column;
   gap: 1em;
-  list-style: none;
 }
 ._1r4ovbug {
   position: relative;
@@ -98,19 +79,13 @@
   gap: 10px;
 }
 ._1r4ovbuh {
-  display: flex;
-  justify-content: center;
   width: 100%;
-  text-align: center;
   margin-top: auto;
-  gap: 24px;
   flex-wrap: wrap;
-  align-items: center;
 }
 ._1r4ovbui {
   margin-inline: auto;
-  padding-bottom: 2.5rem;
-  padding-top: 2.5rem;
+  padding-block: 2.5rem;
   text-align: center;
   max-width: 1000px;
 }

package/dist/assets/SetContainer/SetContainer.css

@@ -33,38 +33,75 @@
 ._18ygy9ma {
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
 }
+._18ygy9m6:has(.is_icon) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+._18ygy9m6.cols_1 > .is_icon {
+  flex: 1 1 100%;
+}
+._18ygy9m6.cols_2 > .is_icon {
+  flex: 1 1 calc(50% - 12px);
+}
+._18ygy9m6.cols_3 > .is_icon {
+  flex: 1 1 calc((100% / 3) - 1rem);
+}
+._18ygy9m6.cols_4 > .is_icon {
+  flex: 1 1 calc(25% - 18px);
+}
 ._18ygy9mb {
   margin-inline: auto;
-  padding-bottom: 2.5rem;
-  text-align: center;
   max-width: 1000px;
-  padding-top: 2.5rem;
+  padding-block: 2.5rem;
+}
+:is(._18ygy9m5, options => {
+    var className = config.defaultClassName;
+    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+    for (var variantName in selections) {
+      var _selections$variantNa;
+      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+      if (variantSelection != null) {
+        var selection = variantSelection;
+        if (typeof selection === 'boolean') {
+          // @ts-expect-error
+          selection = selection === true ? 'true' : 'false';
+        }
+        var selectionClassName =
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection];
+        if (selectionClassName) {
+          className += ' ' + selectionClassName;
+        }
+      }
+    }
+    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+        className += ' ' + compoundClassName;
+      }
+    }
+    return className;
+  }) .containment {
+  width: 100%;
 }
-._18ygy9m5 .containment {
+._18ygy9m0 .containment .containment {
   width: 100%;
 }
 ._18ygy9mc {
   display: flex;
+  margin-inline: auto;
   place-items: center;
   text-align: center;
-  margin-inline: auto;
 }
 ._18ygy9md {
   display: block;
   margin: auto;
 }
 ._18ygy9me {
-  margin-inline: auto;
-  padding-top: 2.5rem;
-  text-align: center;
-  max-width: 1000px;
-  padding-bottom: 2.5rem;
-}
-._18ygy9mf {
   isolation: isolate;
   position: relative;
 }
-._18ygy9mf::before {
+._18ygy9me::before {
   content: "";
   position: absolute;
   width: 100%;
@@ -74,29 +111,29 @@
   right: 0;
   z-index: -1;
 }
-._18ygy9mg {
+._18ygy9mf {
   background: var(--_1073cm88);
 }
-._18ygy9mg::before {
+._18ygy9mf::before {
   background: var(--_1073cm81);
 }
-._18ygy9mh {
+._18ygy9mg {
   background: var(--_1073cm81);
 }
-._18ygy9mh::before {
+._18ygy9mg::before {
   background: var(--_1073cm88);
 }
-._18ygy9mi {
+._18ygy9mh {
   background: var(--_1073cm81);
 }
-._18ygy9mi::before {
+._18ygy9mh::before {
   background: var(--_1073cm8f);
   color: var(--_1073cm8n);
 }
-._18ygy9mj {
+._18ygy9mi {
   background: var(--_1073cm81);
 }
-._18ygy9mj::before {
+._18ygy9mi::before {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
@@ -107,6 +144,9 @@
   ._18ygy9m6 {
     grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   }
+  ._18ygy9m6.cols_3 > .is_icon {
+    flex-basis: calc(50% - 12px);
+  }
 }
 @media (min-width: 1024px) {
   ._18ygy9m5:has(> :nth-child(5):last-child) {
@@ -129,10 +169,19 @@
   }
 }
 @media screen and (max-width: 768px) {
+  ._18ygy9m6:has(.is_icon) {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
   ._18ygy9mb {
     padding-block: 1.5rem;
   }
 }
+@media screen and (max-width: 1280px) {
+  ._18ygy9m6.cols_4 > .is_icon {
+    flex-basis: calc(50% - 12px);
+  }
+}
 @media screen and (max-width:320px) {
   ._18ygy9mc {
     max-width: 100%;

package/dist/assets/utils/optimizeImage/optimizeImage.css.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_ib32l_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_ib32l_10 {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_ib32l_17 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_ib32l_17 {
-  background-color: #1e262f;
-}
-
-.fl2fv50 ._loading_ib32l_17 {
-  background-color: #28587d;
-}
-
-._loading_ib32l_17::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_ib32l_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_1vfu4_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_1vfu4_19 {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_1vfu4_33 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_1vfu4_33 {
+  background-color: #1e262f;
+}
+
+.fl2fv50 ._loading_1vfu4_33 {
+  background-color: #28587d;
+}
+
+._loading_1vfu4_33::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_1vfu4_1 1.3s infinite linear;
+  z-index: 1;
+}

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-/* empty css                                         */
+import './assets/globals.css';import './assets/Typography/Typography.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})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         tertiary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
     };
 }>;