@axos-web-dev/shared-components 0.0.35 → 0.0.36

package/dist/StepItems/StepItems.css.d.ts

@@ -0,0 +1,132 @@
+export declare const bs_section: 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 bs_wrapper: string;
+export declare const svg_logo: string;
+export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            fill: "#1E3860";
+        };
+        secondary: {
+            fill: "#1E3860";
+        };
+        tertiary: {
+            fill: "#fff";
+        };
+        quaternary: {
+            fill: "#fff";
+        };
+    };
+}>;
+export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        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 sec_subtitle: string;
+export declare const tablet_col: string;
+export declare const bs_image: string;
+export declare const steps_wrapper: string;
+export declare const ol: string;
+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})`;
+        };
+        secondary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            borderColor: "#4D85B0";
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            borderColor: "#4D85B0";
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            borderColor: "#FAA74A";
+            background: "#1E3860";
+        };
+        quaternary: {
+            borderColor: "#FAA74A";
+            background: "#1E3860";
+        };
+    };
+}>;
+export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        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 bullet_details: string;
+export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        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 bs_copy: string;
+export declare const bs_btns: string;
+export declare const bs_add_details: string;

package/dist/StepItems/StepItems.css.js

@@ -0,0 +1,45 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                             */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var bs_section = createRuntimeFn({ defaultClassName: "_1hh5tt10", variantClassNames: { variant: { primary: "_1hh5tt11", secondary: "_1hh5tt12", tertiary: "_1hh5tt13", quaternary: "_1hh5tt14" } }, defaultVariants: {}, compoundVariants: [] });
+var bs_wrapper = "_1hh5tt15";
+var svg_logo = "_1hh5tt16";
+var modifier = createRuntimeFn({ defaultClassName: "_1hh5tt17", variantClassNames: { variant: { primary: "_1hh5tt18", secondary: "_1hh5tt19", tertiary: "_1hh5tt1a", quaternary: "_1hh5tt1b" } }, defaultVariants: {}, compoundVariants: [] });
+var sec_title = createRuntimeFn({ defaultClassName: "_1hh5tt1c", variantClassNames: { variant: { primary: "_1hh5tt1d", secondary: "_1hh5tt1e", tertiary: "_1hh5tt1f", quaternary: "_1hh5tt1g" } }, defaultVariants: {}, compoundVariants: [] });
+var sec_subtitle = "_1hh5tt1h";
+var tablet_col = "_1hh5tt1i";
+var bs_image = "_1hh5tt1j";
+var steps_wrapper = "_1hh5tt1k";
+var ol = "_1hh5tt1l";
+var li = "_1hh5tt1m";
+var line_points = createRuntimeFn({ defaultClassName: "_1hh5tt1n", variantClassNames: { variant: { primary: "_1hh5tt1o", secondary: "_1hh5tt1p", tertiary: "_1hh5tt1q", quaternary: "_1hh5tt1r" } }, defaultVariants: {}, compoundVariants: [] });
+var point = createRuntimeFn({ defaultClassName: "_1hh5tt1s", variantClassNames: { variant: { primary: "_1hh5tt1t", secondary: "_1hh5tt1u", tertiary: "_1hh5tt1v", quaternary: "_1hh5tt1w" } }, defaultVariants: {}, compoundVariants: [] });
+var step_num = createRuntimeFn({ defaultClassName: "_1hh5tt1x", variantClassNames: { variant: { primary: "_1hh5tt1y", secondary: "_1hh5tt1z", tertiary: "_1hh5tt110", quaternary: "_1hh5tt111" } }, defaultVariants: {}, compoundVariants: [] });
+var bullet_details = "_1hh5tt112";
+var bs_topic = createRuntimeFn({ defaultClassName: "_1hh5tt113", variantClassNames: { variant: { primary: "_1hh5tt114", secondary: "_1hh5tt115", tertiary: "_1hh5tt116", quaternary: "_1hh5tt117" } }, defaultVariants: {}, compoundVariants: [] });
+var bs_copy = "_1hh5tt118";
+var bs_btns = "_1hh5tt119";
+var bs_add_details = "_1hh5tt11a";
+export {
+  bs_add_details,
+  bs_btns,
+  bs_copy,
+  bs_image,
+  bs_section,
+  bs_topic,
+  bs_wrapper,
+  bullet_details,
+  li,
+  line_points,
+  modifier,
+  ol,
+  point,
+  sec_subtitle,
+  sec_title,
+  step_num,
+  steps_wrapper,
+  svg_logo,
+  tablet_col
+};

package/dist/StepItems/StepItems.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './StepItems.interface';
+
+export declare const StepItems: ({ id, variant: fullVariant, title, description, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/StepItems/StepItems.interface.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { ImageInterface } from '../IconBillboard';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ChevronProps } from '../Chevron/Chevron.interface';
+
+export interface StepItemsSetProps {
+    id: string;
+    variant: QuaternaryTypes;
+    title?: ReactNode | string;
+    description?: ReactNode | string;
+    image?: ImageInterface;
+    stepItems: StepItemsProps[];
+    callToActionRow?: ChevronProps[];
+    additionalDetails?: string | ReactNode;
+}
+export interface StepItemsProps {
+    id: string;
+    variant: QuaternaryTypes;
+    title: ReactNode | string;
+    description: ReactNode | string;
+}

package/dist/StepItems/StepItems.interface.js

@@ -0,0 +1 @@
+

package/dist/StepItems/StepItems.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
+import { li, line_points, point, step_num, bullet_details, bs_topic, bs_copy } from "./StepItems.css.js";
+const StepItems = ({ id, variant: fullVariant = "primary", title, description }) => {
+  const variant = getVariant(fullVariant);
+  let counter = 0;
+  return /* @__PURE__ */ jsxs("li", { className: `flex ${li}`, children: [
+    /* @__PURE__ */ jsx("div", { className: `${line_points({ variant })}`, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+      /* @__PURE__ */ jsx("div", { className: `${point({ variant })}`, children: " " }),
+      /* @__PURE__ */ jsx("div", { className: `flex center middle ${step_num({ variant })}`, children: ++counter })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: bullet_details, children: [
+      /* @__PURE__ */ jsx("span", { className: `${bs_topic({ variant })}`, role: "heading", children: title }),
+      /* @__PURE__ */ jsx("span", { className: bs_copy, children: description })
+    ] })
+  ] }, id);
+};
+export {
+  StepItems
+};

package/dist/StepItems/StepItemsSet.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './StepItems.interface';
+
+export declare const StepItemsSet: ({ id, variant: fullVariant, title, description, image, stepItems, callToActionRow, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/StepItems/StepItemsSet.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import { Chevron } from "../Chevron/index.js";
+import { getVariant } from "../utils/getVariant.js";
+import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, li, line_points, point, step_num, bullet_details, bs_topic, bs_copy, bs_btns, bs_add_details } from "./StepItems.css.js";
+const StepItemsSet = ({
+  id,
+  variant: fullVariant = "primary",
+  title,
+  description,
+  image,
+  stepItems,
+  callToActionRow,
+  additionalDetails
+}) => {
+  const variant = getVariant(fullVariant);
+  let counter = 0;
+  return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
+      /* @__PURE__ */ jsxs("svg", { className: svg_logo, xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", fill: "none", children: [
+        /* @__PURE__ */ jsx("path", { fill: "#FAA74A", d: "M4.012.513a1.726 1.726 0 0 0-2.455 0L.539 1.53a1.726 1.726 0 0 0 0 2.456L16.536 20 .539 36.014a1.726 1.726 0 0 0 0 2.456l1.018 1.017a1.726 1.726 0 0 0 2.455 0L23.464 20 4.012.513Z" }),
+        /* @__PURE__ */ jsx("path", { fill: "#1E3860", "fill-rule": "evenodd", d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z", "clip-rule": "evenodd", className: `${modifier({ variant })}` })
+      ] }),
+      /* @__PURE__ */ jsx("h2", { className: `header_1 ${sec_title({ variant })}`, children: title }),
+      /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: bs_image,
+          style: { backgroundImage: `url(${image == null ? void 0 : image.src})` },
+          children: " "
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems.map(({ id: id2, title: title2, description: description2 }) => /* @__PURE__ */ jsxs("li", { className: `flex ${li}`, children: [
+        /* @__PURE__ */ jsx("div", { className: `${line_points({ variant })}`, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+          /* @__PURE__ */ jsx("div", { className: `${point({ variant })}`, children: " " }),
+          /* @__PURE__ */ jsx("div", { className: `flex center middle ${step_num({ variant })}`, children: ++counter })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: bullet_details, children: [
+          /* @__PURE__ */ jsx("span", { className: `${bs_topic({ variant })}`, role: "heading", children: title2 }),
+          /* @__PURE__ */ jsx("span", { className: bs_copy, children: description2 })
+        ] })
+      ] }, id2)) }) })
+    ] }),
+    callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `flex middle center push_up_32 text_center ${bs_btns}`, children: callToActionRow.map(
+      ({ id: id2, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(Button, { targetUrl, color: getVariant(variant2), size: "large", rounded: "medium", children: displayText }, id2) : /* @__PURE__ */ jsx(Chevron, { targetUrl, variant: getVariant(variant2), children: displayText }, id2)
+    ) }),
+    additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment push_up_24", children: /* @__PURE__ */ jsx("div", { className: bs_add_details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
+  ] }) });
+};
+export {
+  StepItemsSet
+};

package/dist/StepItems/index.d.ts

@@ -0,0 +1,4 @@
+export * from './StepItems';
+export * from './StepItems.css';
+export type * from './StepItems.interface';
+export * from './StepItemsSet';

package/dist/StepItems/index.js

@@ -0,0 +1,26 @@
+import { StepItems } from "./StepItems.js";
+import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems.css.js";
+import { StepItemsSet } from "./StepItemsSet.js";
+export {
+  StepItems,
+  StepItemsSet,
+  bs_add_details,
+  bs_btns,
+  bs_copy,
+  bs_image,
+  bs_section,
+  bs_topic,
+  bs_wrapper,
+  bullet_details,
+  li,
+  line_points,
+  modifier,
+  ol,
+  point,
+  sec_subtitle,
+  sec_title,
+  step_num,
+  steps_wrapper,
+  svg_logo,
+  tablet_col
+};

package/dist/assets/HeroBanner/HeroBanner.css

@@ -34,7 +34,7 @@
 }
 ._1ye8k3fa img {
   max-width: 604px;
-  max-height: 515px;
+  max-height: 480px;
   object-fit: cover;
 }
 ._1ye8k3fb {
@@ -152,7 +152,7 @@
     gap: 1.5rem;
   }
   ._1ye8k3fa {
-    min-height: 510px;
+    min-height: 480px;
     _1ye8k3f0 & {
       max-width: 708px;
     }

package/dist/assets/LandingPageHeader/LandingPageHeader.css

@@ -0,0 +1,49 @@
+._1073cm80 ._1o1hxre1 {
+  background: var(--_1073cm81);
+}
+._1es6o1h0 ._1o1hxre1 {
+  background: var(--_1073cm81);
+}
+._1073cm80 ._1o1hxre2 {
+  background: var(--_1073cm81);
+}
+._1es6o1h0 ._1o1hxre2 {
+  background: var(--_1073cm81);
+}
+._1073cm80 ._1o1hxre3 {
+  background: var(--_1073cm81);
+}
+._1es6o1h0 ._1o1hxre3 {
+  background: var(--_1073cm81);
+}
+._1o1hxre4 {
+  padding: 0 24px;
+  min-height: 59px;
+}
+._1o1hxre5 {
+  transition: opacity 0.35s ease;
+}
+._1o1hxre5:hover {
+  opacity: 0.6;
+}
+._1o1hxre5:active {
+  opacity: 1;
+}
+._1073cm80 ._1o1hxre7 {
+  fill: #1e3860;
+}
+._1es6o1h0 ._1o1hxre7 {
+  fill: #1e3860;
+}
+._1073cm80 ._1o1hxre8 {
+  fill: #1e3860;
+}
+._1es6o1h0 ._1o1hxre8 {
+  fill: #1e3860;
+}
+._1073cm80 ._1o1hxre9 {
+  fill: #fff;
+}
+._1es6o1h0 ._1o1hxre9 {
+  fill: #fff;
+}