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

package/README.md

@@ -1,3 +1,37 @@
+# Installation
+
+Using npm:
+
+```shell
+$ npm install @axos-web-dev/shared-components
+```
+
+To import components
+In Node.js:
+
+```js
+// Import Components
+import {
+  AlertBanner,
+  CallToActionBar,
+  DownloadTile,
+  ImageBillboard,
+  SecondaryFooter,
+} from "@axos-web-dev/shared-components";
+
+// Import Types/Interfaces
+
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
+```
+
+In css files:
+
+```css
+/*** Import styles ***/
+
+@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
+```
+
 # Shared components
 
 This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
@@ -56,15 +90,22 @@ npm version major
 
 ```
 
-
 ## How to publish new library version to npm
 
-First update the version as previously described 
+First update the version as previously described
+
 ```shell
 npm version [...]
 ```
-Then you will need to login into npm to do that write: 
+
+Then you will need to login into npm to do that write:
+
+```shell
+npm login --scope=@my-org
+```
+
+Last you to publish the new version:
 
 ```shell
-npm login --scope@my-org
+npm publish
 ```

package/dist/Accordion/Accordion.d.ts

@@ -6,7 +6,7 @@ export declare const AccordionCtx: React.Context<{
     isOpen: boolean;
     onclick: () => void;
 }>;
-export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../lib/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;EAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,iBAAiB,gDASvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,iBAAkB,iBAAiB,gDAE/D,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,SAAS,GAAG,iBAAiB,gDAqB7D,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../lib/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;EAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,iBAAiB,4CASvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,iBAAkB,iBAAiB,4CAE/D,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,SAAS,GAAG,iBAAiB,4CAqB7D,CAAC"}

package/dist/Accordion/Accordion.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import "../themes/vars.css.ts.vanilla.css.js";
 /* empty css                                                    */
 import clsx from "clsx";
 import React, { createContext, useContext, useState } from "react";

package/dist/AlertBanner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAuBhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAuBhD,CAAC"}

package/dist/AlertBanner/index.js

@@ -1,10 +1,10 @@
 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";
-import "../themes/vars.css.ts.vanilla.css.js";
 /* empty css                                                    */
-import { LockIcon } from "../icons/LockIcon/index.js";
-import { WarningIcon } from "../icons/WarningIcon/index.js";
+import SvgLockIcon from "../icons/LockIcon/index.js";
+import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
 import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
 const AlertBanner = ({
   alertType,
@@ -13,7 +13,7 @@ const AlertBanner = ({
   id
 }) => {
   return /* @__PURE__ */ jsx("section", { className: ``, children: /* @__PURE__ */ jsxs("div", { className: `${alertBanner({ variant: alertType })} flex`, children: [
-    /* @__PURE__ */ jsx("div", { className: `${alertBanner_img_section}`, children: alertType === "Standard" ? /* @__PURE__ */ jsx(LockIcon, {}) : /* @__PURE__ */ jsx(WarningIcon, {}) }),
+    /* @__PURE__ */ jsx("div", { className: `${alertBanner_img_section}`, children: alertType === "Standard" ? /* @__PURE__ */ jsx(SvgLockIcon, {}) : /* @__PURE__ */ jsx(SvgWarningIcon, {}) }),
     /* @__PURE__ */ jsxs("div", { className: `${alertBanner_body} flex`, children: [
       /* @__PURE__ */ jsx("p", { children: message }),
       /* @__PURE__ */ jsx("div", { className: alertBanner_cta, children: /* @__PURE__ */ jsx(Chevron, { targetUrl: callToAction.targetUrl, variant: "primary", children: callToAction.displayText }) })

package/dist/AlertBanner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/AlertBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { Chevron } from \"@lib/Chevron\";\nimport { FC } from \"react\";\nimport { LockIcon, WarningIcon } from \"../icons\";\nimport {\n  alertBanner,\n  alertBanner_body,\n  alertBanner_cta,\n  alertBanner_img_section,\n} from \"./AlertBanner.css\";\nimport { AlertBannerInterface } from \"./AlertBanner.interface\";\n\nexport const AlertBanner: FC<AlertBannerInterface> = ({\n  alertType,\n  message,\n  callToAction,\n  id,\n}) => {\n  return (\n    <section key={id} className={``}>\n      <div className={`${alertBanner({ variant: alertType })} flex`}>\n        <div className={`${alertBanner_img_section}`}>\n          {alertType === \"Standard\" ? <LockIcon /> : <WarningIcon />}\n        </div>\n        <div className={`${alertBanner_body} flex`}>\n          <p>{message}</p>\n          <div className={alertBanner_cta}>\n            <Chevron targetUrl={callToAction.targetUrl} variant=\"primary\">\n              {callToAction.displayText}\n            </Chevron>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACG,oBAAA,WAAA,EAAiB,WAAW,IAC3B,+BAAC,OAAI,EAAA,WAAW,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,CAAC,SACpD,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,GAAG,uBAAuB,IACvC,UAAA,cAAc,aAAa,oBAAC,UAAS,CAAA,CAAA,IAAM,oBAAA,aAAA,CAAY,CAAA,GAC1D;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,gBAAgB,SACjC,UAAA;AAAA,MAAA,oBAAC,OAAG,UAAQ,QAAA,CAAA;AAAA,MACX,oBAAA,OAAA,EAAI,WAAW,iBACd,UAAC,oBAAA,SAAA,EAAQ,WAAW,aAAa,WAAW,SAAQ,WACjD,UAAA,aAAa,YAChB,CAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KAbY,EAcd;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/AlertBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { Chevron } from \"@lib/Chevron\";\nimport { LockIcon, WarningIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  alertBanner,\n  alertBanner_body,\n  alertBanner_cta,\n  alertBanner_img_section,\n} from \"./AlertBanner.css\";\nimport { AlertBannerInterface } from \"./AlertBanner.interface\";\n\nexport const AlertBanner: FC<AlertBannerInterface> = ({\n  alertType,\n  message,\n  callToAction,\n  id,\n}) => {\n  return (\n    <section key={id} className={``}>\n      <div className={`${alertBanner({ variant: alertType })} flex`}>\n        <div className={`${alertBanner_img_section}`}>\n          {alertType === \"Standard\" ? <LockIcon /> : <WarningIcon />}\n        </div>\n        <div className={`${alertBanner_body} flex`}>\n          <p>{message}</p>\n          <div className={alertBanner_cta}>\n            <Chevron targetUrl={callToAction.targetUrl} variant=\"primary\">\n              {callToAction.displayText}\n            </Chevron>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["LockIcon","WarningIcon"],"mappings":";;;;;;;;AAYO,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACG,oBAAA,WAAA,EAAiB,WAAW,IAC3B,+BAAC,OAAI,EAAA,WAAW,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,CAAC,SACpD,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,GAAG,uBAAuB,IACvC,UAAA,cAAc,aAAa,oBAACA,aAAS,CAAA,CAAA,IAAM,oBAAAC,gBAAA,CAAY,CAAA,GAC1D;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,gBAAgB,SACjC,UAAA;AAAA,MAAA,oBAAC,OAAG,UAAQ,QAAA,CAAA;AAAA,MACX,oBAAA,OAAA,EAAI,WAAW,iBACd,UAAC,oBAAA,SAAA,EAAQ,WAAW,aAAa,WAAW,SAAQ,WACjD,UAAA,aAAa,YAChB,CAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KAbY,EAcd;AAEJ;"}

package/dist/BulletItem/BulletItem.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from "react";
 export interface BulletItemProps extends PropsWithChildren {
     variant?: "primary" | "secondary" | "tertiary" | "quaternary";
 }
-export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BulletItem.d.ts.map

package/dist/BulletItem/BulletItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BulletItem.d.ts","sourceRoot":"","sources":["../../lib/BulletItem/BulletItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CAC/D;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,gDAiBhD,CAAC"}
+{"version":3,"file":"BulletItem.d.ts","sourceRoot":"","sources":["../../lib/BulletItem/BulletItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CAC/D;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,4CAiBhD,CAAC"}

package/dist/BulletItem/BulletItem.js

@@ -1,9 +1,9 @@
 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";
-import "../themes/vars.css.ts.vanilla.css.js";
 /* empty css                                                    */
 import { bulletIcon } from "./BulletItem.css.js";
 const BulletItem = (props) => {

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

@@ -3,33 +3,42 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     color: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    background: "transparent";
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active": {
+                    backgroundColor: `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})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    background: "transparent";
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active": {
+                    backgroundColor: `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})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    background: "transparent";
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
@@ -43,25 +52,13 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     size: {
         small: {
-            paddingInline: number;
-            paddingTop: number;
-            paddingBottom: number;
-            fontSize: number;
-            lineHeight: "20px";
+            padding: "4px 32px";
         };
         medium: {
-            paddingInline: number;
-            paddingTop: number;
-            paddingBottom: number;
-            fontSize: number;
-            lineHeight: "24px";
+            padding: "8px 48px";
         };
         large: {
-            paddingInline: number;
-            paddingTop: number;
-            paddingBottom: number;
-            fontSize: number;
-            lineHeight: "26px";
+            padding: "12px 64px";
         };
     };
     disabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../lib/Button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4LjB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../lib/Button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgMjB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/dist/Button/index.js

@@ -4,7 +4,7 @@ const Button = ({
   as = "a",
   children,
   color,
-  size = "medium",
+  size = "large",
   disabled,
   rounded = "medium",
   targetUrl,

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/Button/index.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode, createElement } from \"react\";\nimport { ButtonVariants, button } from \"./Button.css\";\n\nexport interface ButtonProps {\n  as?: \"button\" | \"a\";\n  children?: ReactNode;\n  targetUrl?: string;\n  id?: string;\n  action?: () => void;\n}\n\nexport const Button = ({\n  as = \"a\",\n  children,\n  color,\n  size = \"medium\",\n  disabled,\n  rounded = \"medium\",\n  targetUrl,\n  id,\n  action,\n}: ButtonProps & ButtonVariants) => {\n  const className = button({ color, size, disabled, rounded });\n  return createElement(\n    as,\n    { className, href: targetUrl, id, onClick: action },\n    children\n  );\n};\n"],"names":[],"mappings":";;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,YAAY,OAAO,EAAE,OAAO,MAAM,UAAU,SAAS;AACpD,SAAA;AAAA,IACL;AAAA,IACA,EAAE,WAAW,MAAM,WAAW,IAAI,SAAS,OAAO;AAAA,IAClD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/Button/index.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode, createElement } from \"react\";\nimport { ButtonVariants, button } from \"./Button.css\";\n\nexport interface ButtonProps {\n  as?: \"button\" | \"a\";\n  children?: ReactNode;\n  targetUrl?: string;\n  id?: string;\n  action?: () => void;\n}\n\nexport const Button = ({\n  as = \"a\",\n  children,\n  color,\n  size = \"large\",\n  disabled,\n  rounded = \"medium\",\n  targetUrl,\n  id,\n  action,\n}: ButtonProps & ButtonVariants) => {\n  const className = button({ color, size, disabled, rounded });\n  return createElement(\n    as,\n    { className, href: targetUrl, id, onClick: action },\n    children\n  );\n};\n"],"names":[],"mappings":";;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,YAAY,OAAO,EAAE,OAAO,MAAM,UAAU,SAAS;AACpD,SAAA;AAAA,IACL;AAAA,IACA,EAAE,WAAW,MAAM,WAAW,IAAI,SAAS,OAAO;AAAA,IAClD;AAAA,EAAA;AAEJ;"}

package/dist/Carousel/index.d.ts

@@ -23,7 +23,7 @@ type actions = {
     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-dev-runtime").JSX.Element;
-export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-dev-runtime").JSX.Element;
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Carousel/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,gBAAgB,EAMjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,WAAW,8EAIrB,CAAC;AAyBJ,eAAO,MAAM,aAAa,UAAW,UAAU,GAAG,gBAAgB,gDAmBjE,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,GAAG,gBAAgB,gDAkF/D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Carousel/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,gBAAgB,EAMjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,WAAW,8EAIrB,CAAC;AAyBJ,eAAO,MAAM,aAAa,UAAW,UAAU,GAAG,gBAAgB,4CAmBjE,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,GAAG,gBAAgB,4CAkF/D,CAAC"}

package/dist/Carousel/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import "../themes/vars.css.ts.vanilla.css.js";
 /* empty css                                                    */
 import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
 import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";

package/dist/Chevron/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Chevron/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAmBpC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Chevron/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoBpC,CAAC"}

package/dist/Chevron/index.js

@@ -1,5 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { ArrowIcon } from "../icons/ArrowIcon/index.js";
+import SvgArrowIcon from "../icons/ArrowIcon/index.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                                    */
+import { getVariant } from "../utils/getVariant.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
 const Chevron = ({
   children,
@@ -8,6 +11,7 @@ const Chevron = ({
   id,
   className
 }) => {
+  variant = getVariant(variant);
   return /* @__PURE__ */ jsxs("span", { className: `sc__btn ${chevron_wrapper}`, children: [
     /* @__PURE__ */ jsx(
       "a",
@@ -18,7 +22,7 @@ const Chevron = ({
         children
       }
     ),
-    /* @__PURE__ */ jsx(ArrowIcon, { className: "arrow", variant })
+    /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
   ] });
 };
 export {

package/dist/Chevron/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/Chevron/index.tsx"],"sourcesContent":["\"use client\";\nimport { ArrowIcon } from \"@lib/icons/ArrowIcon\";\nimport { FC } from \"react\";\nimport { chevron, chevron_wrapper } from \"./Chevron.css\";\nimport { ChevronProps } from \"./Chevron.interface\";\n\nexport const Chevron: FC<ChevronProps> = ({\n  children,\n  variant,\n  targetUrl,\n  id,\n  className,\n}: ChevronProps) => {\n  return (\n    <span className={`sc__btn ${chevron_wrapper}`}>\n      <a\n        id={id}\n        href={targetUrl}\n        className={`${chevron({ variant })} ${className ? className : \"\"}`}\n      >\n        {children}\n      </a>\n      <ArrowIcon className=\"arrow\" variant={variant} />\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,UAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,SACG,qBAAA,QAAA,EAAK,WAAW,WAAW,eAAe,IACzC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,WAAW,GAAG,QAAQ,EAAE,QAAA,CAAS,CAAC,IAAI,YAAY,YAAY,EAAE;AAAA,QAE/D;AAAA,MAAA;AAAA,IACH;AAAA,IACC,oBAAA,WAAA,EAAU,WAAU,SAAQ,QAAkB,CAAA;AAAA,EACjD,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/Chevron/index.tsx"],"sourcesContent":["\"use client\";\nimport { ArrowIcon } from \"@lib/icons\";\nimport { getVariant } from \"@lib/utils/getVariant\";\nimport { CallToActionTypes } from \"@lib/utils/variant.types\";\nimport { FC } from \"react\";\nimport { chevron, chevron_wrapper } from \"./Chevron.css\";\nimport { ChevronProps } from \"./Chevron.interface\";\n\nexport const Chevron: FC<ChevronProps> = ({\n  children,\n  variant,\n  targetUrl,\n  id,\n  className,\n}: ChevronProps) => {\n  variant = getVariant(variant) as CallToActionTypes;\n  return (\n    <span className={`sc__btn ${chevron_wrapper}`}>\n      <a\n        id={id}\n        href={targetUrl}\n        className={`${chevron({ variant })} ${className ? className : \"\"}`}\n      >\n        {children}\n      </a>\n      <ArrowIcon className=\"arrow\" variant={variant} />\n    </span>\n  );\n};\n"],"names":["ArrowIcon"],"mappings":";;;;;;AAQO,MAAM,UAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,YAAU,WAAW,OAAO;AAC5B,SACG,qBAAA,QAAA,EAAK,WAAW,WAAW,eAAe,IACzC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,WAAW,GAAG,QAAQ,EAAE,QAAA,CAAS,CAAC,IAAI,YAAY,YAAY,EAAE;AAAA,QAE/D;AAAA,MAAA;AAAA,IACH;AAAA,IACC,oBAAAA,cAAA,EAAU,WAAU,SAAQ,QAAkB,CAAA;AAAA,EACjD,EAAA,CAAA;AAEJ;"}

