@axos-web-dev/shared-components 1.0.97 → 1.0.99-dev-2

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.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                                                    */
@@ -51,6 +51,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

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/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/VideoTile/VideoTile.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                                                    */
@@ -44,6 +44,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

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/Forms/HoneyPot/HoneyPot.css

@@ -0,0 +1,4 @@
+._1f7d89m0 {
+  position: absolute;
+  left: -9999px;
+}

package/dist/assets/HeroBanner/HeroBanner.css

@@ -106,6 +106,13 @@
 .section_spacer:has(._1ye8k3f6) {
   margin-top: 0;
 }
+._1ye8k3fq {
+  position: relative;
+  text-align: left;
+}
+._1ye8k3fq + ._1ye8k3fq {
+  margin-top: 8px;
+}
 @media screen and (min-width:1024px) {
   ._1ye8k3f7 {
     flex-direction: row-reverse;
@@ -225,4 +232,9 @@
     max-width: 50%;
     width: 50%;
   }
+}
+@media screen and (max-width:432px) {
+  ._1ye8k3fp {
+    padding-left: 20px;
+  }
 }

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -128,7 +128,7 @@
   width: 100%;
 }
 ._1m7m2ao {
-  padding: 32px 36px;
+  padding: 32px 40px;
   width: 100%;
   max-width: 50%;
 }
