foundry-component-library 0.2.41 → 0.2.43

package/dist/index.js

@@ -0,0 +1,88 @@
+import { default as a } from "./components/AgencyNumbers/index.js";
+import { default as r } from "./components/Awards/index.js";
+import { default as s } from "./components/Capabilities/index.js";
+import { default as l } from "./components/case/Content/index.js";
+import { default as d } from "./components/case/Top/index.js";
+import { default as x } from "./components/case/Other/index.js";
+import { default as i } from "./components/cases/Items/index.js";
+import { default as T } from "./components/cases/Top/index.js";
+import { default as S } from "./components/cases/Pagination/index.js";
+import { default as b } from "./components/CaseStudyTeaser/index.js";
+import { default as H } from "./components/contact/Accounts/index.js";
+import { default as O } from "./components/contact/Contacts/index.js";
+import { default as k } from "./components/contact/Offices/index.js";
+import { default as y } from "./components/contact/OfficesSection/index.js";
+import { default as N } from "./components/ContactButton/index.js";
+import { default as B } from "./components/ContactTeaser/index.js";
+import { default as M } from "./components/Container/index.js";
+import { default as E } from "./components/DoubleTiles/index.js";
+import { default as G } from "./components/Footer/index.js";
+import { default as V } from "./components/Header/index.js";
+import { default as q } from "./components/Hero/index.js";
+import { default as J } from "./components/HubsAccordion/index.js";
+import { default as R } from "./components/ImageTitle/index.js";
+import { default as W } from "./components/LargeText/index.js";
+import { default as Y } from "./components/LogoSection/index.js";
+import { default as _ } from "./components/Management/index.js";
+import { default as ee } from "./components/MarketingStats/index.js";
+import { default as ae } from "./components/news/Posts/index.js";
+import { default as re } from "./components/NewsTeaser/index.js";
+import { default as se } from "./components/OfficesTeaser/index.js";
+import { default as le } from "./components/PartnerNetwork/index.js";
+import { default as de } from "./components/QuoteSection/index.js";
+import { default as xe } from "./components/ServiceHubsTeaser/index.js";
+import { default as ie } from "./components/ServiceHubsTeaserEffects/index.js";
+import { default as Te } from "./components/single/Content/index.js";
+import { default as Se } from "./components/single/Top/index.js";
+import { default as be } from "./components/TeamBenefits/index.js";
+import { default as He } from "./components/TeamPhotos/index.js";
+import { default as Oe } from "./components/TextSection/index.js";
+import { default as ke } from "./components/Tiles/index.js";
+import { default as ye } from "./components/StickyTiles/index.js";
+import { default as Ne } from "./components/VideoTeaser/index.js";
+import { default as Be } from "./components/GetInTouch/index.js";
+export {
+  H as Accounts,
+  a as AgencyNumbers,
+  r as Awards,
+  s as Capabilities,
+  l as CaseContent,
+  x as CaseOther,
+  b as CaseStudyTeaser,
+  d as CaseTop,
+  i as CasesItems,
+  S as CasesPagination,
+  T as CasesTop,
+  N as ContactButton,
+  B as ContactTeaser,
+  O as Contacts,
+  M as Container,
+  E as DoubleTiles,
+  G as Footer,
+  Be as GetInTouch,
+  V as Header,
+  q as Hero,
+  J as HubsAccordion,
+  R as ImageTitle,
+  W as LargeText,
+  Y as LogoSection,
+  _ as Management,
+  ee as MarketingStats,
+  re as NewsTeaser,
+  k as Offices,
+  y as OfficesSection,
+  se as OfficesTeaser,
+  le as PartnerNetwork,
+  Te as PostContent,
+  Se as PostTop,
+  ae as Posts,
+  de as QuoteSection,
+  xe as ServiceHubsTeaser,
+  ie as ServiceHubsTeaserEffects,
+  ye as StickyTiles,
+  be as TeamBenefits,
+  He as TeamPhotos,
+  Oe as TextSection,
+  ke as Tiles,
+  Ne as VideoTeaser
+};

package/lib/components/Header/index.tsx

