@axos-web-dev/shared-components 0.0.4 → 0.0.6

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/Button/Button.css

@@ -35,16 +35,16 @@
   color: var(--_1073cm86);
 }
 ._13pdpuj2 {
-  background: var(--_1073cm8i);
-  color: var(--_1073cm8h);
+  background: var(--_1073cm8k);
+  color: var(--_1073cm8j);
 }
 ._13pdpuj2:hover {
-  border-color: var(--_1073cm8i);
-  color: var(--_1073cm8i);
+  border-color: var(--_1073cm8k);
+  color: var(--_1073cm8k);
 }
 ._13pdpuj2:active {
-  background-color: var(--_1073cm8i);
-  color: var(--_1073cm8h);
+  background-color: var(--_1073cm8k);
+  color: var(--_1073cm8j);
 }
 ._13pdpuj3 {
   background: var(--_1073cm85);

package/dist/assets/CallToActionBar/CallToActionBar.css

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

package/dist/assets/Carousel/Carousel.css

@@ -21,16 +21,16 @@
   color: var(--_1073cm83);
 }
 .jgs3fs3 {
-  background: var(--_1073cm87);
-  color: var(--_1073cm89);
+  background: var(--_1073cm88);
+  color: var(--_1073cm8a);
 }
 .jgs3fs4 {
-  background: var(--_1073cm8d);
-  color: var(--_1073cm8f);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 .jgs3fs5 {
-  background: var(--_1073cm8j);
-  color: var(--_1073cm8k);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 .jgs3fs6 {
   display: flex;
@@ -47,13 +47,13 @@
   color: var(--_1073cm83);
 }
 .jgs3fsa {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .jgs3fsb {
-  color: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 .jgs3fsc {
-  color: var(--_1073cm8l);
+  color: var(--_1073cm8o);
 }
 .jgs3fsd {
   text-align: center;

package/dist/assets/Chevron/Chevron.css

@@ -11,10 +11,10 @@
   color: var(--_1073cm86);
 }
 ._1gp5vfo2 {
-  color: var(--_1073cm8i);
+  color: var(--_1073cm8k);
 }
 ._1gp5vfo3 {
-  color: var(--_1073cm8e);
+  color: var(--_1073cm8g);
 }
 ._1gp5vfo4 .arrow {
   margin-left: 15px;

package/dist/assets/CollectInformationAlert/CollectInformationAlert.css

@@ -1,6 +1,6 @@
 ._1qdneat0 {
   position: fixed;
-  background: var(--_1073cm8d);
+  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%);

package/dist/assets/ContentBanner/ContentBanner.css

@@ -3,16 +3,16 @@
   color: var(--_1073cm82);
 }
 ._1bwl51g2 {
-  background: var(--_1073cm87);
-  color: var(--_1073cm88);
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1bwl51g3 {
-  background: var(--_1073cm8d);
-  color: var(--_1073cm8e);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1bwl51g4 {
-  background: var(--_1073cm8j);
-  color: var(--_1073cm8k);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._1bwl51g6 {
   background: var(--_1073cm84);
@@ -20,13 +20,13 @@
   -webkit-text-fill-color: transparent;
 }
 ._1bwl51g7 {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1bwl51g8 {
-  color: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 ._1bwl51g9 {
-  color: var(--_1073cm8l);
+  color: var(--_1073cm8o);
 }
 ._1bwl51ga {
   padding-top: 80px;

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;
+  }
+}

package/dist/assets/HeroBanner/HeroBanner.css

@@ -8,16 +8,16 @@
   color: var(--_1073cm82);
 }
 ._1ye8k3f2 {
-  background: var(--_1073cm87);
-  color: var(--_1073cm88);
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1ye8k3f3 {
-  background: var(--_1073cm8d);
-  color: var(--_1073cm8e);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1ye8k3f4 {
-  background: var(--_1073cm8j);
-  color: var(--_1073cm8k);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._1ye8k3f5 {
   display: flex;
@@ -34,9 +34,6 @@
   justify-content: flex-end;
 }
 ._1ye8k3f8 img {
-  max-width: 663px;
-  object-fit: cover;
-  aspect-ratio: 1 / 1;
   max-height: 480px;
 }
 ._1ye8k3fa {
@@ -51,15 +48,15 @@
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fc {
-  background: var(--_1073cm8a);
+  background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fd {
-  color: var(--_1073cm8i);
+  color: var(--_1073cm8k);
 }
 ._1ye8k3fe {
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8n);
 }
 ._1ye8k3ff {
   font: 600 2.5rem / 1.25 var(--header-font-family);
@@ -70,15 +67,15 @@
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fh {
-  background: var(--_1073cm8a);
+  background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1ye8k3fi {
-  color: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 ._1ye8k3fj {
-  color: var(--_1073cm8l);
+  color: var(--_1073cm8o);
 }
 ._1ye8k3f7 > h1 + p {
   margin-top: 1rem;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -10,15 +10,15 @@
   background: var(--_1073cm81);
 }
 ._1r4ovbu2 {
-  background: var(--_1073cm87);
+  background: var(--_1073cm88);
 }
 ._1r4ovbu3 {
-  background: var(--_1073cm8d);
-  color: var(--_1073cm8e);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1r4ovbu4 {
-  background: var(--_1073cm8j);
-  color: var(--_1073cm8k);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._1r4ovbu5 {
   display: flex;
@@ -43,6 +43,7 @@
   line-height: 36px;
   letter-spacing: 0.2px;
   font-weight: 600;
+  font-family: var(--header-font-family);
 }
 ._1073cm80 ._1r4ovbua {
   -webkit-background-clip: text;
@@ -54,22 +55,23 @@
 }
 ._1073cm80 ._1r4ovbub {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8a);
+  background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
 }
 ._1es6o1h0 ._1r4ovbub {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1r4ovbuc {
-  color: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 ._1r4ovbud {
-  color: var(--_1073cm8l);
+  color: var(--_1073cm8o);
 }
 ._1r4ovbue {
   display: flex;
   flex-direction: column;
   gap: 24px;
+  font-family: var(--main-font-family);
 }
 ._1r4ovbuf {
   display: flex;
@@ -86,6 +88,7 @@
   justify-content: center;
   width: 100%;
   text-align: center;
+  margin-top: auto;
 }
 ._1r4ovbui {
   margin-inline: auto;
@@ -102,15 +105,15 @@
   -webkit-text-fill-color: transparent;
 }
 ._1r4ovbul {
-  background: var(--_1073cm8a);
+  background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 ._1r4ovbum {
-  color: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 ._1r4ovbun {
-  color: var(--_1073cm8l);
+  color: var(--_1073cm8o);
 }
 ._1r4ovbuo {
   display: grid;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -12,16 +12,16 @@
   color: var(--_1073cm82);
 }
 ._1m7m2a2 {
-  background: var(--_1073cm87);
-  color: var(--_1073cm88);
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1m7m2a3 {
-  background: var(--_1073cm8d);
-  color: var(--_1073cm8e);
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
 }
 ._1m7m2a4 {
-  background: var(--_1073cm8j);
-  color: var(--_1073cm8k);
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
 }
 ._18ygy9m0 ._1m7m2a6 {
   flex-direction: column;
@@ -39,17 +39,17 @@
 }
 ._1073cm80 ._1m7m2aa {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8a);
+  background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
 }
 ._1es6o1h0 ._1m7m2aa {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1m7m2ab {
-  color: var(--_1073cm8i);
+  color: var(--_1073cm8k);
 }
 ._1m7m2ac {
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8n);
 }
 ._1073cm80 ._1m7m2ae {
   -webkit-background-clip: text;
@@ -61,17 +61,17 @@
 }
 ._1073cm80 ._1m7m2af {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8a);
+  background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
 }
 ._1es6o1h0 ._1m7m2af {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1m7m2ag {
-  color: var(--_1073cm8f);
+  color: var(--_1073cm8h);
 }
 ._1m7m2ah {
-  color: var(--_1073cm8l);
+  color: var(--_1073cm8o);
 }
 ._1m7m2ai > * {
   width: 100%;

package/dist/assets/Input/Input.css

@@ -20,11 +20,11 @@
   line-height: 24px;
 }
 ._18du0la5 {
-  color: var(--_1073cm8p);
-  border-color: var(--_1073cm8p);
+  color: var(--_1073cm8t);
+  border-color: var(--_1073cm8t);
 }
 ._18du0la6 {
-  color: var(--_1073cm8r);
+  color: var(--_1073cm8v);
 }
 ._18du0la7 {
   position: absolute;
@@ -67,15 +67,15 @@
   padding-bottom: 10px;
 }
 ._18du0lae {
-  border-color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
 }
 ._18du0lae:focus-within {
-  border-color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
 }
 ._18du0laf {
-  border-color: var(--_1073cm8q);
-  color: var(--_1073cm8r);
-  background: var(--_1073cm8s);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._18du0lag {
   outline: none;
@@ -124,12 +124,12 @@
   padding-right: 32px;
 }
 ._18du0lak {
-  border-color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
 }
 ._18du0lal {
-  border-color: var(--_1073cm8q);
-  color: var(--_1073cm8r);
-  background: var(--_1073cm8s);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._18du0lam {
   display: flex;
@@ -151,6 +151,6 @@
   color: #5E6A74;
 }
 ._18du0lap {
-  border-color: var(--_1073cm8p);
-  color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
+  color: var(--_1073cm8t);
 }

package/dist/assets/Inputs/Input.css

@@ -20,11 +20,11 @@
   line-height: 24px;
 }
 ._157e2fz5 {
-  color: var(--_1073cm8p);
-  border-color: var(--_1073cm8p);
+  color: var(--_1073cm8t);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fz6 {
-  color: var(--_1073cm8r);
+  color: var(--_1073cm8v);
 }
 ._157e2fz7 {
   position: absolute;
@@ -67,15 +67,15 @@
   padding-bottom: 10px;
 }
 ._157e2fze {
-  border-color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fze:focus-within {
-  border-color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fzf {
-  border-color: var(--_1073cm8q);
-  color: var(--_1073cm8r);
-  background: var(--_1073cm8s);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._157e2fzg {
   outline: none;
@@ -124,12 +124,12 @@
   padding-right: 32px;
 }
 ._157e2fzk {
-  border-color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
 }
 ._157e2fzl {
-  border-color: var(--_1073cm8q);
-  color: var(--_1073cm8r);
-  background: var(--_1073cm8s);
+  border-color: var(--_1073cm8u);
+  color: var(--_1073cm8v);
+  background: var(--_1073cm8w);
 }
 ._157e2fzm {
   display: flex;
@@ -151,6 +151,6 @@
   color: #5E6A74;
 }
 ._157e2fzp {
-  border-color: var(--_1073cm8p);
-  color: var(--_1073cm8p);
+  border-color: var(--_1073cm8t);
+  color: var(--_1073cm8t);
 }