@@ -513,7 +513,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   }
   ._1m7m2ax.reversed ._1m7m2ao {
     padding-left: 0;
-    padding-right: 36px;
+    padding-right: 40px;
   }
   .stacked > .billboard {
     flex-direction: row;

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})`;
         };
     };
 }>;

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

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

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})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
     };
 }>;

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

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

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

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

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

package/dist/icons/Logos/AXB.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+
+declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
+    classNameFill?: string;
+    height?: number;
+    width?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SvgComponent;

package/dist/icons/Logos/AXB.js

@@ -0,0 +1,74 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgComponent = (props) => {
+  const { classNameFill, height, width } = props;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: width || 137,
+      height: height || 30,
+      viewBox: "0 0 137 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M40.9059 0.655984C40.3905 0.140561 39.594 0.140561 39.0785 0.655984L38.3288 1.40569C37.8134 1.92112 37.8134 2.71768 38.3288 3.2331L50.1836 15.1347L38.3288 27.0363C37.8134 27.5517 37.8134 28.3483 38.3288 28.8637L39.0785 29.6134C39.594 30.1289 40.3905 30.1289 40.9059 29.6134L55.3378 15.1347L40.9059 0.655984Z",
+            fill: "#FAA74A"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M131.058 2.71769C131.058 1.17142 132.23 0 133.776 0C135.322 0 136.494 1.17142 136.494 2.71769C136.494 4.26396 135.322 5.43538 133.776 5.43538C132.23 5.43538 131.058 4.26396 131.058 2.71769ZM136.166 2.71769C136.166 1.31199 135.182 0.327997 133.776 0.327997C132.37 0.327997 131.386 1.35884 131.386 2.71769C131.386 4.12339 132.37 5.10738 133.776 5.10738C135.135 5.15424 136.166 4.07653 136.166 2.71769ZM133.307 4.07653H132.932V1.26513C133.12 1.21827 133.354 1.21827 133.588 1.21827C134.291 1.21827 134.713 1.54627 134.713 2.15541C134.713 2.62398 134.385 2.90512 134.057 2.99883L134.994 4.12339H134.572L133.729 3.09254H133.354L133.307 4.07653ZM133.307 2.76455H133.635C134.01 2.76455 134.338 2.57712 134.338 2.15541C134.338 1.78055 134.057 1.59313 133.588 1.59313C133.495 1.59313 133.354 1.59313 133.26 1.59313L133.307 2.76455Z",
+            fill: "#1E3860",
+            className: classNameFill
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M120.281 13.4479C120.281 13.4479 118.922 13.1199 118.173 12.8387C115.783 11.9953 113.581 10.7302 113.581 8.4342C113.581 5.76337 115.877 3.93595 119.344 3.93595C121.64 3.93595 123.421 4.59195 124.686 5.85708L125.107 6.27879C125.623 6.79421 126.419 6.79421 126.935 6.27879L127.685 5.52908C128.2 5.01366 128.2 4.21709 127.685 3.70167C127.497 3.46739 127.263 3.27996 127.263 3.27996C125.248 1.35883 122.483 0.327987 119.344 0.327987C116.486 0.327987 114.19 1.07769 112.269 2.67082C110.441 4.21709 109.551 6.13822 109.551 8.48105C109.551 14.1976 114.893 15.6033 119.578 16.8684L119.719 16.9153C123.842 17.8993 125.904 19.5392 125.904 21.7884C125.904 24.6466 123.514 26.3335 119.578 26.3335C117.095 26.3335 114.893 25.49 113.393 23.9906L112.972 23.5689C112.456 23.0535 111.66 23.0535 111.144 23.5689L110.254 24.4592C109.738 24.9746 109.738 25.7712 110.254 26.2866L110.676 26.7083C112.831 28.8169 115.924 29.9883 119.578 29.9883C122.624 29.9883 125.107 29.2386 127.075 27.6923C128.997 26.2397 129.934 24.2249 129.934 21.7415C130.027 16.4467 125.435 14.6193 120.281 13.4479Z",
+            fill: "#1E3860",
+            className: classNameFill
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M86.9661 0.281143C78.7661 0.281143 72.1593 6.9348 72.1593 15.1347C72.1593 23.3347 78.7661 29.9883 86.9661 29.9883C95.166 29.9883 101.773 23.3347 101.773 15.1347C101.773 6.9348 95.1191 0.281143 86.9661 0.281143ZM86.9661 3.93597C93.1511 3.93597 98.1648 8.94964 98.1648 15.1347C98.1648 21.3198 93.1511 26.3335 86.9661 26.3335C80.781 26.3335 75.7673 21.3198 75.7673 15.1347C75.7673 8.94964 80.781 3.93597 86.9661 3.93597Z",
+            fill: "#1E3860",
+            className: classNameFill
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M67.1924 28.8637L66.4427 29.6134C65.9273 30.1289 65.1308 30.1289 64.6153 29.6134L54.5412 19.5392L57.1183 16.9621L67.1924 27.0363C67.7079 27.5049 67.7079 28.3483 67.1924 28.8637Z",
+            fill: "#1E3860",
+            className: classNameFill
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M67.1924 1.40569L66.4427 0.655984C65.9273 0.140561 65.1308 0.140561 64.6153 0.655984L54.5412 10.7302L57.1183 13.3073L67.1924 3.2331C67.7079 2.76454 67.7079 1.92112 67.1924 1.40569Z",
+            fill: "#1E3860",
+            className: classNameFill
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M26.0055 15.1816C25.9586 21.3198 20.9449 26.3335 14.8067 26.3335C8.62164 26.3335 3.60797 21.3198 3.60797 15.1347C3.60797 8.94964 8.66849 3.93597 14.8067 3.93597C20.9449 3.93597 25.9586 8.90278 26.0055 15.0879V15.1816ZM28.3483 0.281143H27.2706C26.5678 0.281143 25.9586 0.843424 25.9586 1.59313V5.38853C23.2878 2.24913 19.305 0.281143 14.8067 0.281143C6.6068 0.281143 0 6.9348 0 15.1347C0 23.3347 6.65365 29.9883 14.8067 29.9883C19.2581 29.9883 23.2878 28.0203 26.0055 24.8809V28.6763C26.0055 29.3792 26.5678 29.9883 27.3175 29.9883H28.3952C29.098 29.9883 29.7072 29.426 29.7072 28.6763V1.59313C29.6603 0.890281 29.098 0.281143 28.3483 0.281143Z",
+            fill: "#1E3860",
+            className: classNameFill
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  SvgComponent as default
+};

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../../assets/icons/Star/Star.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 @@
-/* empty css                                         */
+import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
 /* empty css                           */
 /* empty css                         */

package/dist/main.js

@@ -73,6 +73,7 @@ import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
 import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
+import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./Forms/HoneyPot/index.js";
 import { MortgageRate } from "./Forms/MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
@@ -91,7 +92,7 @@ import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
 import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
@@ -291,6 +292,7 @@ export {
   GlobalContextProvider,
   GoBackButton,
   HeroBanner,
+  HoneyPot,
   Hyperlink,
   IconBillboard,
   IconBillboardSet,
@@ -530,9 +532,11 @@ export {
   heroSupertag,
   hero_banner,
   hero_btns,
+  hero_bullet_item,
   hero_content,
   hero_embedded_image,
   hero_img,
+  hero_sub_bullets,
   hero_text,
   hero_wrapper,
   hide,
@@ -542,6 +546,7 @@ export {
   highlight_first_row,
   highlight_last_row,
   highlight_th,
+  honeyPotSchema,
   icon,
   iconContainer,
   iconContainerBase,
@@ -570,6 +575,7 @@ export {
   isAllowedUrl,
   isEmailLink,
   isPhoneLink,
+  isValidHoneyPot,
   is_bg_img,
   isolate_container,
   item,

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})` | `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})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
         secondary: {
-            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})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
         tertiary: {
-            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})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
         quaternary: {
-            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})`;
+            background: `var(--${string})`;
+            body: `var(--${string})`;
+            headline: `var(--${string})`;
+            textGradient: `var(--${string})`;
+            textButton: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            border: `var(--${string})`;
         };
     };
-    error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    error: `var(--${string})`;
     disabled: {
-        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})`;
+        border: `var(--${string})`;
+        color: `var(--${string})`;
+        background: `var(--${string})`;
     };
     icons: {
         check: {
-            primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
         };
     };
     table: {
-        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        highlight: `var(--${string})`;
+        color: `var(--${string})`;
     };
     footer: {
         link: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     selecction: {
         icon: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 };

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/axos.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 @@
-/* empty css                        */
+import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

package/dist/themes/victorie.css.js

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

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

@@ -1,4 +1,4 @@
-const loader = "_loader_pwl74_10";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_pwl74_10";
 const loading = "_loading_pwl74_16";
 const shimmer = "_shimmer_pwl74_1";
 const css = {