package/dist/CollectInformationAlert/index.js

@@ -1,9 +1,9 @@
 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 { CloseIcon } from "../icons/CloseIcon/index.js";
-import "../themes/vars.css.ts.vanilla.css.js";
+import SvgCloseIcon from "../icons/CloseIcon/index.js";
 /* empty css                                                    */
 import { privacy_prompt, privacy_prompt_content, privacy_prompt_btns, close_btn_optin } from "./CollectInformationAlert.css.js";
 const CollectInformationAlert = () => {
@@ -36,7 +36,7 @@ const CollectInformationAlert = () => {
           id: "close_btn_optin",
           className: `${close_btn_optin}`,
           targetUrl: "#",
-          children: /* @__PURE__ */ jsx(CloseIcon, {})
+          children: /* @__PURE__ */ jsx(SvgCloseIcon, {})
         }
       )
     ] })

package/dist/CollectInformationAlert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/CollectInformationAlert/index.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from \"@lib/Button\";\nimport { Hyperlink } from \"@lib/Hyperlink\";\nimport { CloseIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  close_btn_optin,\n  privacy_prompt,\n  privacy_prompt_btns,\n  privacy_prompt_content,\n} from \"./CollectInformationAlert.css\";\n\nexport const CollectInformationAlert: FC = () => {\n  return (\n    <div className={`${privacy_prompt}`}>\n      <div className={privacy_prompt_content}>\n        <p>\n          Axos Bank may collect personal information from consumers in the\n          course of doing business. California residents have a right to know\n          what <a href=\"#\">categories of personal information</a> Axos Bank\n          collects and the right to tell Axos Bank to{\" \"}\n          <a href=\"#\">not sell their personal information</a>. For full details,\n          please see our <a href=\"#\">California Consumer Privacy Act Notice</a>.\n        </p>\n      </div>\n      <div className={privacy_prompt_btns}>\n        <div id={\"consent_prompt_submit\"}>\n          <Button\n            id=\"privacy_pref_optin\"\n            targetUrl=\"#\"\n            color=\"tertiary\"\n            size=\"large\"\n            rounded=\"medium\"\n          >\n            Accept\n          </Button>\n        </div>\n        <Hyperlink\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          targetUrl={\"#\"}\n        >\n          <CloseIcon />\n        </Hyperlink>\n        {/* <Button\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          url=\"#\"\n          text=\"\"\n        >\n          <CloseIcon />\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,0BAA8B,MAAM;AAC/C,SACG,qBAAA,OAAA,EAAI,WAAW,GAAG,cAAc,IAC/B,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,wBACd,UAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAGK,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAkC,sCAAA;AAAA,MAAI;AAAA,MACX;AAAA,MAC3C,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAmC,uCAAA;AAAA,MAAI;AAAA,MACnC,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAsC,0CAAA;AAAA,MAAI;AAAA,IAAA,EAAA,CACvE,EACF,CAAA;AAAA,IACA,qBAAC,OAAI,EAAA,WAAW,qBACd,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,IAAI,yBACP,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,GAAG,eAAe;AAAA,UAC7B,WAAW;AAAA,UAEX,8BAAC,WAAU,EAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,GASF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/CollectInformationAlert/index.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from \"@lib/Button\";\nimport { Hyperlink } from \"@lib/Hyperlink\";\nimport { CloseIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  close_btn_optin,\n  privacy_prompt,\n  privacy_prompt_btns,\n  privacy_prompt_content,\n} from \"./CollectInformationAlert.css\";\n\nexport const CollectInformationAlert: FC = () => {\n  return (\n    <div className={`${privacy_prompt}`}>\n      <div className={privacy_prompt_content}>\n        <p>\n          Axos Bank may collect personal information from consumers in the\n          course of doing business. California residents have a right to know\n          what <a href=\"#\">categories of personal information</a> Axos Bank\n          collects and the right to tell Axos Bank to{\" \"}\n          <a href=\"#\">not sell their personal information</a>. For full details,\n          please see our <a href=\"#\">California Consumer Privacy Act Notice</a>.\n        </p>\n      </div>\n      <div className={privacy_prompt_btns}>\n        <div id={\"consent_prompt_submit\"}>\n          <Button\n            id=\"privacy_pref_optin\"\n            targetUrl=\"#\"\n            color=\"tertiary\"\n            size=\"large\"\n            rounded=\"medium\"\n          >\n            Accept\n          </Button>\n        </div>\n        <Hyperlink\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          targetUrl={\"#\"}\n        >\n          <CloseIcon />\n        </Hyperlink>\n        {/* <Button\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          url=\"#\"\n          text=\"\"\n        >\n          <CloseIcon />\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":["CloseIcon"],"mappings":";;;;;;;;AAYO,MAAM,0BAA8B,MAAM;AAC/C,SACG,qBAAA,OAAA,EAAI,WAAW,GAAG,cAAc,IAC/B,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,wBACd,UAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAGK,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAkC,sCAAA;AAAA,MAAI;AAAA,MACX;AAAA,MAC3C,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAmC,uCAAA;AAAA,MAAI;AAAA,MACnC,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAsC,0CAAA;AAAA,MAAI;AAAA,IAAA,EAAA,CACvE,EACF,CAAA;AAAA,IACA,qBAAC,OAAI,EAAA,WAAW,qBACd,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,IAAI,yBACP,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,GAAG,eAAe;AAAA,UAC7B,WAAW;AAAA,UAEX,8BAACA,cAAU,EAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,GASF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/DownloadTile/index.js

