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

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,25 @@
+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,113 @@
+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;
+}