@axos-web-dev/shared-components 1.0.56 → 1.0.58

package/dist/Accordion/Accordion.css.d.ts

@@ -43,7 +43,7 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const headerAccordion: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/Accordion/Accordion.js

@@ -11,7 +11,7 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
+import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

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

@@ -19,16 +19,16 @@ export declare const ant_content: string;
 export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
             color: "#FAA74A";
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -38,12 +38,12 @@ export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeF
             selectors: {
                 [x: string]: {
                     WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitTextFillColor: "transparent";
                     textShadow: "0px 0px #00000000";
                     color?: undefined;
                 } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitBackgroundClip?: undefined;
                     backgroundImage?: undefined;
                     WebkitTextFillColor?: undefined;
@@ -55,12 +55,12 @@ export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeF
             selectors: {
                 [x: string]: {
                     WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitTextFillColor: "transparent";
                     textShadow: "0px 0px #00000000";
                     color?: undefined;
                 } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitBackgroundClip?: undefined;
                     backgroundImage?: undefined;
                     WebkitTextFillColor?: undefined;
@@ -69,88 +69,88 @@ export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeF
             };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
 export declare const ant_card_body: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
 export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };

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

@@ -3,15 +3,15 @@ export declare const ant_header: string;
 export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
             selectors: {
                 [x: string]: {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 } | {
                     color: "#1E262F";
                 };
@@ -20,7 +20,7 @@ export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn
         quaternary: {
             selectors: {
                 [x: string]: {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 } | {
                     color: "#1E262F";
                 };
@@ -35,7 +35,7 @@ export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<
                 [x: string]: {
                     color: "#2F5B88";
                 } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -44,7 +44,7 @@ export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<
                 [x: string]: {
                     color: "#2F5B88";
                 } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -75,7 +75,7 @@ export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<
                 [x: string]: {
                     fill: "#2F5B88";
                 } | {
-                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fill: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -84,7 +84,7 @@ export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<
                 [x: string]: {
                     fill: "#2F5B88";
                 } | {
-                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fill: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -112,20 +112,20 @@ export declare const ant_grid: string;
 export declare const ant_sec_body: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/Auth/ErrorAlert.js

@@ -49,7 +49,7 @@ import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Input/PercentageInput.js";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
+import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
 import "react-dom";
 /* empty css                          */
 import "./SignInPassword.js";

package/dist/Auth/Logout.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useFormState } from "react-dom";
 import { useForm } from "react-hook-form";
-import { sign_in_form, sign_in_button } from "./SignIn.css.js";
+import { sign_in_button, sign_in_form } from "./SignIn.css.js";
 const Logout = ({
   action
 }) => {

package/dist/Auth/SignIn.css.d.ts

@@ -1,4 +1,6 @@
+export declare const fadeInUp: string;
 export declare const sign_in_form: string;
 export declare const sign_in_button: string;
-export declare const form_input: string;
 export declare const body_sign_in: string;
+export declare const form_input: string;
+export declare const form_input_wrapper: string;

package/dist/Auth/SignIn.css.js

@@ -2,13 +2,17 @@
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                          */
-var sign_in_form = "_1c7jj80";
-var sign_in_button = "_1c7jj81";
-var form_input = "_1c7jj82";
+var fadeInUp = "_1c7jj80";
+var sign_in_form = "_1c7jj81";
+var sign_in_button = "_1c7jj82";
 var body_sign_in = "_1c7jj83";
+var form_input = "_1c7jj84";
+var form_input_wrapper = "_1c7jj85";
 export {
   body_sign_in,
+  fadeInUp,
   form_input,
+  form_input_wrapper,
   sign_in_button,
   sign_in_form
 };

package/dist/Auth/SignInPassword.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Input } from "../Input/Input.js";
 import "../utils/allowedAxosDomains.js";
@@ -10,7 +10,7 @@ import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 import { ErrorAlert } from "./ErrorAlert.js";
-import { sign_in_form, body_sign_in, sign_in_button } from "./SignIn.css.js";
+import { body_sign_in, form_input_wrapper, sign_in_button, sign_in_form } from "./SignIn.css.js";
 const schema = z.object({
   username: z.string().min(1, { message: "username is required." }),
   password: z.string().min(1, { message: "Password is required." })
@@ -41,19 +41,31 @@ const SignIn = (props) => {
     });
   };
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      id: "axb-page",
-      className: clsx("containment", "section_spacer", "center"),
-      children: [
-        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: clsx(sign_in_form), children: [
-          /* @__PURE__ */ jsx("h2", { className: clsx(), children: headline ?? "Log in" }),
-          /* @__PURE__ */ jsx("div", { className: clsx(body_sign_in), children: bodyCopy ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { id: "axb-page", className: "section_spacer", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit(onSubmit),
+        className: clsx(
+          sign_in_form,
+          "flex_col middle center rounded relative"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "https://www.axos.com/images/45wrgZKYCe6gUFWASqFUdP/logo-ace.png",
+              alt: "",
+              height: 26,
+              width: 78
+            }
+          ),
+          /* @__PURE__ */ jsx("h2", { className: "header_1", children: headline ?? "Log in" }),
+          bodyCopy ?? /* @__PURE__ */ jsxs("div", { className: clsx(body_sign_in), children: [
             /* @__PURE__ */ jsx("p", { children: "Please login to access this resource." }),
             /* @__PURE__ */ jsx("p", { children: "Your password was sent via email during the onboarding process." })
-          ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_input_wrapper} push_up`, children: /* @__PURE__ */ jsx(
             Input,
             {
               id: "username",
@@ -67,7 +79,7 @@ const SignIn = (props) => {
               variant
             }
           ) }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: form_input_wrapper, children: /* @__PURE__ */ jsx(
             Input,
             {
               id: "password",
@@ -85,17 +97,17 @@ const SignIn = (props) => {
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: clsx(sign_in_button),
+              className: `${sign_in_button} push_up_24`,
               disabled: !isValid || isSubmitting || isPending,
               type: "submit",
               children: "Log in"
             }
           )
-        ] }),
-        showError && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ErrorAlert, { onClose: onCloseError }) })
-      ]
-    }
-  );
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ErrorAlert, { onClose: onCloseError }) })
+  ] }) });
 };
 export {
   SignIn

package/dist/Auth/index.js

@@ -1,7 +1,7 @@
 import { ErrorAlert } from "./ErrorAlert.js";
 import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
 import { Logout } from "./Logout.js";
-import { body_sign_in, form_input, sign_in_button, sign_in_form } from "./SignIn.css.js";
+import { body_sign_in, fadeInUp, form_input, form_input_wrapper, sign_in_button, sign_in_form } from "./SignIn.css.js";
 import { SignIn } from "./SignInPassword.js";
 export {
   ErrorAlert,
@@ -11,7 +11,9 @@ export {
   error_alert,
   error_alert_content,
   error_close_button,
+  fadeInUp,
   form_input,
+  form_input_wrapper,
   separator,
   sign_in_button,
   sign_in_form

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

@@ -3,44 +3,44 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
     color: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };

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

@@ -1,21 +1,21 @@
 export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             border: "1px solid #D4D4D4";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -27,16 +27,16 @@ export declare const fb50: string;
 export declare const stat: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

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

@@ -1,20 +1,20 @@
 export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -42,12 +42,12 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
             selectors: {
                 [x: string]: {
                     WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitTextFillColor: "transparent";
                     textShadow: "0px 0px #00000000";
                     color?: undefined;
                 } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitBackgroundClip?: undefined;
                     backgroundImage?: undefined;
                     WebkitTextFillColor?: undefined;
@@ -59,12 +59,12 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
             selectors: {
                 [x: string]: {
                     WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitTextFillColor: "transparent";
                     textShadow: "0px 0px #00000000";
                     color?: undefined;
                 } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})`;
                     WebkitBackgroundClip?: undefined;
                     backgroundImage?: undefined;
                     WebkitTextFillColor?: undefined;
@@ -73,10 +73,10 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
             };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;