@@ -1,5 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { DownloadIcon } from "../icons/DownloadIcon/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgDownloadIcon from "../icons/DownloadIcon/index.js";
 import { table_section, table_section_container, table_header, media__table, download, ico, table_footer } from "./DownloadTile.css.js";
 const DownloadTile = ({
   id,
@@ -22,7 +24,7 @@ const DownloadTile = ({
         /* @__PURE__ */ jsx("tbody", { id: "body-table", children: downloadTiles.map(({ id: id2, url, displayName, action }) => /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("td", { "data-label": "", children: displayName }),
           /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", className: download, children: [
-            /* @__PURE__ */ jsx(DownloadIcon, { className: ico }),
+            /* @__PURE__ */ jsx(SvgDownloadIcon, { className: ico }),
             /* @__PURE__ */ jsx("span", { children: action })
           ] }) })
         ] }, id2)) })

package/dist/DownloadTile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/DownloadTile/index.tsx"],"sourcesContent":["\"use client\";\nimport { DownloadIcon } from \"@lib/icons/DownloadIcon\";\nimport { FC } from \"react\";\nimport {\n  download,\n  ico,\n  media__table,\n  table_footer,\n  table_header,\n  table_section,\n  table_section_container,\n} from \"./DownloadTile.css\";\nimport { DownloadTileSet } from \"./DownloadTile.interface\";\n\nexport const DownloadTile: FC<DownloadTileSet> = ({\n  id,\n  titleText,\n  description,\n  additionalDetails,\n  downloadTiles,\n}) => {\n  return (\n    <section key={id} className={`containment section_spacer`}>\n      <div className={table_section}>\n        <div className={`${table_section_container}`}>\n          {titleText && (\n            <div className={`${table_header} section_header`}>\n              <h2 className={`text_center`}>{titleText}</h2>\n              {description && <>{description}</>}\n            </div>\n          )}\n        </div>\n        <div className={`${table_section_container}`}>\n          <table className={`${media__table}`}>\n            <thead>\n              <tr>\n                <th scope=\"colgroup\">NAME</th>\n                <th scope=\"colgroup\">ACTION</th>\n              </tr>\n            </thead>\n            <tbody id=\"body-table\">\n              {downloadTiles.map(({ id, url, displayName, action }) => (\n                <tr key={id}>\n                  <td data-label=\"\">{displayName}</td>\n                  <td data-label=\"\">\n                    <a href={url} target=\"_blank\" className={download}>\n                      <DownloadIcon className={ico} />\n                      <span>{action}</span>\n                    </a>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n          <div className={`${table_footer} push_up_32`}>\n            {additionalDetails && <>{additionalDetails}</>}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["id"],"mappings":";;;AAcO,MAAM,eAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,6BACG,WAAiB,EAAA,WAAW,8BAC3B,UAAC,qBAAA,OAAA,EAAI,WAAW,eACd,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACvC,UACC,aAAA,qBAAC,OAAI,EAAA,WAAW,GAAG,YAAY,mBAC7B,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAW,eAAgB,UAAU,WAAA;AAAA,MACxC,+CAAkB,UAAY,YAAA,CAAA;AAAA,IAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACxC,UAAA;AAAA,MAAA,qBAAC,SAAM,EAAA,WAAW,GAAG,YAAY,IAC/B,UAAA;AAAA,QAAC,oBAAA,SAAA,EACC,+BAAC,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAI,QAAA;AAAA,UACxB,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAM,UAAA;AAAA,QAAA,EAAA,CAC7B,EACF,CAAA;AAAA,QACC,oBAAA,SAAA,EAAM,IAAG,cACP,wBAAc,IAAI,CAAC,EAAE,IAAAA,KAAI,KAAK,aAAa,OAAO,2BAChD,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,cAAW,IAAI,UAAY,aAAA;AAAA,UAC/B,oBAAC,MAAG,EAAA,cAAW,IACb,UAAA,qBAAC,KAAE,EAAA,MAAM,KAAK,QAAO,UAAS,WAAW,UACvC,UAAA;AAAA,YAAC,oBAAA,cAAA,EAAa,WAAW,IAAK,CAAA;AAAA,YAC9B,oBAAC,UAAM,UAAO,OAAA,CAAA;AAAA,UAAA,EAAA,CAChB,EACF,CAAA;AAAA,QAAA,KAPOA,GAQT,CACD,GACH;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,SAAI,WAAW,GAAG,YAAY,eAC5B,UAAA,qBAAwB,oBAAA,UAAA,EAAA,UAAA,kBAAkB,CAAA,GAC7C;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KApCY,EAqCd;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/DownloadTile/index.tsx"],"sourcesContent":["\"use client\";\nimport { DownloadIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  download,\n  ico,\n  media__table,\n  table_footer,\n  table_header,\n  table_section,\n  table_section_container,\n} from \"./DownloadTile.css\";\nimport { DownloadTileSet } from \"./DownloadTile.interface\";\n\nexport const DownloadTile: FC<DownloadTileSet> = ({\n  id,\n  titleText,\n  description,\n  additionalDetails,\n  downloadTiles,\n}) => {\n  return (\n    <section key={id} className={`containment section_spacer`}>\n      <div className={table_section}>\n        <div className={`${table_section_container}`}>\n          {titleText && (\n            <div className={`${table_header} section_header`}>\n              <h2 className={`text_center`}>{titleText}</h2>\n              {description && <>{description}</>}\n            </div>\n          )}\n        </div>\n        <div className={`${table_section_container}`}>\n          <table className={`${media__table}`}>\n            <thead>\n              <tr>\n                <th scope=\"colgroup\">NAME</th>\n                <th scope=\"colgroup\">ACTION</th>\n              </tr>\n            </thead>\n            <tbody id=\"body-table\">\n              {downloadTiles.map(({ id, url, displayName, action }) => (\n                <tr key={id}>\n                  <td data-label=\"\">{displayName}</td>\n                  <td data-label=\"\">\n                    <a href={url} target=\"_blank\" className={download}>\n                      <DownloadIcon className={ico} />\n                      <span>{action}</span>\n                    </a>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n          <div className={`${table_footer} push_up_32`}>\n            {additionalDetails && <>{additionalDetails}</>}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["id","DownloadIcon"],"mappings":";;;;;AAcO,MAAM,eAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,6BACG,WAAiB,EAAA,WAAW,8BAC3B,UAAC,qBAAA,OAAA,EAAI,WAAW,eACd,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACvC,UACC,aAAA,qBAAC,OAAI,EAAA,WAAW,GAAG,YAAY,mBAC7B,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAW,eAAgB,UAAU,WAAA;AAAA,MACxC,+CAAkB,UAAY,YAAA,CAAA;AAAA,IAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACxC,UAAA;AAAA,MAAA,qBAAC,SAAM,EAAA,WAAW,GAAG,YAAY,IAC/B,UAAA;AAAA,QAAC,oBAAA,SAAA,EACC,+BAAC,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAI,QAAA;AAAA,UACxB,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAM,UAAA;AAAA,QAAA,EAAA,CAC7B,EACF,CAAA;AAAA,QACC,oBAAA,SAAA,EAAM,IAAG,cACP,wBAAc,IAAI,CAAC,EAAE,IAAAA,KAAI,KAAK,aAAa,OAAO,2BAChD,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,cAAW,IAAI,UAAY,aAAA;AAAA,UAC/B,oBAAC,MAAG,EAAA,cAAW,IACb,UAAA,qBAAC,KAAE,EAAA,MAAM,KAAK,QAAO,UAAS,WAAW,UACvC,UAAA;AAAA,YAAC,oBAAAC,iBAAA,EAAa,WAAW,IAAK,CAAA;AAAA,YAC9B,oBAAC,UAAM,UAAO,OAAA,CAAA;AAAA,UAAA,EAAA,CAChB,EACF,CAAA;AAAA,QAAA,KAPOD,GAQT,CACD,GACH;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,SAAI,WAAW,GAAG,YAAY,eAC5B,UAAA,qBAAwB,oBAAA,UAAA,EAAA,UAAA,kBAAkB,CAAA,GAC7C;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KApCY,EAqCd;AAEJ;"}

