@axos-web-dev/shared-components 1.0.100-dev.14 → 1.0.100-dev.16

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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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                                                    */
@@ -68,7 +68,6 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
@@ -77,6 +76,7 @@ import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.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

@@ -542,7 +542,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"
                   }
                 )
               }
@@ -706,7 +706,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"
                   }
                 )
               }
@@ -878,7 +878,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/ContactUsBusiness.d.ts

@@ -3,7 +3,7 @@ import { FormProps } from './FormProps';
 export type ContactUsBusinessNmlsIdInputs = {
     first_name: string;
     last_name: string;
-    Company: string;
+    company: string;
     email: string;
     phone: string;
     Company_NMLS_ID__c: string;

package/dist/Forms/ContactUsBusiness.js

@@ -170,7 +170,7 @@ const ContactUsBusiness = ({
       }
       return removeDashes;
     }),
-    Company: z.string().min(1),
+    company: z.string().min(1),
     Company_NMLS_ID__c: z.string().min(6).max(7)
   });
   const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
@@ -263,7 +263,7 @@ const ContactUsBusiness = ({
               Input,
               {
                 id: "Company",
-                ...register("Company", {
+                ...register("company", {
                   required: true
                 }),
                 type: "text",
@@ -271,8 +271,8 @@ const ContactUsBusiness = ({
                 sizes: "medium",
                 placeholder: "Business Name",
                 required: true,
-                error: !!errors.Company,
-                helperText: errors.Company?.message,
+                error: !!errors.company,
+                helperText: errors.company?.message,
                 variant
               }
             ) }),

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

@@ -40,38 +40,10 @@ export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
 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/Forms/MortgageRate/MortgageRateForm.js

@@ -239,7 +239,10 @@ const MortgageRate = ({
     resolver: zodResolver(gen_schema, {
       async: true
     }),
-    mode: "all"
+    mode: "all",
+    defaultValues: {
+      loanPurpose: 1
+    }
   });
   useEffect(() => {
     if (loanPurpose === 1) {
@@ -248,6 +251,7 @@ const MortgageRate = ({
       methods.setValue("mortgageBalance", 0);
     } else if (loanPurpose === 2) {
       methods.reset();
+      methods.setValue("loanPurpose", 2);
       methods.setValue("salesPrice", 0);
       methods.setValue("downPayment", 0);
     }
@@ -395,7 +399,6 @@ const MortgageRate = ({
                   error: !!errors.loanPurpose,
                   helperText: errors.loanPurpose?.message,
                   variant,
-                  defaultValue: "Select Loan Type",
                   onChange: (e) => {
                     const selectedValue = Number(e.target.value);
                     setLoanPurpose(selectedValue);

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(

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

@@ -1,22 +1,4 @@
-export declare const selection_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})`;
-        };
-        secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
-        };
-        tertiary: {
-            color: `var(--${string})`;
-        };
-        quaternary: {
-            color: `var(--${string})`;
-        };
-    };
-}>;
+export declare const selection_headline_text: string;
 export declare const selection_section: string;
 export declare const selection_section_bg: string;
 export declare const selection_section_content: string;

package/dist/HeroBanner/SelectionBanner.css.js

@@ -4,12 +4,12 @@ import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victo
 /* empty css                                    */
 /* empty css                                   */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var selection_headline_text = createRuntimeFn({ defaultClassName: "_7etqoq0", variantClassNames: { variant: { primary: "_7etqoq1", secondary: "_7etqoq2", tertiary: "_7etqoq3", quaternary: "_7etqoq4" } }, defaultVariants: {}, compoundVariants: [] });
-var selection_section = "_7etqoq5";
-var selection_section_bg = "_7etqoq6";
-var selection_section_content = "_7etqoq7";
-var selection_section_icon = "_7etqoq8";
-var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq9", variantClassNames: { variant: { primary: "_7etqoqa", secondary: "_7etqoqb", tertiary: "_7etqoqc", quaternary: "_7etqoqd" } }, defaultVariants: {}, compoundVariants: [] });
+var selection_headline_text = "_7etqoq0";
+var selection_section = "_7etqoq1";
+var selection_section_bg = "_7etqoq2";
+var selection_section_content = "_7etqoq3";
+var selection_section_icon = "_7etqoq4";
+var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq5", variantClassNames: { variant: { primary: "_7etqoq6", secondary: "_7etqoq7", tertiary: "_7etqoq8", quaternary: "_7etqoq9" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   selection_headline_text,
   selection_section,

package/dist/Hyperlink/Hyperlink.css.d.ts

@@ -1,20 +1,20 @@
 export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: "#0062B3";
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: "#0062B3";
+                    textDecorationColor: `var(--${string})`;
                 };
             };
         };
         secondary: {
-            color: "#FAA74A";
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: "#FAA74A";
+                    textDecorationColor: `var(--${string})`;
                 };
             };
         };

package/dist/Hyperlink/Hyperlink.css.js

@@ -1,4 +1,7 @@
-import '../assets/Hyperlink/Hyperlink.css';/* empty css                             */
+import '../assets/Hyperlink/Hyperlink.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
 export {

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -4,7 +4,7 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
     variant: {
         primary: {
             background: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #E9EBEF";
             color: `var(--${string})`;
         };
         secondary: {
@@ -34,38 +34,10 @@ export declare const headerIconBillboard: string;
 export declare const 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})`;
@@ -82,16 +54,10 @@ export declare const section_text: string;
 export declare const header_section: 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})`;
@@ -106,7 +72,7 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
     variant: {
         primary: {
             background: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #E9EBEF";
         };
         secondary: {
             background: `var(--${string})`;

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -3,7 +3,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
         primary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #B9C1CE";
         };
         secondary: {
             background: `var(--${string})`;
@@ -58,38 +58,10 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
 export declare const supertag: 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})`;
@@ -102,38 +74,10 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const header: 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/LoadingIndicator/LoadingIndicator.css.d.ts

@@ -1,16 +1,16 @@
 export declare const loader: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderTop: "12px solid #213a63";
+            borderTop: "12px solid #1E629A";
         };
         secondary: {
-            borderTop: "12px solid #213a63";
+            borderTop: "12px solid #1E629A";
         };
         tertiary: {
-            borderTop: "12px solid #faa74a";
+            borderTop: "12px solid #98DDFF";
         };
         quaternary: {
-            borderTop: "12px solid #faa74a";
+            borderTop: "12px solid #98DDFF";
         };
     };
 }>;

package/dist/Modal/Modal.css.d.ts

@@ -7,6 +7,7 @@ export declare const modal_header: string;
 export declare const modal_title: string;
 export declare const modal_subtitle: string;
 export declare const modal_body: string;
+export declare const modal_body_p: string;
 export declare const modal_footer: string;
 export declare const site_link: string;
 export declare const speedbump_background: string;

package/dist/Modal/Modal.css.js

@@ -11,13 +11,15 @@ var modal_header = "_427id35";
 var modal_title = "_427id36";
 var modal_subtitle = "_427id37";
 var modal_body = "_427id38";
-var modal_footer = "_427id39";
-var site_link = "_427id3a";
-var speedbump_background = "_427id3b";
+var modal_body_p = "_427id39";
+var modal_footer = "_427id3a";
+var site_link = "_427id3b";
+var speedbump_background = "_427id3c";
 export {
   hr,
   modal,
   modal_body,
+  modal_body_p,
   modal_content,
   modal_dialog,
   modal_footer,