@axos-web-dev/shared-components 1.0.32 → 1.0.34

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                                                    */
@@ -59,6 +59,8 @@ import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Input/PercentageInput.js";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "react-dom";
+/* empty css                                */
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -110,6 +112,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/Auth/SignIn.css

@@ -0,0 +1,47 @@
+._1c7jj80 {
+  padding: 2.5rem;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  background: var(--_1073cm81);
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 16px;
+  width: 50vw;
+  margin: 0 auto;
+}
+._1c7jj81 {
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
+  border: none;
+  padding: 11px 24px;
+  border-radius: 8px;
+  font-size: 1rem;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background 0.3s ease;
+}
+._1c7jj81:hover {
+  background: var(--_1073cm86);
+}
+._1c7jj81:disabled {
+  background: var(--_1073cm8w);
+  color: var(--_1073cm8v);
+  cursor: not-allowed;
+}
+._1c7jj81:active {
+  background: var(--_1073cm86);
+}
+._1c7jj81:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--_1073cm86);
+}
+._1c7jj81:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--_1073cm86);
+}
+._1c7jj81:focus-within {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--_1073cm86);
+}

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                             */

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,4 +1,4 @@
-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/icons/FollowIcon/FollowIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/FollowIcon/FollowIcon.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/Star/Star.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/Star/Star.css';/* empty css                        */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

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

package/dist/main.d.ts

@@ -3,6 +3,7 @@ export * from './AlertBanner';
 export * from './Article';
 export * from './ArticlesSet';
 export * from './ATMLocator';
+export * from './Auth';
 export * from './Avatar';
 export * from './AwardsBanner';
 export * from './AwardsItem';
@@ -14,9 +15,9 @@ export * from './Calculators/AnnualFeeCalculator';
 export * from './Calculators/ApyCalculator';
 export * from './Calculators/AxosOneCalculator';
 export * from './Calculators/BalanceAPYCalculator';
+export * from './Calculators/BuyDownCalculator';
 export * from './Calculators/MarginTradingCalculator';
 export * from './Calculators/MonthlyPaymentCalculator';
-export * from './Calculators/BuyDownCalculator';
 export * from './CallToActionBar';
 export * from './Carousel';
 export * from './Chevron';
@@ -57,6 +58,7 @@ export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
 export * from './themes';
+export * from './Topic';
 export * from './TopicalNavItem';
 export * from './TopicalNavSet';
 export * from './VideoTile';

package/dist/main.js

@@ -7,6 +7,9 @@ import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content,
 import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
 import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet/ArticlesSet.css.js";
 import { ATMLocator } from "./ATMLocator/ATMLocator.js";
+import { Logout } from "./Auth/Logout.js";
+import { sign_in_button, sign_in_form } from "./Auth/SignIn.css.js";
+import { SignIn } from "./Auth/SignInPassword.js";
 import { Avatar } from "./Avatar/index.js";
 import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
 import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
@@ -171,6 +174,8 @@ import { textBlockHeader, textBlockList, textBlockParagraph, textBlockSection }
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
 import { victorieTheme } from "./themes/victorie.css.js";
+import { Topic, TopicContent, TopicHeader, TopicItem } from "./Topic/Topic.js";
+import { topic_columns, topic_container, topic_header, topic_item } from "./Topic/Topic.css.js";
 import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
 import { TopicalNavItem } from "./TopicalNavItem/TopicalNavItem.js";
 import { picker_container, picker_orient, picker_section } from "./TopicalNavSet/TopicalNavSet.css.js";
@@ -298,6 +303,7 @@ export {
   LandingPageHeader,
   LoadingIndicator,
   default15 as LockIcon,
+  Logout,
   MainHTML,
   MarginTradingCalculator,
   MaxLoanCalculator,
@@ -330,6 +336,7 @@ export {
   ScheduleCallPremier,
   SecondaryFooter,
   SetContainer,
+  SignIn,
   SocialMediaBar,
   StepItem,
   StepItemSet,
@@ -344,6 +351,10 @@ export {
   TableHead,
   TableRow,
   TextBlock,
+  Topic,
+  TopicContent,
+  TopicHeader,
+  TopicItem,
   TopicalNavItem,
   TopicalNavSet,
   UserInformation,
@@ -620,6 +631,8 @@ export {
   shortUrl,
   show,
   show_options,
+  sign_in_button,
+  sign_in_form,
   single_container,
   smb_section,
   smb_wrapper,
@@ -653,6 +666,10 @@ export {
   three_inline,
   title,
   toggle_container,
+  topic_columns,
+  topic_container,
+  topic_header,
+  topic_item,
   transcript_btn,
   transcript_container,
   transcript_content,

package/dist/themes/axos.css.d.ts

@@ -1,66 +1,66 @@
 export declare const axosTheme: string, vars: {
     colors: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})`;
-            body: `var(--${string})` | `var(--${string}, ${string})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
-    error: `var(--${string})` | `var(--${string}, ${string})`;
+    error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     disabled: {
-        border: `var(--${string})` | `var(--${string}, ${string})`;
-        color: `var(--${string})` | `var(--${string}, ${string})`;
-        background: `var(--${string})` | `var(--${string}, ${string})`;
+        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     icons: {
         check: {
-            primary: `var(--${string})` | `var(--${string}, ${string})`;
-            secondary: `var(--${string})` | `var(--${string}, ${string})`;
+            primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     table: {
-        highlight: `var(--${string})` | `var(--${string}, ${string})`;
-        color: `var(--${string})` | `var(--${string}, ${string})`;
+        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     footer: {
         link: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     selecction: {
         icon: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 };

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 var axosTheme = "_1073cm80";
 var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

package/dist/themes/victorie.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 /* empty css                            */
 var victorieTheme = "fl2fv50";
 export {

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

@@ -1,4 +1,4 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_ib32l_10";
+const loader = "_loader_ib32l_10";
 const loading = "_loading_ib32l_17";
 const shimmer = "_shimmer_ib32l_1";
 const css = {