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

package/dist/VideoTile/VideoInit.d.ts

@@ -0,0 +1 @@
+export declare const VideoInit: () => import("react/jsx-runtime").JSX.Element;

package/dist/VideoTile/VideoInit.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import Script from "next/script.js";
+const VideoInit = () => {
+  return /* @__PURE__ */ jsx(Script, { src: "https://play.vidyard.com/embed/v4.js" });
+};
+export {
+  VideoInit
+};

package/dist/VideoTile/VideoTile.css.d.ts

@@ -0,0 +1,13 @@
+export declare const show: string;
+export declare const video_title: string;
+export declare const transcript_btn: string;
+export declare const item: string;
+export declare const video_container: string;
+export declare const mb_8: string;
+export declare const toggle_container: string;
+export declare const expand_icon: string;
+export declare const transcript_container: string;
+export declare const w_100: string;
+export declare const transcript_content: string;
+export declare const vidyard_height: string;
+export declare const hide_transcript: string;

package/dist/VideoTile/VideoTile.css.js

@@ -0,0 +1,32 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                             */
+var show = "_16puo4g0";
+var video_title = "_16puo4g1";
+var transcript_btn = "_16puo4g2";
+var item = "_16puo4g3";
+var video_container = "_16puo4g4";
+var mb_8 = "_16puo4g5";
+var toggle_container = "_16puo4g6";
+var expand_icon = "_16puo4g7";
+var transcript_container = "_16puo4g8";
+var w_100 = "_16puo4g9";
+var transcript_content = "_16puo4ga";
+var vidyard_height = "_16puo4gb";
+var hide_transcript = "_16puo4gc";
+export {
+  expand_icon,
+  hide_transcript,
+  item,
+  mb_8,
+  show,
+  toggle_container,
+  transcript_btn,
+  transcript_container,
+  transcript_content,
+  video_container,
+  video_title,
+  vidyard_height,
+  w_100
+};

package/dist/VideoTile/VideoTile.d.ts

@@ -0,0 +1,3 @@
+import { VideoTileInterface } from "./VideoTile.interface";
+import { FC } from "react";
+export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoTile/VideoTile.interface.d.ts

@@ -0,0 +1,10 @@
+export interface VideoTileInterface {
+    id: string;
+    title: string;
+    videoId: string;
+    thumbnailImage: string;
+    displayType: string;
+    maxWidth: string | number;
+    videoPlayer: string;
+    transcript: string;
+}

package/dist/VideoTile/VideoTile.interface.js

@@ -0,0 +1 @@
+

