@axos-web-dev/shared-components 1.0.99-dev.2 → 1.0.99-feature-brand.1

package/dist/assets/themes/axos.css

@@ -1,40 +1,40 @@
 ._1073cm80 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #333D46;
-  --_1073cm83: #1E3860;
-  --_1073cm84: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #2F5B88;
-  --_1073cm87: #D4D4D4;
-  --_1073cm88: #F4F4F4;
-  --_1073cm89: #333D46;
-  --_1073cm8a: #1E3860;
-  --_1073cm8b: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #2F5B88;
-  --_1073cm8e: #D4D4D4;
-  --_1073cm8f: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8g: #FFFFFF;
+  --_1073cm82: #1E629A;
+  --_1073cm83: #1F1F1F;
+  --_1073cm84: #D4D4D4;
+  --_1073cm85: #1E3860;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm88: #E9F8FF;
+  --_1073cm89: #1E629A;
+  --_1073cm8a: #1F1F1F;
+  --_1073cm8b: #D4D4D4;
+  --_1073cm8c: #1E3860;
+  --_1073cm8d: #FFFFFF;
+  --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm8f: #1E3860;
+  --_1073cm8g: #98DDFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8j: #1E3860;
-  --_1073cm8k: #FAA74A;
-  --_1073cm8l: #1E3860;
-  --_1073cm8m: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8n: #FFFFFF;
-  --_1073cm8o: #FAA74A;
-  --_1073cm8p: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8i: #1E3860;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #1E3860;
+  --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
+  --_1073cm8m: #14263D;
+  --_1073cm8n: #98DDFF;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #14263D;
   --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #FAA74A;
-  --_1073cm8s: #4D85B0;
+  --_1073cm8r: #1E3860;
+  --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;
   --_1073cm8w: #F4F4F4;
