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

package/dist/IconBillboard/IconBillboard.js

@@ -8,7 +8,7 @@ import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { billboard_icon, containerIconBillboard, layout, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
 const IconBillboard = (props) => {
   const {

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

@@ -1,21 +1,21 @@
 export declare const billboard: 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})`;
         };
     };
 }>;
@@ -61,12 +61,12 @@ export declare const supertag: 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;
@@ -78,12 +78,12 @@ export declare const supertag: 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;
@@ -92,10 +92,10 @@ export declare const supertag: 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})`;
         };
     };
 }>;
@@ -105,12 +105,12 @@ export declare const header: 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;
@@ -122,12 +122,12 @@ export declare const header: 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;
@@ -136,10 +136,10 @@ export declare const header: 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})`;
         };
     };
 }>;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -18,7 +18,7 @@ import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { useExitIntentModal } from "./ExitIntentModal/useExitIntentModal.js";
 import { ModalWrapper } from "./ExitIntentModal/ModalWrapper.js";
 import clsx from "clsx";
-import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas } from "./ImageBillboard.css.js";
+import { billboard_img, image_background, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
   variant,

package/dist/Input/Input.css.d.ts

@@ -19,21 +19,21 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
         primary: {};
         secondary: {};
         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})`;
         };
     };
     error: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     disabled: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     isCheckbox: {
@@ -64,19 +64,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:focus-within": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -124,15 +124,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {};
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -149,8 +149,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            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})`;
         };
     };
 }>;

package/dist/Inputs/Input.css.d.ts

@@ -17,13 +17,13 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
     error: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     disabled: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -47,19 +47,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:focus-within": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -107,15 +107,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {};
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -132,8 +132,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            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})`;
         };
     };
 }>;

package/dist/Insight/Featured/CategorySelector.js

@@ -86,7 +86,7 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                               */
 import "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
