@axos-web-dev/shared-components 1.0.98 → 1.0.99-feature-brand

package/dist/Article/Article.css.d.ts

@@ -1,7 +1,7 @@
 export declare const ant_article: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            border: "1px solid #d4d4d4";
+            border: "1px solid #B9C1CE";
         };
         secondary: {
             border: "none";
@@ -25,7 +25,7 @@ export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
             color: `var(--${string})`;
         };
         tertiary: {
-            color: "#FAA74A";
+            color: `var(--${string})`;
         };
         quaternary: {
             color: `var(--${string})`;
@@ -35,38 +35,10 @@ export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -127,30 +99,30 @@ export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<
             };
         };
         tertiary: {
-            color: `var(--${string})`;
             backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     borderColor: `var(--${string})`;
                     color: `var(--${string})`;
                 };
                 "&:active": {
-                    color: `var(--${string})`;
                     backgroundColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
             };
         };
         quaternary: {
-            color: `var(--${string})`;
             backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     borderColor: `var(--${string})`;
                     color: `var(--${string})`;
                 };
                 "&:active": {
-                    color: `var(--${string})`;
                     backgroundColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
             };
         };

package/dist/ArticlesSet/ArticlesSet.css.d.ts

@@ -9,102 +9,42 @@ export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn
             color: `var(--${string})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    color: `var(--${string})`;
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    color: `var(--${string})`;
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: `var(--${string})`;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: `var(--${string})`;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: `var(--${string})`;
-                };
-            };
+            fill: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: `var(--${string})`;
-                };
-            };
+            fill: `var(--${string})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: "#1E262F";
-                };
-            };
+            fill: `var(--${string})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: "#1E262F";
-                };
-            };
+            fill: `var(--${string})`;
         };
     };
 }>;

package/dist/ArticlesSet/ArticlesSet.js

@@ -79,7 +79,7 @@ const ArticlesSet = ({
                                     className: `${ant_svg_fill({ variant })}`,
                                     d: "M1.13491422,0.187942261 C0.94986252,0.00203917967 0.649789062,0.00203917967 0.464737367,0.187942261 L0.187303721,0.466652324 C0.00225202625,0.652555405 0.00225202625,0.95391307 0.187303721,1.13991252 L4.55851447,5.53075249 L0.187303721,9.92149608 C0.00225202625,10.1074955 0.00225202625,10.4088532 0.187303721,10.5947563 L0.464737367,10.8734663 C0.649789062,11.0593694 0.94986252,11.0593694 1.13491422,10.8734663 L6.45248835,5.53075249 L1.13491422,0.187942261 Z",
                                     id: "Fill-1",
-                                    fill: "#2F5B88",
+                                    fill: "#1E629A",
                                     fillRule: "evenodd",
                                     mask: "url(#mask-2)"
                                   }

package/dist/AwardsBanner/AwardsBanner.css.js

@@ -1,4 +1,7 @@
-import '../assets/AwardsBanner/AwardsBanner.css';/* empty css                                */
+import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                */
 var awards_section = "_1amgyqo0";
 var awards_row = "_1amgyqo1";
 export {

package/dist/AwardsItem/AwardsItem.css.js

@@ -1,5 +1,4 @@
-import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
-/* empty css                              */
+import '../assets/AwardsItem/AwardsItem.css';/* empty css                              */
 var award_item = "_16tnqb20";
 var award_company = "_16tnqb21";
 var award_name = "_16tnqb22";

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1r8g1_1";
-const author = "_author_1r8g1_13";
-const quote = "_quote_1r8g1_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_pxqdd_1";
+const author = "_author_pxqdd_7";
+const quote = "_quote_pxqdd_1";
 const css = {
   quote_spacer,
   author,

package/dist/Button/Button.css.d.ts

@@ -118,13 +118,13 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
             flexDirection: "column";
             justifyContent: "center";
             background: "#fff";
-            color: "#333D46";
+            color: "#1F1F1F";
             border: "1px solid #EBEBEB";
             alignItems: "center";
             gap: number;
             ":hover": {
-                background: "#EBEBEB";
-                color: "#333D46";
+                background: "#E9F8FF";
+                color: "#1F1F1F";
             };
             "@media": {
                 "screen and (max-width:768px)": {

package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts

@@ -39,38 +39,10 @@ export declare const bodyContent: string;
 export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts

@@ -33,38 +33,10 @@ export declare const header_container: string;
 export declare const header_calc: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/Calculators/calculator.css.d.ts

@@ -22,16 +22,10 @@ export declare const calculator_description: import('@vanilla-extract/recipes').
 export declare const calculator_headline: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/CallToActionBar/index.js

@@ -107,7 +107,7 @@ const CallToActionBar = ({
                       ),
                       children: [
                         headline && /* @__PURE__ */ jsx("h2", { className: "header_3", children: headline }),
-                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy }) })
                       ]
                     }
                   ),

package/dist/Carousel/Carousel.css.d.ts

@@ -5,28 +5,16 @@ export declare const dots: string;
 export declare const headerCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
         };
         quaternary: {
             color: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
         };
     };
 }>;
@@ -34,6 +22,7 @@ export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
+            border: "1px solid #E9EBEF";
             color: `var(--${string})`;
         };
         secondary: {
@@ -90,7 +79,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
 export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderColor: "#1E3860";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     background: "#87B9D7";
@@ -98,7 +87,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         secondary: {
-            borderColor: "#1E3860";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     background: "#87B9D7";
@@ -106,7 +95,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         tertiary: {
-            borderColor: "#FFFFFF";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     background: "#EBEBEB";
@@ -114,10 +103,10 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         quaternary: {
-            borderColor: "#FAA74A";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
-                    background: "#FFE7D2";
+                    background: "#EBEBEB";
                 };
             };
         };

package/dist/Chevron/Chevron.css.d.ts

@@ -19,11 +19,11 @@ export declare const chevron: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: "FFFFFF";
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: `var(--${string})`;
+                    textDecorationColor: "#FFFFFF";
                 };
             };
         };

package/dist/CollectInformationAlert/index.js

@@ -41,7 +41,7 @@ const CollectInformationAlert = () => {
         Hyperlink,
         {
           id: "close_btn_optin",
-          className: `${close_btn_optin}`,
+          className: close_btn_optin,
           targetUrl: "#",
           children: /* @__PURE__ */ jsx(SvgCloseIcon, {})
         }

package/dist/Comparison/Comparison.js

@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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/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/Typography/Typography.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/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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                                */
+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/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/Typography/Typography.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/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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                                                    */
@@ -67,9 +67,9 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                          */
 /* empty css                                                                    */
 import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
 import "next/image.js";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -527,7 +527,7 @@ const AxosFooterSiteMap = ({
                   "path",
                   {
                     d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                    fill: "#4A5560"
+                    fill: "#14263D"
                   }
                 )
               }
@@ -691,7 +691,7 @@ const AxosFooterSiteMap = ({
                   "path",
                   {
                     d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                    fill: "#4A5560"
+                    fill: "#14263D"
                   }
                 )
               }
@@ -863,7 +863,7 @@ const AxosFooterSiteMap = ({
                   "path",
                   {
                     d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                    fill: "#4A5560"
+                    fill: "#14263D"
                   }
                 )
               }

package/dist/Forms/Forms.css.d.ts

@@ -23,38 +23,10 @@ export declare const headerContainer: string;
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/HeroBanner/HeroBanner.css.d.ts

@@ -3,7 +3,7 @@ export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
-            borderBottom: "1px solid #d4d4d4";
+            borderBottom: "1px solid #B9C1CE";
             color: `var(--${string})`;
         };
         secondary: {
@@ -30,16 +30,10 @@ export declare const img_contents: string;
 export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -52,16 +46,10 @@ export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<
 export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/HeroBanner/HeroBanner.js

@@ -183,18 +183,7 @@ const HeroBanner = ({
               /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
               /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: clsx(
-                        "header_2",
-                        selection_headline_text({
-                          variant: getVariant(variant)
-                        })
-                      ),
-                      children: selection?.headline
-                    }
-                  ),
+                  /* @__PURE__ */ jsx("h3", { className: clsx("header_2", selection_headline_text), children: selection?.headline }),
                   /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
                 ] }),
                 selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(