@@ -56,7 +56,7 @@ function Header({
         <Container>
           <div className={styles.wrapper}>
             <div className={styles.left}>
-              <Link href="/">
+              <Link href="/" aria-label="Home">
                 <div ref={containerRef} className={styles.logo} />
               </Link>
             </div>

package/lib/components/LargeText/styles.module.scss

@@ -1,7 +1,7 @@
 @use "../variables" as *;
 
 .largeText {
-  background-color: $color-brown;
+  background-color: #491b11;
   color: $color-pink;
   padding: 64px 0;
   text-align: center;

package/lib/components/ServiceHubsTeaserEffects/index.tsx

@@ -50,7 +50,8 @@ const ServiceHubsTeaserEffects = ({
                 <Link
                   href={tile.uri}
                   className={styles.tileWrapper}
-                  key={tile.id}>
+                  key={tile.id}
+                  aria-label={tile.title}>
                   <div className={`${styles.tile} ${styles[background]}`}>
                     {i === 0 && <TileGlass />}
                     {i === 1 && <TileFluid />}

package/lib/components/VideoTeaser/index.tsx

@@ -1,6 +1,5 @@
 "use client";
-import { useEffect, useState } from "react";
-import ReactPlayer from "react-player/lazy";
+import { useState, useRef, useEffect } from "react";
 import styles from "./styles.module.scss";
 import Mute from "../../assets/svg/mute.svg";
 import Muted from "../../assets/svg/muted.svg";
@@ -10,18 +9,21 @@ import Logo from "../../assets/svg/footer-logo.svg";
 function VideoTeaser({ url }: { url: string }) {
   const [playing, setPlaying] = useState(true);
   const [isMuted, setIsMuted] = useState(true);
-  const [hasWindow, setHasWindow] = useState(false);
+  const videoRef = useRef<HTMLVideoElement>(null);
+
+  useEffect(() => {
+    videoRef.current?.setAttribute("fetchpriority", "high");
+  }, []);
 
   const handleClick = () => {
+    if (playing) {
+      videoRef.current?.pause();
+    } else {
+      videoRef.current?.play();
+    }
     setPlaying(!playing);
   };
 
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      setHasWindow(true);
-    }
-  }, []);
-
   if (!url) return;
 
   return (
@@ -33,7 +35,10 @@ function VideoTeaser({ url }: { url: string }) {
         className={`${styles.wrapper} ${url ? styles.playCursor : ""} ${
           playing ? styles.playing : ""
         }`}>
-        <button className={styles.btnMute} onClick={() => setIsMuted(!isMuted)}>
+        <button
+          className={styles.btnMute}
+          onClick={() => setIsMuted(!isMuted)}
+          aria-label={isMuted ? "Unmute video" : "Mute video"}>
           {isMuted ? <Muted /> : <Mute />}
         </button>
         <div className={styles.video} onClick={handleClick}>
@@ -41,26 +46,15 @@ function VideoTeaser({ url }: { url: string }) {
             className={`${styles.playButton} ${playing ? styles.playing : ""}`}>
             <PlayButton />
           </div>
-          {hasWindow && (
-            <ReactPlayer
-              playing={playing}
-              url={url}
-              width="100%"
-              height="100%"
-              muted={isMuted}
-              loop={true}
-              config={{
-                file: {
-                  attributes: {
-                    playsInline: true,
-                    webkitPlaysInline: true,
-                    muted: true,
-                    poster: "/video-poster.jpg",
-                  },
-                },
-              }}
-            />
-          )}
+          <video
+            ref={videoRef}
+            src={url}
+            autoPlay
+            loop
+            muted={isMuted}
+            playsInline
+            preload="auto"
+          />
         </div>
       </div>
     </>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundry-component-library",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -29,12 +29,12 @@
     "preview": "vite preview"
   },
   "peerDependencies": {
+    "lottie-web": "^5.13.0",
     "motion": "^12.6.3",
     "next": "15.2.8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-player": "^2.16.0",
-    "lottie-web": "^5.13.0"
+    "react-player": "^2.16.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.22.0",