package/dist/VideoTile/VideoTile.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import { useToggle } from "react-use";
+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 { VideoInit } from "./VideoInit.js";
+import { video_container, w_100, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, expand_icon, transcript_content, show, hide_transcript } from "./VideoTile.css.js";
+const VideoTile = ({
+  //   ariaLabel,
+  title,
+  videoId,
+  thumbnailImage,
+  // displayType,
+  maxWidth = "588px",
+  videoPlayer,
+  transcript
+}) => {
+  const [on, toggle] = useToggle(false);
+  const handleToggleClick = (event) => {
+    event.preventDefault();
+    toggle();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VideoInit, {}),
+    /* @__PURE__ */ jsxs("div", { className: `${video_container} ${w_100} flex flex_col`, children: [
+      /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title ? title : null }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: "",
+          className: `${mb_8} ${vidyard_height} vidyard-player-container rounded`,
+          "data-uuid": videoId,
+          children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              style: {
+                width: "100%",
+                margin: "auto",
+                display: "block",
+                maxHeight: "304px",
+                maxWidth
+              },
+              alt: "",
+              className: "vidyard-player-embed",
+              src: thumbnailImage ? thumbnailImage : `https://play.vidyard.com/${videoId}.jpg`,
+              "data-uuid": videoId,
+              "data-v": "4",
+              "data-type": videoPlayer,
+              "data-width": maxWidth,
+              "data-height": "304px"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: `${toggle_container}`,
+            "aria-expanded": on,
+            href: "#",
+            "aria-label": "",
+            onClick: handleToggleClick,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: `${transcript_btn}`, children: "Review transcript" }),
+              /* @__PURE__ */ jsx("span", { className: expand_icon, "aria-hidden": "true", children: on ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          ReactMarkdown,
+          {
+            className: `${transcript_content} ${on ? show : hide_transcript}`,
+            children: transcript
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  VideoTile
+};

package/dist/VideoTile/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./VideoInit";
+export * from "./VideoTile";
+export * from "./VideoTile.css";
+export * from "./VideoTile.interface";

package/dist/VideoTile/index.js

@@ -0,0 +1,20 @@
+import { VideoInit } from "./VideoInit.js";
+import { VideoTile } from "./VideoTile.js";
+import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile.css.js";
+export {
+  VideoInit,
+  VideoTile,
+  expand_icon,
+  hide_transcript,
+  item,
+  mb_8,
+  show,
+  toggle_container,
+  transcript_btn,
+  transcript_container,
+  transcript_content,
+  video_container,
+  video_title,
+  vidyard_height,
+  w_100
+};

package/dist/VideoWrapper/VideoWrapper.css.d.ts

@@ -0,0 +1,2 @@
+export declare const grid_2: string;
+export declare const grid_3: string;

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -0,0 +1,7 @@
+/* empty css                                */
+var grid_2 = "_2i5u4u0";
+var grid_3 = "_2i5u4u1";
+export {
+  grid_2,
+  grid_3
+};

package/dist/VideoWrapper/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { VideoTileInterface } from "../VideoTile";
+export interface VideoWrapperProps {
+    videoTiles: VideoTileInterface[];
+    backgroundColor?: string;
+    title: string;
+}
+export declare const VideoWrapper: FC<VideoWrapperProps>;

package/dist/VideoWrapper/index.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "next/script.js";
+import { VideoTile } from "../VideoTile/VideoTile.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                                        */
+import { grid_3, grid_2 } from "./VideoWrapper.css.js";
+const VideoWrapper = ({
+  title,
+  videoTiles,
+  backgroundColor
+}) => {
+  return /* @__PURE__ */ jsx("div", { style: backgroundColor ? { backgroundColor } : {}, children: /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
+    /* @__PURE__ */ jsx("div", { className: `${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`, children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      VideoTile,
+      {
+        id: videoItem.id,
+        title: videoItem == null ? void 0 : videoItem.title,
+        videoId: videoItem == null ? void 0 : videoItem.videoId,
+        thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
+        displayType: videoItem == null ? void 0 : videoItem.displayType,
+        maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
+        videoPlayer: videoItem.displayType,
+        transcript: videoItem == null ? void 0 : videoItem.transcript
+      },
+      index
+    ) })) })
+  ] }) });
+};
+export {
+  VideoWrapper
+};

package/dist/assets/Accordion/Accordion.css

@@ -52,6 +52,7 @@
   display: flex;
   padding: 24px;
   font-size: 18px;
+  font-family: var(--header-font-family);
   font-weight: 600;
   letter-spacing: 0.2px;
   background-color: white;
