foundry-component-library 0.2.17 → 0.2.18

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/package.json

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