-  --_1073cm8x: #00805B;
-  --_1073cm8y: #38D7A4;
-  --_1073cm8z: linear-gradient(0deg,#152d54,#27466f);
+  --_1073cm8x: #1E3860;
+  --_1073cm8y: #98DDFF;
+  --_1073cm8z: linear-gradient(0deg,#1E3860,#1E3860);
   --_1073cm810: #FFFFFF;
-  --_1073cm811: #0062b3;
-  --_1073cm812: #4A5560;
+  --_1073cm811: #1A6AAA;
+  --_1073cm812: #14263D;
 }

package/dist/assets/themes/premier.css

@@ -1,40 +1,40 @@
 ._1es6o1h0 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #333D46;
-  --_1073cm83: #1E262F;
-  --_1073cm84: #1E262F;
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #1E262F;
-  --_1073cm87: #D4D4D4;
-  --_1073cm88: #F4F4F4;
-  --_1073cm89: #333D46;
-  --_1073cm8a: #1E262F;
-  --_1073cm8b: #1E262F;
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #1E262F;
-  --_1073cm8e: #D4D4D4;
-  --_1073cm8f: #1E262F;
-  --_1073cm8g: #FFFFFF;
+  --_1073cm82: #14263D;
+  --_1073cm83: #1F1F1F;
+  --_1073cm84: #D4D4D4;
+  --_1073cm85: #1E3860;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm88: #E9F8FF;
+  --_1073cm89: #14263D;
+  --_1073cm8a: #1F1F1F;
+  --_1073cm8b: #D4D4D4;
+  --_1073cm8c: #1E3860;
+  --_1073cm8d: #FFFFFF;
+  --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm8f: #14263D;
+  --_1073cm8g: #98DDFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: #FFFFFF;
-  --_1073cm8j: #1E262F;
-  --_1073cm8k: #FAA74A;
-  --_1073cm8l: #333D46;
-  --_1073cm8m: #1E262F;
-  --_1073cm8n: #FFFFFF;
-  --_1073cm8o: #FAA74A;
-  --_1073cm8p: #FFFFFF;
+  --_1073cm8i: #14263D;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #1E3860;
+  --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
+  --_1073cm8m: #14263D;
+  --_1073cm8n: #98DDFF;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #14263D;
   --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #FAA74A;
-  --_1073cm8s: #333D46;
+  --_1073cm8r: #1E3860;
+  --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;
   --_1073cm8w: #F4F4F4;
-  --_1073cm8x: #1E262F;
-  --_1073cm8y: #FAA74A;
-  --_1073cm8z: linear-gradient(0deg, #2c3642, #1e262f);
-  --_1073cm810: #FAA74A;
-  --_1073cm811: #1E262F;
-  --_1073cm812: #1E262F;
+  --_1073cm8x: #1E3860;
+  --_1073cm8y: #98DDFF;
+  --_1073cm8z: linear-gradient(0deg,#14263D,#14263D);
+  --_1073cm810: #FFFFFF;
+  --_1073cm811: #1A6AAA;
+  --_1073cm812: #14263D;
 }

package/dist/assets/themes/victorie.css

@@ -1,32 +1,32 @@
 .fl2fv50 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #344a53;
-  --_1073cm83: #28587d;
-  --_1073cm84: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #dd7b50;
-  --_1073cm87: #7a7b7e;
+  --_1073cm83: #344a53;
+  --_1073cm85: #28587d;
+  --_1073cm87: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm86: #FFFFFF;
+  --_1073cm82: #dd7b50;
+  --_1073cm84: #7a7b7e;
   --_1073cm88: #F4F4F4;
-  --_1073cm89: #344a53;
-  --_1073cm8a: #28587d;
-  --_1073cm8b: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #dd7b50;
-  --_1073cm8e: #d4d4d4;
+  --_1073cm8a: #344a53;
+  --_1073cm8c: #28587d;
+  --_1073cm8e: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm8d: #FFFFFF;
+  --_1073cm89: #dd7b50;
+  --_1073cm8b: #d4d4d4;
   --_1073cm8f: #28587d;
-  --_1073cm8g: #FFFFFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm8j: #ffffff;
-  --_1073cm8k: #dd7b50;
-  --_1073cm8l: #ffffff;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8l: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm8k: #ffffff;
+  --_1073cm8g: #dd7b50;
+  --_1073cm8i: #ffffff;
   --_1073cm8m: #E7F5FA;
-  --_1073cm8n: #344A53;
-  --_1073cm8o: #28587d;
-  --_1073cm8p: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
-  --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #28587d;
-  --_1073cm8s: #E7F5FA;
+  --_1073cm8o: #344A53;
+  --_1073cm8q: #28587d;
+  --_1073cm8s: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
+  --_1073cm8r: #FFFFFF;
+  --_1073cm8n: #28587d;
+  --_1073cm8p: #E7F5FA;
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;

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

@@ -16,7 +16,7 @@ const SvgCheckCircle = (props) => /* @__PURE__ */ jsx(
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
-        fill: "#00805B"
+        fill: "#1E3860"
       }
     )
   }

package/dist/icons/CheckCircleLight.js

@@ -14,7 +14,7 @@ const SvgCheckCircleLight = (props) => /* @__PURE__ */ jsx(
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
-        fill: "#38D7A4"
+        fill: "#98DDFF"
       }
     )
   }

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/CheckIcon/index.js

@@ -16,7 +16,7 @@ const SvgCheckIcon = (props) => {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M17.75 9C17.75 4.16751 13.8325 0.25 9 0.25C4.16751 0.25 0.25 4.16751 0.25 9C0.25 13.8325 4.16751 17.75 9 17.75C13.8325 17.75 17.75 13.8325 17.75 9ZM12.933 6.05807L13.8169 6.94195L7.74997 13.0089L4.18303 9.44195L5.06691 8.55807L7.74997 11.2406L12.933 6.05807Z",
-          fill: "#00805B"
+          fill: "#1E3860"
         }
       )
     }

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

