gatsby-core-theme 44.9.2 → 44.9.4

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [44.9.4](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.9.3...v44.9.4) (2025-12-05)
+
+
+### Bug Fixes
+
+* image dimensions ([a026013](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/a026013c65d00e78f6764aa2d57a4e9e254de7f3))
+
+## [44.9.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.9.2...v44.9.3) (2025-12-04)
+
+
+### Bug Fixes
+
+* update spotlights ([415fe58](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/415fe5856b1cb9a437c55267e971bf42625b7687))
+
 ## [44.9.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.9.1...v44.9.2) (2025-12-04)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "44.9.2",
+  "version": "44.9.4",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/molecules/spotlights_v2/image-text/template-five/index.js

@@ -7,8 +7,8 @@ import Item from './item';
 export default function TemplateOne({
   module,
   scrollableContent = false,
-  width = 104,
-  height = 104,
+  width = 240,
+  height = 240,
   modulePosition
 }) {
   const { items } = module;

package/src/components/molecules/spotlights_v2/image-text/template-five/item/index.js

@@ -15,34 +15,35 @@ export default function TemplateOne({
   width = 240,
   height = 240,
   index
-}) {  
+}) {
   const TitleTag = item?.title_tag || "label";
-  
+
   return (
     <div className={styles.item}>
-      <div>
-        <span className={styles.number}>{index}</span>
-      </div>
+      <div className={styles.leftContainer}>
+        <div>
+          <span className={styles.number}>{index}</span>
+        </div>
         <div className={styles.content}>
-        {item?.label && <TitleTag>{item?.label}</TitleTag>}
-        {item?.text && (
-          <div
-            tabIndex={`${scrollableContent ? 0 : -1}`}
-            className={`${styles.desc} ${
-              scrollableContent ? styles.scroll : ""
-            }`}
-            dangerouslySetInnerHTML={{ __html: item?.text }}
-          />
-        )}
+          {item?.label && <TitleTag>{item?.label}</TitleTag>}
+          {item?.text && (
+            <div
+              tabIndex={`${scrollableContent ? 0 : -1}`}
+              className={`${styles.desc} ${scrollableContent ? styles.scroll : ""
+                }`}
+              dangerouslySetInnerHTML={{ __html: item?.text }}
+            />
+          )}
         </div>
-          {item?.image && (
-          <LazyImage
-            width={width}
-            height={height}
-            src={imagePrettyUrl(item?.image, width, height)}
-            alt={getAltText(item?.image_object, item?.label)}
-          />
-        )}
+      </div>
+      {item?.image && (
+        <LazyImage
+          width={width}
+          height={height}
+          src={imagePrettyUrl(item?.image, width, height)}
+          alt={getAltText(item?.image_object, item?.label)}
+        />
+      )}
     </div>
   );
 }

package/src/components/molecules/spotlights_v2/image-text/template-five/item/style.module.scss

@@ -6,7 +6,7 @@
   align-items: flex-start;
 
 
-  > label {
+  >label {
     font-size: 2.4rem;
     font-weight: 600;
     line-height: 3.2rem;
@@ -17,13 +17,14 @@
     }
   }
 
-  > h2,
+  >h2,
   h3,
   h4 {
     font-size: 2.4rem;
     font-weight: 600;
     line-height: 3.2rem;
     color: #1B1B1C;
+    margin: 0;
 
     @include min(tablet) {
       grid-column: 2;
@@ -50,25 +51,35 @@
   height: 100%;
   padding-top: 2.4rem;
   padding-bottom: 2.4rem;
-  gap: 1.6rem;
+  gap: 3.2rem;
+
+  .leftContainer {
+    display: flex;
+    flex-direction: column;
+    gap: 1.6rem;
+
+    @include min(tablet) {
+      flex-direction: row
+    }
+  }
 
   @include flex-direction(column);
   @include flex-align(start, space-between);
 
   border-bottom: 2px solid #D63B54;
 
-    @include min(tablet) {
-     padding-top: 3.2rem;
-     padding-bottom: 3.2rem;
-     flex-direction: row;
-    }
+  @include min(tablet) {
+    padding-top: 3.2rem;
+    padding-bottom: 3.2rem;
+    flex-direction: row;
+  }
 
-  > a {
+  >a {
     height: 5.6rem;
     width: 100%;
   }
 
-    > img {
+  >img {
     width: 100%;
     height: 34rem;
     object-fit: cover;
@@ -137,7 +148,7 @@
   line-height: 2.7rem;
   cursor: pointer;
 
-  > svg {
+  >svg {
     margin-left: 0.4rem;
   }
 
@@ -146,12 +157,12 @@
   }
 }
 
-.topSection{
+.topSection {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
 
-    > h2,
+  >h2,
   h3,
   h4 {
     font-size: 2.4rem;
@@ -164,7 +175,7 @@
     }
   }
 
-  span{
+  span {
     margin-right: 1rem;
     background-color: #D63B54;
     width: 3.2rem;
@@ -181,16 +192,16 @@
   }
 }
 
-  .number{
-    background-color: #D63B54;
-    width: 3.2rem;
-    height: 3.2rem;
-    border-radius: 100%;
-    font-size: 1.4rem;
-    line-height: 2.2rem;
-    font-weight: 500;
-    color: #FDFEFD;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
+.number {
+  background-color: #D63B54;
+  width: 3.2rem;
+  height: 3.2rem;
+  border-radius: 100%;
+  font-size: 1.4rem;
+  line-height: 2.2rem;
+  font-weight: 500;
+  color: #FDFEFD;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}