@axos-web-dev/shared-components 0.0.18 → 0.0.20

package/dist/Typography/Typography.d.ts

@@ -1,6 +1,5 @@
-import { TypographySizeVariants, TypographyVariants } from '.';
-import { default as React } from 'react';
-
+import React from "react";
+import { TypographySizeVariants, TypographyVariants } from ".";
 type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
 export interface Props extends React.PropsWithChildren {
     as?: AsType;

package/dist/Typography/index.d.ts

@@ -1 +1 @@
-export * from './Typography.css';
+export * from "./Typography.css";

package/dist/VideoTile/VideoTile.css.js

@@ -1,6 +1,6 @@
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
-/* empty css                                          */
 /* empty css                             */
 var show = "_16puo4g0";
 var video_title = "_16puo4g1";

package/dist/VideoTile/VideoTile.d.ts

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

package/dist/VideoTile/VideoTile.js

@@ -29,13 +29,13 @@ const VideoTile = ({
   };
   return /* @__PURE__ */ jsxs("div", { id: `id_${id}`, className: `flex center`, children: [
     /* @__PURE__ */ jsx(VideoInit, {}),
-    /* @__PURE__ */ jsxs("div", { className: `containment ${video_container} flex flex_col`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `containment ${video_container} flex_col`, children: [
       title && /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title }),
       /* @__PURE__ */ jsx(
         "div",
         {
           id: "",
-          className: `${mb_8} ${vidyard_height} vidyard-player-container rounded`,
+          className: `${mb_8} ${vidyard_height} vidyard-player-container rounded bordered`,
           "data-uuid": videoId,
           children: /* @__PURE__ */ jsx(
             "img",

package/dist/VideoTile/index.d.ts

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

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

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

package/dist/VideoWrapper/VideoWrapper.css.js

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

package/dist/VideoWrapper/index.d.ts

@@ -1,6 +1,5 @@
-import { VideoTileInterface } from '../VideoTile';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { VideoTileInterface } from "../VideoTile";
 export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];
     backgroundColor?: string;

package/dist/VideoWrapper/index.js

@@ -1,11 +1,11 @@
 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                                          */
 /* empty css                                        */
-import { grid_3, grid_2 } from "./VideoWrapper.css.js";
+import { grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,
   videoTiles,
@@ -17,24 +17,29 @@ const VideoWrapper = ({
     {
       id: `id_${id}`,
       style: backgroundColor ? { backgroundColor } : {},
-      className: "containment",
-      children: /* @__PURE__ */ jsxs("section", { children: [
+      children: /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "containment", 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,
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            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
-        ) })) })
-      ] })
+            className: `${grid_wrapper} ${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
+            ) }))
+          }
+        )
+      ] }) })
     },
     id
   );

package/dist/assets/Button/Button.css

@@ -6,9 +6,9 @@
   -webkit-transition-duration: 0.15s;
   -o-transition-duration: 0.15s;
   transition-duration: 0.15s;
-  -webkit-transition-property: color,background-color,border-color;
-  -o-transition-property: color,background-color,border-color;
-  transition-property: color,background-color,border-color;
+  -webkit-transition-property: color,background-color,border-color,width;
+  -o-transition-property: color,background-color,border-color,width;
+  transition-property: color,background-color,border-color,width;
   -webkit-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
@@ -134,4 +134,15 @@
 ._13pdpuji {
   height: 28px;
   padding: 4px 32px 4px 32px;
+}
+@media screen and (max-width: 280px) {
+  ._13pdpuj7 {
+    padding: 12px 8px;
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 370px) {
+  ._13pdpuj7 {
+    padding: 11px 1.5rem;
+  }
 }

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -30,6 +30,7 @@ details[open] .ph6wj62 {
   padding-bottom: 12px;
 }
 .ph6wj63 {
+  font-size: 18px;
   max-width: 80%;
   list-style: none;
   text-overflow: ellipsis;
@@ -41,7 +42,15 @@ details[open] .ph6wj62 {
   background-color: #F4F4F4;
   padding-top: 0;
 }
-.ph6wj64 ul, .ph6wj64 ol  {
-  margin-block: 1rem;
-  margin-inline-start: 3rem;
+.ph6wj64 li + li {
+  margin-top: 7px;
+}
+.ph6wj64 ol {
+  padding-bottom: 1rem;
+}
+.ph6wj64 ul {
+  padding-bottom: 1rem;
+}
+details summary::-webkit-details-marker {
+  display: none;
 }

package/dist/assets/FooterDisclosure/FooterDisclosure.css

@@ -1,42 +1,32 @@
 ._1a6b3vu0 {
   color: #ffffff;
   background-color: #4A5560;
-  padding: 32px 24px;
+  padding: 32px 0;
   width: 100%;
 }
 ._1a6b3vu1 {
-  margin-bottom: 16px;
   line-height: 24px;
   letter-spacing: 0.2px;
 }
 ._1a6b3vu2 {
-  margin-bottom: 32px;
-}
-._1a6b3vu3 {
   max-height: 40px;
   display: flex;
   gap: 40px;
 }
-._1a6b3vu4 {
+._1a6b3vu3 {
   color: #ffffff;
 }
-._1a6b3vu4:hover {
+._1a6b3vu3:hover {
   opacity: 0.8;
 }
-@media screen and (min-width: 1280px) {
-  ._1a6b3vu0 {
-    padding-inline: 40px;
-  }
-}
 @media screen and (min-width: 1920px) {
   ._1a6b3vu0 {
-    padding-inline: 360px;
     padding-top: 32px;
     padding-bottom: 32px;
   }
 }
 @media screen and (max-width: 1280px) {
-  ._1a6b3vu3 {
+  ._1a6b3vu2 {
     justify-content: center;
   }
 }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -36,7 +36,6 @@
   max-width: 604px;
   max-height: 510px;
   object-fit: cover;
-  aspect-ratio: 1 / 1;
 }
 ._1ye8k3fb {
   display: block;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -142,7 +142,7 @@
   background-position: center center;
 }
 ._18ygy9m0 ._1m7m2au {
-  min-height: 380px;
+  min-height: 330px;
 }
 ._1m7m2av {
   background: var(--_1073cm8f);
@@ -173,9 +173,13 @@
   letter-spacing: 0.3px;
   line-height: 1;
 }
+._1m7m2a10 > p {
+  display: flex;
+  white-space: break-spaces;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
-    flex-direction: column;
+    flex-direction: column-reverse;
   }
   .reversed {
     flex-direction: column-reverse;
@@ -200,7 +204,10 @@
 }
 @media screen and (max-width: 1023px) {
   ._1m7m2au {
-    min-height: 380px;
+    min-height: 275px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 275px;
   }
   ._1m7m2ax {
     font-size: 30px;
@@ -211,4 +218,20 @@
   ._1m7m2az {
     font-size: 20px;
   }
+}
+@media screen and (max-width: 768px) {
+  ._1m7m2au {
+    min-height: 200px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 200px;
+  }
+}
+@media screen and (max-width: 327px) {
+  ._1m7m2au {
+    min-height: 160px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 160px;
+  }
 }