@@ -14,14 +14,14 @@ const SvgQuoteIconGrey = (props) => /* @__PURE__ */ jsxs(
           "path",
           {
             d: "M14.8115 0.898438C6.99074 0.898438 0.650391 7.16583 0.650391 14.8966C0.650391 22.6273 6.99074 28.8947 14.8115 28.8947C15.9394 28.8947 17.0362 28.7594 18.0874 28.5135C16.4432 34.9162 12.7588 41.12 6.81658 47.1005C19.4952 40.9909 28.9705 28.8947 28.9705 14.8966C28.9726 7.16583 22.6322 0.898438 14.8115 0.898438Z",
-            fill: "#D4D4D4"
+            fill: "#B9C1CE"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M50.1884 0.898438C42.3677 0.898438 36.0273 7.16583 36.0273 14.8966C36.0273 22.6273 42.3677 28.8947 50.1884 28.8947C51.3163 28.8947 52.4131 28.7594 53.4643 28.5135C51.8202 34.9162 48.1358 41.12 42.1935 47.1005C54.8722 40.9909 64.3474 28.8947 64.3474 14.8966C64.3495 7.16583 58.0092 0.898438 50.1884 0.898438Z",
-            fill: "#D4D4D4"
+            fill: "#B9C1CE"
           }
         )
       ] }),

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

@@ -171,6 +171,11 @@ import { StepItem } from "./StepItem/StepItem.js";
 import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
 import { StepItemSet } from "./StepItemSet/StepItemSet.js";
 import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
+import { HeaderSection } from "./StepItemSet/sections/HeaderSection.js";
+import { ImageSection } from "./StepItemSet/sections/ImageSection.js";
+import { StepsList } from "./StepItemSet/sections/StepsList.js";
+import { CallToActionSection } from "./StepItemSet/sections/CallToActionSection.js";
+import { AdditionalDetailsSection } from "./StepItemSet/sections/AdditionalDetailsSection.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
@@ -213,6 +218,7 @@ export {
   AccordionItem,
   AccordionItemContent,
   AccordionItemSummary,
+  AdditionalDetailsSection,
   AlertBanner,
   AnnualFeeCalculator,
   ApplicationStart,
@@ -236,6 +242,7 @@ export {
   BuyDownCalculator,
   Calculator,
   CallToActionBar,
+  CallToActionSection,
   Carousel,
   CarouselSlide,
   CategorySelector,
@@ -290,6 +297,7 @@ export {
   GlobalContext,
   GlobalContextProvider,
   GoBackButton,
+  HeaderSection,
   HeroBanner,
   Hyperlink,
   IconBillboard,
@@ -297,6 +305,7 @@ export {
   ImageBillboard,
   ImageBillboardSet,
   ImageLinkSet,
+  ImageSection,
   Input,
   InputAmount,
   InputPhone,
@@ -346,6 +355,7 @@ export {
   SocialMediaBar,
   StepItem,
   StepItemSet,
+  StepsList,
   SuccesFormWrapper,
   SummitApyCalculator,
   Tab,

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})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `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})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `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})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `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})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `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,6 +1,6 @@
-/* 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)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "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 {
   axosTheme,
   vars

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

@@ -6,8 +6,7 @@ const moreDomains = {
   "{AXA}": process.env.AXA_URL || "https://www.axosadvisor.com",
   "{AFS}": process.env.AFS_URL || "https://www.axosfiduciaryservices.com",
   "{NATIONWIDE}": process.env.NATIOWIDE_URL || "https://www.nationwide.axosbank.com",
-  "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://onboard.axos.com/ConsumerDeposits/SignIn",
-  "{LEGACYENROLLMENT}": process.env.LEGACY_ENROLLMENT_URL || "https://enrollment.axosbank.com",
+  "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://enrollment.axosbank.com",
   "{ASSETSURL}": "https://assets.axos.com",
   "{IMAGEASSETSURL}": "https://images.axos.com",
   "{ONLINEBANKING}": process.env.ONLINEBANKING_URL || "https://onlinebanking.uat.axosbank.com",

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 = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.99-dev.2",
+  "version": "1.0.99-feature-brand.1",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",