foundry-component-library 0.2.17 → 0.2.19

package/lib/components/Awards/index.tsx

@@ -4,6 +4,7 @@ import Container from "../Container";
 import { NextImage } from "../../types";
 import WavyText from "../TextAnimations/WavyText";
 import { motion } from "framer-motion";
+import FadeInText from "../TextAnimations/FadeInText";
 
 // Infinite marquee animation settings
 const marqueeVariants = {
@@ -22,10 +23,12 @@ const marqueeVariants = {
 
 const Awards = ({
   heading,
+  text,
   awards,
   Image,
 }: {
   heading?: string;
+  text?: string;
   awards?: {
     image?: {
       sourceUrl: string;
@@ -48,6 +51,7 @@ const Awards = ({
       transition={{ duration: 1 }}>
       <Container>
         {heading && <WavyText className={styles.heading} text={heading} />}
+        {text && <FadeInText className={styles.subheading} text={text} />}
       </Container>
       <Container noMobilePadding>
         <div className={styles.marqueeWrapper}>

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

@@ -11,12 +11,23 @@
 .heading {
   font-size: 42px;
   color: $color-brown;
-  margin-bottom: 64px;
   line-height: 1.3;
   font-family: $font-secondary;
+  margin-bottom: 24px;
 
   @media #{$QUERY-sm} {
     font-size: 28px;
+  }
+}
+
+.subheading {
+  font-size: 18px;
+  color: $color-brown;
+  margin-bottom: 64px;
+  width: 800px;
+  max-width: 100%;
+
+  @media #{$QUERY-sm} {
     margin-bottom: 44px;
   }
 }

package/lib/components/Header/Menu.tsx

@@ -55,12 +55,12 @@ function Menu({
               </Link>
             </Container>
           </li> */}
-          {/* <li className={styles.secondaryMenuItem}>
+          <li className={styles.secondaryMenuItem}>
             <Link href="/team">
               {translate("Team & Careers")}
               <Arrow />
             </Link>
-          </li> */}
+          </li>
           <li className={styles.secondaryMenuItem}>
             <Link href="/news">
               {translate("News & Insights")}

package/lib/components/ServiceHubsTeaserEffects/TileBalls.tsx

@@ -9,7 +9,7 @@ const TileBalls = () => {
       shadows
       dpr={[1, 2]}
       gl={{ antialias: false }}
-      camera={{ fov: 15, position: [0, 0, 20] }}>
+      camera={{ position: [0, 0, 20], fov: 15 }}>
       <color attach="background" args={["#380de8"]} />
       <fog attach="fog" args={["red", 20, -5]} />
       <ambientLight intensity={1.5} />
@@ -24,8 +24,8 @@ const TileBalls = () => {
         position={[0, 0, 0]}
         fontSize={0.4}
         textAlign="center"
-        fontWeight={600}
-        color="#fff">
+        color="#fff"
+        font="/Karelia-Medium.otf">
         Content and{"\n"}Campaigning
       </Text>
     </Canvas>

package/lib/components/ServiceHubsTeaserEffects/TileFluid.tsx

@@ -15,8 +15,8 @@ const TileFluid = () => {
         position={[0, 0, 0]}
         fontSize={0.4}
         textAlign="center"
-        fontWeight={600}
-        color="#380de8">
+        color="#380de8"
+        font="/Karelia-Medium.otf">
         Branding &{"\n"}Corporate ID
       </Text>
       <EffectComposer>

package/lib/components/ServiceHubsTeaserEffects/TileGlass.tsx

@@ -10,8 +10,8 @@ const TileGlass = () => {
           position={[0, 0, 0]}
           fontSize={0.4}
           textAlign="center"
-          fontWeight={600}
-          color="#491b11">
+          color="#491b11"
+          font="/Karelia-Medium.otf">
           Strategy &{"\n"}
           Positioning
         </Text>

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

@@ -56,13 +56,13 @@
 
   &:first-child {
     @media #{$QUERY-sm} {
-      margin-left: 20px;
+      margin-left: 40px;
     }
   }
 
   &:last-child {
     @media #{$QUERY-sm} {
-      margin-right: 20px;
+      margin-right: 40px;
     }
   }
 }

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

@@ -9,7 +9,7 @@
   @media #{$QUERY-sm} {
     font-size: 28px;
     margin-bottom: 24px;
-    padding: 0 20px;
+    padding: 0 40px;
   }
 }
 
@@ -63,13 +63,13 @@
 
   &:first-child {
     @media #{$QUERY-sm} {
-      margin-left: 20px;
+      margin-left: 40px;
     }
   }
 
   &:last-child {
     @media #{$QUERY-sm} {
-      margin-right: 20px;
+      margin-right: 40px;
     }
   }
 }

package/lib/components/VideoTeaser/index.tsx

@@ -48,6 +48,7 @@ function VideoTeaser({ url }: { url: string }) {
               width="100%"
               height="100%"
               muted={isMuted}
+              loop={true}
               config={{
                 file: { attributes: { poster: "/video-poster.jpg" } },
               }}

package/lib/components/cases/Pagination/styles.module.scss

@@ -15,6 +15,11 @@
   background-color: transparent;
   font-size: 16px;
   border: none;
+  color: $color-black;
+
+  &:visited {
+    color: $color-black;
+  }
 
   &:not(span):hover {
     background-color: $color-gray-light;

package/lib/queries/getHomePage.ts

@@ -15,6 +15,7 @@ type HomePage = {
       hubsHeading?: string;
       hubsText?: string;
       awardsHeading?: string;
+      awardsText?: string;
       awards?: Array<{
         image: {
           sourceUrl: string;
@@ -145,6 +146,7 @@ export default async function getHomePage({
           hubsHeading
           hubsText
           awardsHeading
+          awardsText
           awards {
             image {
               sourceUrl

package/package.json

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