package/dist/FaqAccordion/index.d.ts

@@ -3,12 +3,12 @@ import { header } from "./FaqAccordion.css";
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }
-export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemSummary: (props: {
     id: string;
-} & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;
-} & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/FaqAccordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/FaqAccordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAGL,MAAM,EAGP,MAAM,oBAAoB,CAAC;AAe5B,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,gDAkBtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,UACxB;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,gDAa1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,iBAAiB,gDAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,UAChB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,gDAS/C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/FaqAccordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAGL,MAAM,EAGP,MAAM,oBAAoB,CAAC;AAe5B,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,4CAkBtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,UACxB;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,4CAa1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,iBAAiB,4CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,UAChB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,4CAS/C,CAAC"}

package/dist/FaqAccordion/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import "../themes/vars.css.ts.vanilla.css.js";
 /* empty css                                                    */
 import { create } from "zustand";
 import { icon } from "../Accordion/Accordion.css.js";

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
-export declare const FooterContent: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterParagraph: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterIcons: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterDisclosure: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const FooterContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterParagraph: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterIcons: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterDisclosure: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FooterDisclosure.d.ts.map

package/dist/FooterDisclosure/FooterDisclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterDisclosure.d.ts","sourceRoot":"","sources":["../../lib/FooterDisclosure/FooterDisclosure.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ1C,eAAO,MAAM,aAAa,UAAW,iBAAiB,gDAErD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,iBAAiB,gDAEvD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,iBAAiB,gDAEnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,iBAAiB,gDAExD,CAAC"}
+{"version":3,"file":"FooterDisclosure.d.ts","sourceRoot":"","sources":["../../lib/FooterDisclosure/FooterDisclosure.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ1C,eAAO,MAAM,aAAa,UAAW,iBAAiB,4CAErD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,iBAAiB,4CAEvD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,iBAAiB,4CAEnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,iBAAiB,4CAExD,CAAC"}

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

@@ -4,52 +4,64 @@ export declare const hero_banner: import("@vanilla-extract/recipes").RuntimeFn<{
             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 eyebrow_tag: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const hero_content: string;
+export declare const reversed: string;
+export declare const hero_text: string;
+export declare const hero_img: string;
+export declare const logout: string;
+export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
         };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+        };
         tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
     };
 }>;