-import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
+import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
@@ -122,7 +122,7 @@ import "next/script.js";
 /* empty css                                                 */
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_link_mobile, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
+import { selector_title_link, selector_more, selector_link, selector_grid_items, selector_link_mobile, selector_section, selector_img, selector_title, selector_grid_content, selector_small_item } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {
   const {
     id,

package/dist/Insight/Featured/Featured.js

@@ -89,7 +89,7 @@ import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_hero, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";

package/dist/Insight/Featured/Header.js

@@ -119,7 +119,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
-import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
+import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
 const BreadcumbHeader = (props) => {
   const { section, showTitle = true } = props;
   return /* @__PURE__ */ jsx(

package/dist/Interstitial/Interstitial-variants.css.d.ts

@@ -1,10 +1,10 @@
 export declare const int_headline: 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})`;
         };
     };
 }>;

package/dist/LandingPageHeader/LandingPageHeader.css.d.ts

@@ -1,13 +1,13 @@
 export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/Modal/contextApi/store.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Modal } from "../Modal.js";
 import "../../utils/allowedAxosDomains.js";
 import { shortUrl } from "../../utils/validateExternalLinks.js";
-import { createContext, useState, useContext } from "react";
+import { createContext, useContext, useState } from "react";
 const GlobalContext = createContext({
   targetLinkUrl: "",
   setTargetLinkUrl: () => "",

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -69,8 +69,6 @@ export declare const menuData: {
             "Managed Portfolios": {
                 "Managed Portfolios Home": string;
                 "Investing Details": string;
-                "Investment Strategy": string;
-                "Investing Features": string;
             };
             "Self Directed Trading": {
                 "Self Directed Trading Home": string;

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -263,12 +263,6 @@ const menuData = {
         ),
         "Investing Details": findMoreAxosDomains(
           "{AXOS}/invest/managed-portfolios/investing-details"
-        ),
-        "Investment Strategy": findMoreAxosDomains(
-          "{AXOS}/invest/managed-portfolios/investment-strategy"
-        ),
-        "Investing Features": findMoreAxosDomains(
-          "{AXOS}/invest/managed-portfolios/investing-features"
         )
       },
       "Self Directed Trading": {

package/dist/PageNavItem/PageNavItem.css.d.ts

@@ -23,13 +23,13 @@ export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const pn_link: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";

package/dist/PageNavSet/PageNavSet.js

@@ -5,7 +5,7 @@ import { useState, useRef, useEffect } from "react";
 import Slider from "react-slick";
 import "../PageNavItem/PageNavItem.css.js";
 import { PageNavItem } from "../PageNavItem/PageNavItem.js";
-import { sticky_nav, nav_wrapper } from "./PageNavigationSet.css.js";
+import { nav_wrapper, sticky_nav } from "./PageNavigationSet.css.js";
 const PageNavSet = ({ id, pageNavItems }) => {
   const SliderComponent = Slider.default ? Slider.default : Slider;
   const [activeSection, setActiveSection] = useState(

package/dist/Pagination/Pagination.js

@@ -11,7 +11,7 @@ import SvgChevronDown from "../icons/ChevronDown.js";
 import clsx from "clsx";
 import Link from "next/link.js";
 import { useSearchParams } from "next/navigation.js";
-import { active_page, pagination_container, disabled_arrows } from "./Pagination.css.js";
+import { active_page, disabled_arrows, pagination_container } from "./Pagination.css.js";
 function Pagination({ totalPages }) {
   const searchParams = useSearchParams();
   const page = searchParams.get("page") || 1;

package/dist/SecondaryFooter/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Hyperlink } from "../Hyperlink/index.js";
 import clsx from "clsx";
-import { secondary_footer, footer_items_wrapper, footer_item, footer_link } from "./SecondaryFooter.css.js";
+import { footer_items_wrapper, footer_item, footer_link, secondary_footer } from "./SecondaryFooter.css.js";
 const SecondaryFooter = (props) => {
   const { items } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(secondary_footer, "containment", "section_spacer"), children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items?.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: item.targetURL, className: footer_link, children: item.displayText }) }, item.id)) }) });

package/dist/SetContainer/SetContainer.css.d.ts

@@ -1,18 +1,18 @@
 export declare const set_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `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})`;
         };
     };
 }>;
@@ -40,29 +40,29 @@ export declare const setcontainer_section_text: string;
 export declare const isolate_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             "::before": {
-                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                background: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             "::before": {
-                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                background: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             "::before": {
-                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})`;
+            background: `var(--${string})` | `var(--${string}, ${string})`;
             "::before": {
-                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})`;
             };
         };
     };

package/dist/SetContainer/SetContainer.js

@@ -70,7 +70,7 @@ import "../Auth/SignInPassword.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import { set_container, isolate_container, heading, set_container_cols, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
+import { heading, set_container_cols, inline_container, setcontainer_section_text, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";

package/dist/StepItem/StepItem.css.d.ts

@@ -2,16 +2,16 @@ export declare const li: string;
 export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
         };
         secondary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
         };
         tertiary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
         };
         quaternary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;
@@ -21,10 +21,10 @@ export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
             selectors: {
                 [x: string]: {
                     borderColor: "#4D85B0";
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 } | {
                     borderColor: "#4A5560";
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -32,10 +32,10 @@ export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
             selectors: {
                 [x: string]: {
                     borderColor: "#4D85B0";
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 } | {
                     borderColor: "#4A5560";
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -46,7 +46,7 @@ export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
                     background: "#1E3860";
                 } | {
                     borderColor: "#FAA74A";
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -57,7 +57,7 @@ export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
                     background: "#1E3860";
                 } | {
                     borderColor: "#FAA74A";
-                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -66,16 +66,16 @@ export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const step_num: 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})`;
         };
     };
 }>;
@@ -83,16 +83,16 @@ export declare const bullet_details: string;
 export declare const bs_topic: 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})`;
         };
     };
 }>;