@axos-web-dev/shared-components 0.0.3 → 0.0.5

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

@@ -39,17 +39,16 @@ export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const header: 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})`;
         };
     };
 }>;
-export type Header = RecipeVariants<typeof header>;
+export type Header = RecipeVariants<typeof headerAccordion>;
 export declare const headerContent: string;
 export declare const icon: string;
-export declare const body: string;
+export declare const bodyAccordion: string;
 export declare const hide: string;
 export declare const paragraph: string;
-//# sourceMappingURL=Accordion.css.d.ts.map

package/dist/Accordion/Accordion.css.js

@@ -1,19 +1,21 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var accordion = createRuntimeFn({ defaultClassName: "qfoxng0", variantClassNames: { width: { "1/2": "qfoxng1", "1/3": "qfoxng2", "2/3": "qfoxng3", "1/4": "qfoxng4", "3/4": "qfoxng5", "1/5": "qfoxng6", "2/5": "qfoxng7", "3/5": "qfoxng8", "4/5": "qfoxng9" } }, defaultVariants: {}, compoundVariants: [] });
-var header = createRuntimeFn({ defaultClassName: "qfoxnga", variantClassNames: { variant: { primary: "qfoxngb" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var headerAccordion = createRuntimeFn({ defaultClassName: "qfoxnga", variantClassNames: { variant: { primary: "qfoxngb" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
 var headerContent = "qfoxngc";
 var icon = "qfoxngd";
-var body = "qfoxnge";
+var bodyAccordion = "qfoxnge";
 var hide = "qfoxngf";
 var paragraph = "qfoxngg";
 export {
   accordion,
-  body,
-  header,
+  bodyAccordion,
+  headerAccordion,
   headerContent,
   hide,
   icon,
   paragraph
 };
-//# sourceMappingURL=Accordion.css.js.map

package/dist/Accordion/Accordion.d.ts

@@ -9,4 +9,3 @@ export declare const AccordionCtx: React.Context<{
 export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion/Accordion.js

@@ -1,13 +1,14 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
+import clsx from "clsx";
+import React, { createContext, useContext, useState } from "react";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
-import clsx from "clsx";
-import React, { createContext, useContext, useState } from "react";
-import { header, headerContent, icon, accordion, body, hide, paragraph } from "./Accordion.css.js";
+import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {
@@ -16,7 +17,7 @@ const AccordionCtx = createContext({
 const AccordionHeader = (props) => {
   const { children } = props;
   const { isOpen, onclick } = useContext(AccordionCtx);
-  return /* @__PURE__ */ jsxs("div", { className: clsx(header()), onClick: onclick, children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx(headerAccordion()), onClick: onclick, children: [
     /* @__PURE__ */ jsx("p", { className: clsx(headerContent), children }),
     /* @__PURE__ */ jsx("div", { className: icon, children: isOpen ? /* @__PURE__ */ jsx(SvgChevronDown, {}) : /* @__PURE__ */ jsx(SvgChevronUp, {}) })
   ] });
@@ -27,7 +28,7 @@ const AccordionDetails = ({ children }) => {
 const Accordion = (props) => {
   const { expanded = false, children: childrenProps } = props;
   const [isOpen, setIsOpen] = useState(expanded);
-  const [header2, ...children] = React.Children.toArray(childrenProps);
+  const [header, ...children] = React.Children.toArray(childrenProps);
   return /* @__PURE__ */ jsx(
     AccordionCtx.Provider,
     {
@@ -36,8 +37,8 @@ const Accordion = (props) => {
         onclick: () => setIsOpen(!isOpen)
       },
       children: /* @__PURE__ */ jsx("div", { className: clsx(accordion()), children: /* @__PURE__ */ jsxs("div", { className: clsx(isOpen ? "expanded" : ""), children: [
-        header2,
-        /* @__PURE__ */ jsx("div", { className: clsx(body, isOpen ? null : hide, paragraph), children })
+        header,
+        /* @__PURE__ */ jsx("div", { className: clsx(bodyAccordion, isOpen ? null : hide, paragraph), children })
       ] }) })
     }
   );
@@ -48,4 +49,3 @@ export {
   AccordionDetails,
   AccordionHeader
 };
-//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Accordion";
 export * from "./Accordion.css";
-//# sourceMappingURL=index.d.ts.map

package/dist/Accordion/index.js

@@ -1,16 +1,15 @@
 import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Accordion.js";
-import { accordion, body, header, headerContent, hide, icon, paragraph } from "./Accordion.css.js";
+import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion.css.js";
 export {
   Accordion,
   AccordionCtx,
   AccordionDetails,
   AccordionHeader,
   accordion,
-  body,
-  header,
+  bodyAccordion,
+  headerAccordion,
   headerContent,
   hide,
   icon,
   paragraph
 };
-//# sourceMappingURL=index.js.map

package/dist/AlertBanner/AlertBanner.css.d.ts

@@ -13,4 +13,3 @@ export declare const alertBanner: import("@vanilla-extract/recipes").RuntimeFn<{
 export declare const alertBanner_img_section: string;
 export declare const alertBanner_body: string;
 export declare const alertBanner_cta: string;
-//# sourceMappingURL=AlertBanner.css.d.ts.map

package/dist/AlertBanner/AlertBanner.css.js

@@ -10,4 +10,3 @@ export {
   alertBanner_cta,
   alertBanner_img_section
 };
-//# sourceMappingURL=AlertBanner.css.js.map

package/dist/AlertBanner/AlertBanner.interface.d.ts

@@ -1,4 +1,4 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ChevronProps } from "../Chevron/Chevron.interface";
 export interface AlertBannerInterface {
     /**
      * Defines the banner style
@@ -14,4 +14,3 @@ export interface AlertBannerInterface {
     callToAction: ChevronProps;
     id?: string;
 }
-//# sourceMappingURL=AlertBanner.interface.d.ts.map

package/dist/AlertBanner/AlertBanner.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=AlertBanner.interface.js.map

package/dist/AlertBanner/index.d.ts

@@ -1,4 +1,3 @@
 import { FC } from "react";
 import { AlertBannerInterface } from "./AlertBanner.interface";
 export declare const AlertBanner: FC<AlertBannerInterface>;
-//# sourceMappingURL=index.d.ts.map

package/dist/AlertBanner/index.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import SvgLockIcon from "../icons/LockIcon/index.js";
 import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
@@ -23,4 +24,3 @@ const AlertBanner = ({
 export {
   AlertBanner
 };
-//# sourceMappingURL=index.js.map

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

@@ -17,4 +17,3 @@ export declare const marketing: string;
 export declare const marketing_tile: string;
 export declare const cta_section: string;
 export declare const marketing_table: string;
-//# sourceMappingURL=ApyCalculator.css.d.ts.map

package/dist/ApyCalculator/ApyCalculator.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                 */
 var apy_calculator = "_74vxga0";
 var calculator_section = "_74vxga1";
@@ -39,4 +41,3 @@ export {
   span_12,
   submit_section
 };
-//# sourceMappingURL=ApyCalculator.css.js.map

package/dist/ApyCalculator/index.d.ts

@@ -1,3 +1,2 @@
 import { FC } from "react";
 export declare const ApyCalculator: FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/ApyCalculator/index.js

@@ -3,8 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
 import { button } from "../Button/Button.css.js";
 import { Chevron } from "../Chevron/index.js";
-import { useState, useEffect } from "react";
-import { vars } from "../themes/vars.css.js";
+import { useState, useCallback, useEffect } from "react";
+import { vars } from "../themes/axos.css.js";
+/* empty css                                */
+/* empty css                                   */
 import { apy_calculator, calculator_section, section_header, apy_calculator_form, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketing_tile, cta_section, marketing_table } from "./ApyCalculator.css.js";
 const ApyCalculator = () => {
   const [initialDeposit, setInititalDeposit] = useState(1e3);
@@ -23,13 +25,13 @@ const ApyCalculator = () => {
     } else
       return true;
   };
-  const convertInterest = () => {
+  const convertInterest = useCallback(() => {
     const newInterestRate = 0.01 * APY;
     setInterestRate(newInterestRate);
-  };
+  }, [APY]);
   useEffect(() => {
     convertInterest();
-  }, [interestRate, setInterestRate]);
+  }, [convertInterest, interestRate, setInterestRate]);
   const handleCalculate = () => {
     convertInterest();
     setError("");
@@ -275,4 +277,3 @@ const ApyCalculator = () => {
 export {
   ApyCalculator
 };
-//# sourceMappingURL=index.js.map

package/dist/BulletItem/BulletItem.css.d.ts

@@ -1,2 +1 @@
 export declare const bulletIcon: string;
-//# sourceMappingURL=BulletItem.css.d.ts.map

package/dist/BulletItem/BulletItem.css.js

@@ -1,6 +1,6 @@
+/* empty css                                          */
 /* empty css                              */
 var bulletIcon = "d5iqlx0";
 export {
   bulletIcon
 };
-//# sourceMappingURL=BulletItem.css.js.map

package/dist/BulletItem/BulletItem.d.ts

@@ -1,6 +1,11 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren, ReactNode } from "react";
 export interface BulletItemProps extends PropsWithChildren {
+    id: string;
     variant?: "primary" | "secondary" | "tertiary" | "quaternary";
+    icon?: {
+        src: string;
+        altText?: string;
+    };
+    copy?: ReactNode;
 }
 export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BulletItem.d.ts.map

package/dist/BulletItem/BulletItem.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { listItem } from "../IconBillboard/IconBillboard.css.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
 import SvgCheckCircleLight from "../icons/CheckCircleLight.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import { bulletIcon } from "./BulletItem.css.js";
 const BulletItem = (props) => {
@@ -23,4 +24,3 @@ const BulletItem = (props) => {
 export {
   BulletItem
 };
-//# sourceMappingURL=BulletItem.js.map

package/dist/BulletItem/index.d.ts

@@ -1,2 +1 @@
 export * from "./BulletItem";
-//# sourceMappingURL=index.d.ts.map

package/dist/BulletItem/index.js

@@ -2,4 +2,3 @@ import { BulletItem } from "./BulletItem.js";
 export {
   BulletItem
 };
-//# sourceMappingURL=index.js.map

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

@@ -85,4 +85,3 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type ButtonVariants = RecipeVariants<typeof button>;
-//# sourceMappingURL=Button.css.d.ts.map

package/dist/Button/Button.css.js

@@ -1,7 +1,9 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7" }, disabled: { true: "_13pdpuj8" }, rounded: { none: "_13pdpuj9", small: "_13pdpuja", medium: "_13pdpujb", large: "_13pdpujc" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpujd"], [{ color: "secondary", disabled: true }, "_13pdpuje"], [{ color: "tertiary", disabled: true }, "_13pdpujf"], [{ skeleton: true, size: "large" }, "_13pdpujg"], [{ skeleton: true, size: "medium" }, "_13pdpujh"], [{ skeleton: true, size: "small" }, "_13pdpuji"]] });
 export {
   button
 };
-//# sourceMappingURL=Button.css.js.map

package/dist/Button/Button.interface.d.ts

@@ -25,4 +25,3 @@ export interface ButtonProps extends PropsWithChildren {
      */
     className?: string;
 }
-//# sourceMappingURL=Button.interface.d.ts.map

package/dist/Button/Button.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=Button.interface.js.map

package/dist/Button/index.d.ts

@@ -1,16 +1,21 @@
-import { ReactNode } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
 import { ButtonVariants } from "./Button.css";
-export interface ButtonProps {
-    as?: "button" | "a";
+export type ButtonBase = {
     children?: ReactNode;
     targetUrl?: string;
     id?: string;
     action?: () => void;
-}
+};
+export type ButtonAsButton = ButtonBase & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonBase> & {
+    as?: "button";
+};
+export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof ButtonBase> & {
+    as?: "a";
+};
+export type ButtonProps = ButtonAsButton | ButtonAsLink;
 export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, action, }: ButtonProps & ButtonVariants) => import("react").DetailedReactHTMLElement<{
     className: string;
     href: string | undefined;
     id: string | undefined;
     onClick: (() => void) | undefined;
 }, HTMLElement>;
-//# sourceMappingURL=index.d.ts.map

package/dist/Button/index.js

@@ -21,4 +21,3 @@ const Button = ({
 export {
   Button
 };
-//# sourceMappingURL=index.js.map

package/dist/CallToActionBar/CallToActionBar.css.d.ts

@@ -16,4 +16,3 @@ export declare const sticky_banner: string;
 export declare const is_sticky: string;
 export declare const ctas_section: string;
 export declare const cta_text: string;
-//# sourceMappingURL=CallToActionBar.css.d.ts.map

package/dist/CallToActionBar/CallToActionBar.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                   */
 var cta = "_1tdyl740";
 var cta_image_section = "_1tdyl741";
@@ -37,4 +39,3 @@ export {
   is_sticky,
   sticky_banner
 };
-//# sourceMappingURL=CallToActionBar.css.js.map

package/dist/CallToActionBar/CallToActionBar.interface.d.ts

@@ -18,4 +18,3 @@ export interface CallToActionBarInterface {
     bodyCopy: string | ReactNode;
     callToActionRow: ChevronProps[];
 }
-//# sourceMappingURL=CallToActionBar.interface.d.ts.map

package/dist/CallToActionBar/CallToActionBar.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=CallToActionBar.interface.js.map

package/dist/CallToActionBar/index.d.ts

@@ -1,4 +1,3 @@
 import { FC } from "react";
 import { CallToActionBarInterface } from "./CallToActionBar.interface";
 export declare const CallToActionBar: FC<CallToActionBarInterface>;
-//# sourceMappingURL=index.d.ts.map

package/dist/CallToActionBar/index.js

@@ -123,4 +123,3 @@ const CallToActionBar = ({
 export {
   CallToActionBar
 };
-//# sourceMappingURL=index.js.map

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

@@ -81,4 +81,3 @@ export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type carouselVariants = RecipeVariants<typeof carousel>;
-//# sourceMappingURL=Carousel.css.d.ts.map

package/dist/Carousel/Carousel.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var dots = "jgs3fs0";
@@ -20,4 +22,3 @@ export {
   slideBase,
   slides
 };
-//# sourceMappingURL=Carousel.css.js.map

package/dist/Carousel/index.d.ts

@@ -13,17 +13,5 @@ export interface CarouselProps extends PropsWithChildren {
     selectedItem?: string | number;
     items?: SlideProps[];
 }
-type state = {
-    selected: number;
-    items?: unknown[];
-    timeout?: number;
-};
-type actions = {
-    change: (selected: number) => void;
-    setItems: (items: unknown[]) => void;
-};
-export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;
 export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
 export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/Carousel/index.js

@@ -1,20 +1,16 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
 import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
 import clsx from "clsx";
 import React, { useEffect, Children, cloneElement } from "react";
-import { create } from "zustand";
 import { icon, slide, authorLocation, author, carousel, slides, dots, dot } from "./Carousel.css.js";
-const useCarousel = create()((set) => ({
-  selected: 0,
-  change: (selected) => set(() => ({ selected })),
-  setItems: (items) => set(() => ({ items }))
-}));
+import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [
     "primary",
@@ -116,7 +112,5 @@ const Carousel = (props) => {
 };
 export {
   Carousel,
-  CarouselSlide,
-  useCarousel
+  CarouselSlide
 };
-//# sourceMappingURL=index.js.map

package/dist/Carousel/store.d.ts

@@ -0,0 +1,10 @@
+export type state = {
+    selected: number;
+    items?: unknown[];
+    timeout?: number;
+};
+export type actions = {
+    change: (selected: number) => void;
+    setItems: (items: unknown[]) => void;
+};
+export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;

package/dist/Carousel/store.js

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+const useCarousel = create()((set) => ({
+  selected: 0,
+  change: (selected) => set(() => ({ selected })),
+  setItems: (items) => set(() => ({ items }))
+}));
+export {
+  useCarousel
+};

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

@@ -12,4 +12,3 @@ export declare const chevron: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export declare const chevron_wrapper: string;
-//# sourceMappingURL=Chevron.css.d.ts.map

package/dist/Chevron/Chevron.css.js

@@ -1,3 +1,6 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                           */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var chevron = createRuntimeFn({ defaultClassName: "_1gp5vfo0", variantClassNames: { variant: { primary: "_1gp5vfo1", secondary: "_1gp5vfo2", tertiary: "_1gp5vfo3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -6,4 +9,3 @@ export {
   chevron,
   chevron_wrapper
 };
-//# sourceMappingURL=Chevron.css.js.map

package/dist/Chevron/Chevron.interface.d.ts

@@ -30,4 +30,3 @@ export interface ChevronProps extends PropsWithChildren {
      */
     className?: string;
 }
-//# sourceMappingURL=Chevron.interface.d.ts.map

package/dist/Chevron/Chevron.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=Chevron.interface.js.map

package/dist/Chevron/index.d.ts

@@ -1,4 +1,3 @@
 import { FC } from "react";
 import { ChevronProps } from "./Chevron.interface";
 export declare const Chevron: FC<ChevronProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/Chevron/index.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import { getVariant } from "../utils/getVariant.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
@@ -28,4 +30,3 @@ const Chevron = ({
 export {
   Chevron
 };
-//# sourceMappingURL=index.js.map

package/dist/CollectInformationAlert/CollectInformationAlert.css.d.ts

@@ -4,4 +4,3 @@ export declare const close_btn_optin: string;
 export declare const privacy_pref_optin: string;
 export declare const privacy_prompt_content: string;
 export declare const privacy_prompt_btns: string;
-//# sourceMappingURL=CollectInformationAlert.css.d.ts.map

package/dist/CollectInformationAlert/CollectInformationAlert.css.js

@@ -1,3 +1,6 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                           */
 var privacy_prompt = "_1qdneat0";
 var privacy_pref_optout = "_1qdneat1";
@@ -13,4 +16,3 @@ export {
   privacy_prompt_btns,
   privacy_prompt_content
 };
-//# sourceMappingURL=CollectInformationAlert.css.js.map

package/dist/CollectInformationAlert/index.d.ts

@@ -1,3 +1,2 @@
 import { FC } from "react";
 export declare const CollectInformationAlert: FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/CollectInformationAlert/index.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
 import { Hyperlink } from "../Hyperlink/index.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCloseIcon from "../icons/CloseIcon/index.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import { privacy_prompt, privacy_prompt_content, privacy_prompt_btns, close_btn_optin } from "./CollectInformationAlert.css.js";
 const CollectInformationAlert = () => {
@@ -45,4 +46,3 @@ const CollectInformationAlert = () => {
 export {
   CollectInformationAlert
 };
-//# sourceMappingURL=index.js.map

package/dist/ContentBanner/ContentBanner.css.d.ts

@@ -0,0 +1,42 @@
+export declare const content_banner: 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})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const headline: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const section_pad: string;
+export declare const body_copy: string;
+export declare const call_to_action_row: string;
+export declare const link: string;