foundry-component-library 0.2.40 → 0.2.42

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/Hero/Video.tsx

@@ -34,8 +34,18 @@ const Video = ({ url }: { url: string }) => {
           loop
           muted
           playsinline
+          config={{
+            file: {
+              attributes: {
+                playsInline: true,
+                webkitPlaysInline: true,
+                muted: true,
+              },
+            },
+          }}
         />
       )}
+      asd
     </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

@@ -33,7 +33,7 @@ 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}>
@@ -50,12 +50,19 @@ function VideoTeaser({ url }: { url: string }) {
               muted={isMuted}
               loop={true}
               config={{
-                file: { attributes: { poster: "/video-poster.jpg" } },
+                file: {
+                  attributes: {
+                    playsInline: true,
+                    webkitPlaysInline: true,
+                    muted: true,
+                    poster: "/video-poster.jpg",
+                    fetchpriority: "high",
+                  },
+                },
               }}
             />
           )}
         </div>
-        <div className={styles.overlayMobile} />
       </div>
     </>
   );

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

@@ -133,17 +133,3 @@
     transform: translate(34.5%, 39.5%);
   }
 }
-
-.overlayMobile {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-  display: none;
-
-  @media #{$QUERY-sm} {
-    display: block;
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundry-component-library",
-  "version": "0.2.40",
+  "version": "0.2.42",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",