foundry-component-library 0.2.22 → 0.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -50,7 +50,12 @@ const Awards = ({
50
50
  animate={{ opacity: 1, y: 0 }}
51
51
  transition={{ duration: 1 }}>
52
52
  <Container>
53
- {heading && <WavyText className={styles.heading} text={heading} />}
53
+ {heading && (
54
+ <WavyText
55
+ className={`${styles.heading} ${text ? "" : styles.morePadding}`}
56
+ text={heading}
57
+ />
58
+ )}
54
59
  {text && <FadeInText className={styles.subheading} text={text} />}
55
60
  </Container>
56
61
  <Container noMobilePadding>
@@ -15,6 +15,10 @@
15
15
  font-family: $font-secondary;
16
16
  margin-bottom: 24px;
17
17
 
18
+ &.morePadding {
19
+ margin-bottom: 64px;
20
+ }
21
+
18
22
  @media #{$QUERY-sm} {
19
23
  font-size: 28px;
20
24
  }
@@ -89,7 +93,7 @@
89
93
  position: relative;
90
94
  min-width: 100px;
91
95
  height: 64px;
92
- margin-bottom: 64px;
96
+ margin-bottom: 34px;
93
97
 
94
98
  @media #{$QUERY-sm} {
95
99
  margin-bottom: 0;
@@ -3,7 +3,11 @@ import { useState, useEffect } from "react";
3
3
  import styles from "./styles.module.scss";
4
4
  import Container from "../Container";
5
5
  import Dropdown from "./Dropdown";
6
- import { SERVICES, INDUSTRIES_GERMAN, INDUSTRIES_DISPLAY_LABELS } from "../constants";
6
+ import {
7
+ SERVICES,
8
+ INDUSTRIES_GERMAN,
9
+ INDUSTRIES_DISPLAY_LABELS,
10
+ } from "../constants";
7
11
  import { NextImage } from "../../types";
8
12
  import { motion, AnimatePresence } from "motion/react";
9
13
 
@@ -80,7 +84,7 @@ const Logos = ({
80
84
  return true;
81
85
  }
82
86
  return false;
83
- })
87
+ }),
84
88
  );
85
89
  }, 400);
86
90
 
@@ -99,9 +103,8 @@ const Logos = ({
99
103
  }`}
100
104
  onClick={() => {
101
105
  setSelected({ category: "featured", tag: "featured" });
102
- }}
103
- >
104
- featured
106
+ }}>
107
+ Featured
105
108
  </button>
106
109
 
107
110
  <Dropdown
@@ -134,8 +137,7 @@ const Logos = ({
134
137
  animate={{ opacity: 1, y: 0 }}
135
138
  exit={{ opacity: 0, y: 10 }}
136
139
  transition={{ duration: 0.45 }}
137
- layout
138
- >
140
+ layout>
139
141
  <Image
140
142
  src={data?.image?.sourceUrl || ""}
141
143
  alt={data?.title || ""}
@@ -26,7 +26,7 @@ const TileBalls = () => {
26
26
  textAlign="center"
27
27
  color="#fff"
28
28
  font="/Karelia-Medium.otf">
29
- Content and{"\n"}Campaigning
29
+ Content &{"\n"}Campaigning
30
30
  </Text>
31
31
  </Canvas>
32
32
  );
@@ -144,7 +144,8 @@
144
144
 
145
145
  .award {
146
146
  display: flex;
147
- align-items: center;
147
+ align-items: flex-start;
148
+ margin-bottom: 10px;
148
149
 
149
150
  @media #{$QUERY-sm} {
150
151
  max-width: 106px;
@@ -168,7 +169,8 @@
168
169
 
169
170
  img {
170
171
  width: 100%;
171
- height: 100%;
172
+ height: auto;
173
+ max-height: 100%;
172
174
  object-fit: contain;
173
175
  }
174
176
  }
@@ -6,7 +6,11 @@ import styles from "./styles.module.scss";
6
6
  import Arrow from "../../../assets/svg/arrow.svg";
7
7
  import { Case, NextImage, NextLink, NextRouter } from "../../../types";
8
8
  import Top from "../Top";
9
- import { SERVICES, INDUSTRIES_GERMAN, INDUSTRIES_DISPLAY_LABELS } from "../../constants";
9
+ import {
10
+ SERVICES,
11
+ INDUSTRIES_GERMAN,
12
+ INDUSTRIES_DISPLAY_LABELS,
13
+ } from "../../constants";
10
14
  import { usePathname } from "next/navigation";
11
15
 
12
16
  function Cases({
@@ -42,9 +42,8 @@ const Top = ({
42
42
  setSelected({ category: "featured", tag: "featured" });
43
43
  const params = new URLSearchParams();
44
44
  router.push(`?${params.toString()}`);
45
- }}
46
- >
47
- featured
45
+ }}>
46
+ Featured
48
47
  </button>
49
48
 
50
49
  <Dropdown
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "foundry-component-library",
3
- "version": "0.2.22",
3
+ "version": "0.2.24",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",