-export declare const headline_hero: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headline_text: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
         };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
         };
-    };
-}>;
-export declare const bodyCopy: import("@vanilla-extract/recipes").RuntimeFn<{
-    variant: {
-        primary: {
+        tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        tertiary: {
+        quaternary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
-export declare const reversed: string;
-export declare const hero_content: string;
-export declare const hero_text: string;
-export declare const hero_body: string;
 export declare const hero_btns: string;
-export declare const hero_img: string;
-export declare const mobile_shift: string;
-export declare const logout: string;
 //# sourceMappingURL=HeroBanner.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeroBanner.css.d.ts","sourceRoot":"","sources":["../../lib/HeroBanner/HeroBanner.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;EAatB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;EAatB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;EAaxB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;EAWnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,YAAY,QAavB,CAAC;AAcH,eAAO,MAAM,SAAS,QAepB,CAAC;AAmBH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAepB,CAAC;AAaH,eAAO,MAAM,QAAQ,QAYnB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,MAAM,QAAY,CAAC"}
+{"version":3,"file":"HeroBanner.css.d.ts","sourceRoot":"","sources":["../../lib/HeroBanner/HeroBanner.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;EA0BtB,CAAC;AAEH,eAAO,MAAM,YAAY,QAWvB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AAEH,eAAO,MAAM,QAAQ,QASnB,CAAC;AAMH,eAAO,MAAM,MAAM,QAAY,CAAC;AAmBhC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;EA2BnB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;EA8BxB,CAAC;AAiBH,eAAO,MAAM,SAAS,QAiBpB,CAAC"}

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,29 +1,23 @@
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f0", variantClassNames: { variant: { primary: "_1ye8k3f1", tertiary: "_1ye8k3f2" } }, defaultVariants: {}, compoundVariants: [] });
-var eyebrow_tag = createRuntimeFn({ defaultClassName: "_1ye8k3f3", variantClassNames: { variant: { primary: "_1ye8k3f4", tertiary: "_1ye8k3f5" } }, defaultVariants: {}, compoundVariants: [] });
-var headline_hero = createRuntimeFn({ defaultClassName: "_1ye8k3f6", variantClassNames: { variant: { primary: "_1ye8k3f7", tertiary: "_1ye8k3f8" } }, defaultVariants: {}, compoundVariants: [] });
-var bodyCopy = createRuntimeFn({ defaultClassName: "_1ye8k3f9", variantClassNames: { variant: { primary: "_1ye8k3fa", tertiary: "_1ye8k3fb" } }, defaultVariants: {}, compoundVariants: [] });
-var reversed = "_1ye8k3fc";
-var hero_content = "_1ye8k3fd";
-var hero_text = "_1ye8k3fe";
-var hero_body = "_1ye8k3ff";
-var hero_btns = "_1ye8k3fg";
-var hero_img = "_1ye8k3fh";
-var mobile_shift = "_1ye8k3fi";
-var logout = "_1ye8k3fj";
+var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f0", variantClassNames: { variant: { primary: "_1ye8k3f1", secondary: "_1ye8k3f2", tertiary: "_1ye8k3f3", quaternary: "_1ye8k3f4" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_content = "_1ye8k3f5";
+var reversed = "_1ye8k3f6";
+var hero_text = "_1ye8k3f7";
+var hero_img = "_1ye8k3f8";
+var logout = "_1ye8k3f9";
+var supertag = createRuntimeFn({ defaultClassName: "_1ye8k3fa", variantClassNames: { variant: { primary: "_1ye8k3fb", secondary: "_1ye8k3fc", tertiary: "_1ye8k3fd", quaternary: "_1ye8k3fe" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3ff", variantClassNames: { variant: { primary: "_1ye8k3fg", secondary: "_1ye8k3fh", tertiary: "_1ye8k3fi", quaternary: "_1ye8k3fj" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_btns = "_1ye8k3fk";
 export {
-  bodyCopy,
-  eyebrow_tag,
-  headline_hero,
+  headline_text,
   hero_banner,
-  hero_body,
   hero_btns,
   hero_content,
   hero_img,
   hero_text,
   logout,
-  mobile_shift,
-  reversed
+  reversed,
+  supertag
 };
 //# sourceMappingURL=HeroBanner.css.js.map

package/dist/HeroBanner/HeroBanner.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroBanner.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroBanner.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}