foundry-component-library 0.2.22 → 0.2.23

package/lib/components/Awards/index.tsx

@@ -50,7 +50,12 @@ const Awards = ({
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 1 }}>
       <Container>
-        {heading && <WavyText className={styles.heading} text={heading} />}
+        {heading && (
+          <WavyText
+            className={`${styles.heading} ${text ? "" : styles.morePadding}`}
+            text={heading}
+          />
+        )}
         {text && <FadeInText className={styles.subheading} text={text} />}
       </Container>
       <Container noMobilePadding>

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

@@ -15,6 +15,10 @@
   font-family: $font-secondary;
   margin-bottom: 24px;
 
+  &.morePadding {
+    margin-bottom: 64px;
+  }
+
   @media #{$QUERY-sm} {
     font-size: 28px;
   }
@@ -89,7 +93,7 @@
   position: relative;
   min-width: 100px;
   height: 64px;
-  margin-bottom: 64px;
+  margin-bottom: 34px;
 
   @media #{$QUERY-sm} {
     margin-bottom: 0;

package/lib/components/LogoSection/Logos.tsx

@@ -3,7 +3,11 @@ import { useState, useEffect } from "react";
 import styles from "./styles.module.scss";
 import Container from "../Container";
 import Dropdown from "./Dropdown";
-import { SERVICES, INDUSTRIES_GERMAN, INDUSTRIES_DISPLAY_LABELS } from "../constants";
+import {
+  SERVICES,
+  INDUSTRIES_GERMAN,
+  INDUSTRIES_DISPLAY_LABELS,
+} from "../constants";
 import { NextImage } from "../../types";
 import { motion, AnimatePresence } from "motion/react";
 
@@ -80,7 +84,7 @@ const Logos = ({
             return true;
           }
           return false;
-        })
+        }),
       );
     }, 400);
 
@@ -99,9 +103,8 @@ const Logos = ({
             }`}
             onClick={() => {
               setSelected({ category: "featured", tag: "featured" });
-            }}
-          >
-            featured
+            }}>
+            Featured
           </button>
 
           <Dropdown
@@ -134,8 +137,7 @@ const Logos = ({
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: 10 }}
                 transition={{ duration: 0.45 }}
-                layout
-              >
+                layout>
                 <Image
                   src={data?.image?.sourceUrl || ""}
                   alt={data?.title || ""}

package/lib/components/ServiceHubsTeaserEffects/TileBalls.tsx

@@ -26,7 +26,7 @@ const TileBalls = () => {
         textAlign="center"
         color="#fff"
         font="/Karelia-Medium.otf">
-        Content and{"\n"}Campaigning
+        Content &{"\n"}Campaigning
       </Text>
     </Canvas>
   );

package/lib/components/case/Top/styles.module.scss

@@ -144,7 +144,7 @@
 
 .award {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
 
   @media #{$QUERY-sm} {
     max-width: 106px;
@@ -168,7 +168,7 @@
 
   img {
     width: 100%;
-    height: 100%;
+    height: auto;
     object-fit: contain;
   }
 }

package/lib/components/cases/Items/index.tsx

@@ -6,7 +6,11 @@ import styles from "./styles.module.scss";
 import Arrow from "../../../assets/svg/arrow.svg";
 import { Case, NextImage, NextLink, NextRouter } from "../../../types";
 import Top from "../Top";
-import { SERVICES, INDUSTRIES_GERMAN, INDUSTRIES_DISPLAY_LABELS } from "../../constants";
+import {
+  SERVICES,
+  INDUSTRIES_GERMAN,
+  INDUSTRIES_DISPLAY_LABELS,
+} from "../../constants";
 import { usePathname } from "next/navigation";
 
 function Cases({

package/lib/components/cases/Top/index.tsx

@@ -42,9 +42,8 @@ const Top = ({
             setSelected({ category: "featured", tag: "featured" });
             const params = new URLSearchParams();
             router.push(`?${params.toString()}`);
-          }}
-        >
-          featured
+          }}>
+          Featured
         </button>
 
         <Dropdown

package/package.json

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