@@ -68,7 +69,7 @@
   text-transform: uppercase;
 }
 .qfoxngb {
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 .qfoxngd {
   display: flex;

package/dist/assets/ApyCalculator/ApyCalculator.css

@@ -8,7 +8,7 @@
   margin-inline: auto;
 }
 ._74vxga2 .header_1 {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -42,7 +42,7 @@
   -webkit-appearance: none;
 }
 ._74vxga6 .input_label {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -81,7 +81,7 @@
   background-color: #edeef0;
 }
 ._74vxgag .header_2 {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }

package/dist/assets/Button/Button.css

@@ -1,5 +1,6 @@
 ._13pdpuj0 {
   border: 2px solid transparent;
+  font-family: var(--main-font-family);
   font-weight: 700;
   margin-bottom: 0;
   -webkit-transition-duration: 0.15s;
@@ -22,40 +23,40 @@
   background-color: transparent;
 }
 ._13pdpuj1 {
-  background: var(--gysk0y5);
-  color: var(--gysk0y4);
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
 }
 ._13pdpuj1:hover {
-  border-color: var(--gysk0y5);
-  color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
+  color: var(--_1073cm86);
 }
 ._13pdpuj1:active {
-  background-color: var(--gysk0y5);
-  color: var(--gysk0y5);
+  background-color: var(--_1073cm86);
+  color: var(--_1073cm86);
 }
 ._13pdpuj2 {
-  background: var(--gysk0yh);
-  color: var(--gysk0yg);
+  background: var(--_1073cm8k);
+  color: var(--_1073cm8j);
 }
 ._13pdpuj2:hover {
-  border-color: var(--gysk0yh);
-  color: var(--gysk0yh);
+  border-color: var(--_1073cm8k);
+  color: var(--_1073cm8k);
 }
 ._13pdpuj2:active {
-  background-color: var(--gysk0yh);
-  color: var(--gysk0yg);
+  background-color: var(--_1073cm8k);
+  color: var(--_1073cm8j);
 }
 ._13pdpuj3 {
-  background: var(--gysk0y4);
-  color: var(--gysk0y5);
+  background: var(--_1073cm85);
+  color: var(--_1073cm86);
 }
 ._13pdpuj3:hover {
-  border-color: var(--gysk0y4);
-  color: var(--gysk0y4);
+  border-color: var(--_1073cm85);
+  color: var(--_1073cm85);
 }
 ._13pdpuj3:active {
-  background-color: var(--gysk0y4);
-  color: var(--gysk0y4);
+  background-color: var(--_1073cm85);
+  color: var(--_1073cm85);
 }
 ._13pdpuj4 {
   background: #D4D4D4;

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -1,7 +1,7 @@
 ._1tdyl740 {
   width: 100%;
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1tdyl740 .containment {
   height: -webkit-fit-content;

package/dist/assets/Carousel/Carousel.css

@@ -17,20 +17,20 @@
   padding-bottom: 40px;
 }
 .jgs3fs2 {
-  background: var(--gysk0y0);
-  color: var(--gysk0y2);
+  background: var(--_1073cm81);
+  color: var(--_1073cm83);
 }
 .jgs3fs3 {
-  background: var(--gysk0y6);
-  color: var(--gysk0y8);
+  background: var(--_1073cm88);
+  color: var(--_1073cm8a);
 }
 .jgs3fs4 {
-  background: var(--gysk0yc);
-  color: var(--gysk0ye);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 .jgs3fs5 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 .jgs3fs6 {
   display: flex;
@@ -44,16 +44,16 @@
   letter-spacing: 0.2px;
 }
 .jgs3fs9 {
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 .jgs3fsa {
-  color: var(--gysk0y8);
+  color: var(--_1073cm8a);
 }
 .jgs3fsb {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8h);
 }
 .jgs3fsc {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8o);
 }
 .jgs3fsd {
   text-align: center;

package/dist/assets/Chevron/Chevron.css

@@ -5,15 +5,16 @@
   padding: 0;
   text-decoration: none;
   cursor: pointer;
+  font-family: var(--main-font-family);
 }
 ._1gp5vfo1 {
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._1gp5vfo2 {
-  color: var(--gysk0yh);
+  color: var(--_1073cm8k);
 }
 ._1gp5vfo3 {
-  color: var(--gysk0yd);
+  color: var(--_1073cm8g);
 }
 ._1gp5vfo4 .arrow {
   margin-left: 15px;

package/dist/assets/CollectInformationAlert/CollectInformationAlert.css

@@ -1,6 +1,6 @@
 ._1qdneat0 {
   position: fixed;
-  background: var(--gysk0yc);
+  background: var(--_1073cm8f);
   border-radius: 10px;
   bottom: 20px;
   box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
@@ -48,6 +48,7 @@
 }
 ._1qdneat4 {
   max-width: 77%;
+  font-family: var(--main-font-family);
 }
 ._1qdneat5 {
   flex: 1 1 0%;

package/dist/assets/ContentBanner/ContentBanner.css

@@ -0,0 +1,65 @@
+._1bwl51g1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1bwl51g2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._1bwl51g3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1bwl51g4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._1bwl51g6 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._1bwl51g7 {
+  color: var(--_1073cm8a);
+}
+._1bwl51g8 {
+  color: var(--_1073cm8h);
+}
+._1bwl51g9 {
+  color: var(--_1073cm8o);
+}
+._1bwl51ga {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+._1bwl51gb {
+  margin-top: 9px;
+}
+._1bwl51gb p {
+  font: 400 1rem/1.5 var(--main-font-family);
+}
+._1bwl51gb > *+* {
+  margin-top: 10px;
+}
+._1bwl51gc {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 1.5rem;
+}
+._1bwl51gd {
+  margin-left: 48px;
+}
+@media screen and (max-width:1023px) {
+  ._1bwl51ga {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  ._1bwl51gc {
+    flex-direction: column;
+  }
+  ._1bwl51gd {
+    margin-top: 24px;
+    margin-left: 0;
+  }
+}

package/dist/assets/DownloadTile/DownloadTile.css

@@ -17,7 +17,7 @@
   font-weight: 600;
   font-size: 0.9rem;
   width: auto;
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 ._14gexxj2 tbody td:last-child > a:hover {
   text-decoration: underline;
@@ -51,7 +51,7 @@
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   display: flex;
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._14gexxj2 ._14gexxj3 ._14gexxj4 {
   margin: 2px 5px;
@@ -60,7 +60,7 @@
   font-weight: 600;
   font-size: 32px;
   margin-bottom: 1rem;
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -11,7 +11,7 @@
   font-size: 28px;
   line-height: 36px;
   letter-spacing: 0.2px;
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
   font-weight: 600;
 }
 .ph6wj62 {
@@ -22,7 +22,7 @@
   font-weight: 700;
   line-height: 26px;
   letter-spacing: 0.2px;
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
   cursor: pointer;
 }
 details[open] .ph6wj62 {

package/dist/assets/Forms/Forms.css

@@ -0,0 +1,92 @@
+.tfms6a0 {
+  width: 100%;
+  padding-inline: 120px;
+  padding-top: 48px;
+  padding-bottom: 48px;
+}
+.tfms6a1 {
+  background: var(--_1073cm81);
+}
+.tfms6a2 {
+  background: var(--_1073cm88);
+}
+.tfms6a3 {
+  background: var(--_1073cm8f);
+}
+.tfms6a4 {
+  background: var(--_1073cm8m);
+}
+.tfms6a5 {
+  padding-bottom: 32px;
+}
+.tfms6a6 {
+  margin-bottom: 32px;
+  font-family: var(--header-font-family);
+}
+._1073cm80 .tfms6a7 {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+}
+._1es6o1h0 .tfms6a7 {
+  color: var(--_1073cm83);
+}
+._1073cm80 .tfms6a8 {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+}
+._1es6o1h0 .tfms6a8 {
+  color: var(--_1073cm8a);
+}
+.tfms6a9 {
+  color: var(--_1073cm8h);
+}
+.tfms6aa {
+  color: var(--_1073cm8o);
+}
+.tfms6ab {
+  font-family: var(--main-font-family);
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.5rem;
+}
+.tfms6ac {
+  color: var(--_1073cm82);
+}
+.tfms6ad {
+  color: var(--_1073cm89);
+}
+.tfms6ae {
+  color: var(--_1073cm8g);
+}
+.tfms6af {
+  color: var(--_1073cm8n);
+}
+.tfms6ag {
+  margin-top: 1.5rem;
+  text-align: center;
+}
+.tfms6ah {
+  margin-top: 16px;
+}
+.tfms6ai {
+  color: var(--_1073cm82);
+}
+.tfms6aj {
+  color: var(--_1073cm89);
+}
+.tfms6ak {
+  color: var(--_1073cm8g);
+}
+.tfms6al {
+  color: var(--_1073cm8n);
+}
+@media screen and (max-width:480px) {
+  .tfms6a0 {
+    padding-inline: 0;
+  }
+  .tfms6ab {
+    grid-template-columns: 1fr;
+  }
+}