@axos-web-dev/shared-components 1.0.100-dev.86-videoPoster.3 → 1.0.100-dev.87

package/dist/HeroBanner/LargeHeroBanner.js

@@ -1,223 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import clsx from "clsx";
-import Image from "next/image.js";
-import { Button } from "../Button/Button.js";
-import "../Button/Button.css.js";
-import "react";
-import "react-use";
-import { Chevron } from "../Chevron/index.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-import SvgCheckIcon from "../icons/CheckIcon/index.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
-/* empty css                               */
-/* empty css                                    */
-/* empty css                                                    */
-/* empty css                                                */
-import { getVariant } from "../utils/getVariant.js";
-import { HeroVideoPoster } from "./HeroVideoPoster.js";
-import { getPosition } from "../utils/getPosition.js";
-import { hero_wrapper, hero_bullet_item, hero_sub_bullets, hero_btns, img_contents, reversed_lg_image, reversed } from "./HeroBanner.css.js";
-import { lg_hero_container, content_display_lg, lg_hero_eyebrow, lg_headline_text, lg_hero_text, placement, lg_hero_content_mobile, lg_hero_sizing, lg_hero_img, lg_hero_content, video_wrapper, lg_hero_banner, video_bg } from "./LargeBanner.css.js";
-const LargeHeroBanner = ({
-  id,
-  eyebrow,
-  headline,
-  bodyCopy,
-  bullets,
-  callToActionRow,
-  image,
-  imagePlacement = "Right",
-  variant,
-  video,
-  bannerType,
-  videoTextPosition = "default"
-}) => {
-  const textPosition = getPosition(videoTextPosition);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: clsx(
-        lg_hero_banner({ variant: getVariant(variant) }),
-        bannerType === "Video Poster" ? video_bg : ""
-      ),
-      id,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment ${lg_hero_container}`, children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx(
-              lg_hero_content,
-              imagePlacement !== "Right" ? reversed : "",
-              "flex",
-              "between",
-              "middle"
-            ),
-            style: {
-              position: textPosition !== "default" ? "static" : "relative"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: clsx(
-                    lg_hero_text({ variant: getVariant(variant) }),
-                    "rounded",
-                    textPosition !== "default" ? placement({ position: textPosition }) : "",
-                    lg_hero_content_mobile
-                  ),
-                  children: /* @__PURE__ */ jsxs("div", { className: `containment ${content_display_lg}`, children: [
-                    eyebrow && /* @__PURE__ */ jsx(
-                      "h1",
-                      {
-                        className: lg_hero_eyebrow({
-                          variant: getVariant(variant)
-                        }),
-                        children: eyebrow
-                      }
-                    ),
-                    eyebrow ? /* @__PURE__ */ jsx(
-                      "h2",
-                      {
-                        className: lg_headline_text({
-                          variant: getVariant(variant)
-                        }),
-                        children: headline
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      "h1",
-                      {
-                        className: lg_headline_text({
-                          variant: getVariant(variant)
-                        }),
-                        children: headline
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
-                      /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
-                      bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
-                        ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
-                          "li",
-                          {
-                            className: `list_item flex ${hero_bullet_item}`,
-                            children: [
-                              /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? /* @__PURE__ */ jsx(
-                                SvgCheckIcon,
-                                {
-                                  variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
-                                }
-                              ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
-                              /* @__PURE__ */ jsx("span", { children: copy })
-                            ]
-                          },
-                          id2
-                        ) : /* @__PURE__ */ jsx(
-                          "ul",
-                          {
-                            className: clsx(hero_sub_bullets, "mb_0", "push_up"),
-                            children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
-                              /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
-                                "img",
-                                {
-                                  style: { maxWidth: "max-content" },
-                                  src: icon?.src,
-                                  alt: icon?.altText
-                                }
-                              ) }),
-                              /* @__PURE__ */ jsx("span", { children: copy })
-                            ] })
-                          },
-                          id2
-                        )
-                      ) })
-                    ] }),
-                    callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
-                      ({
-                        id: id2,
-                        variant: variant2,
-                        displayText,
-                        targetUrl,
-                        type,
-                        newTab
-                      }) => type === "Button" ? /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          targetUrl,
-                          color: getVariant(variant2),
-                          size: "large",
-                          rounded: "medium",
-                          newTab,
-                          children: displayText
-                        },
-                        id2
-                      ) : /* @__PURE__ */ jsx(
-                        Chevron,
-                        {
-                          targetUrl,
-                          variant: getVariant(variant2),
-                          newTab,
-                          children: displayText
-                        },
-                        id2
-                      )
-                    ) })
-                  ] })
-                }
-              ),
-              bannerType === "Large" && image && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: clsx(
-                    lg_hero_img,
-                    imagePlacement !== "Right" ? reversed_lg_image : "",
-                    "rounded",
-                    lg_hero_content_mobile
-                  ),
-                  role: "presentation",
-                  children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
-                    /* @__PURE__ */ jsx(
-                      "source",
-                      {
-                        srcSet: `https:${image?.src}?fm=avif`,
-                        type: "image/avif"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "source",
-                      {
-                        srcSet: `https:${image?.src}?fm=webp`,
-                        type: "image/webp"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Image,
-                      {
-                        src: `https:${image?.src}?q=90`,
-                        className: lg_hero_sizing,
-                        alt: "",
-                        height: 600,
-                        width: 792,
-                        priority: true
-                      }
-                    )
-                  ] })
-                }
-              )
-            ]
-          }
-        ) }),
-        bannerType === "Video Poster" && video && /* @__PURE__ */ jsx("div", { className: video_wrapper, "aria-hidden": "true", inert: true, children: /* @__PURE__ */ jsx(
-          HeroVideoPoster,
-          {
-            otherSource: video.otherSource,
-            thumbnailImage: video.thumbnailImage
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  LargeHeroBanner
-};

package/dist/utils/getPosition.d.ts

@@ -1 +0,0 @@
-export declare const getPosition: (text: string | undefined) => "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/dist/utils/getPosition.js

@@ -1,17 +0,0 @@
-const getPosition = (text) => {
-  switch (text) {
-    case "top left":
-      return "top left";
-    case "top right":
-      return "top right";
-    case "bottom left":
-      return "bottom left";
-    case "bottom right":
-      return "bottom right";
-    default:
-      return "default";
-  }
-};
-export {
-  getPosition
-};