gatsby-core-theme 44.25.3 → 44.26.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [44.26.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.26.0...v44.26.1) (2026-06-10)
+
+
+### Bug Fixes
+
+* update operator cta ([8614ca6](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/8614ca6112b95852b1d78b75ce34e380876bd33e))
+
+
+* Merge branch 'en-531-data-attributes' into 'master' ([3e06e32](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/3e06e32253e79ccc1cfc41bea38f5e5a22aa3596))
+
+# [44.26.0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.25.3...v44.26.0) (2026-06-10)
+
+
+* Merge branch 'EN-494/content-template-four' into 'master' ([2029c81](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/2029c81166c9c3ada7c133831d62c377fe7ab887))
+
+
+### Features
+
+* add content template four ([217253c](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/217253c8f3eeab92639ec5d004c343b1e61f441c))
+
 ## [44.25.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.25.2...v44.25.3) (2026-06-08)
 
 

package/package.json

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

package/src/components/atoms/button/operator-cta.js

@@ -7,6 +7,7 @@ import { prettyTracker } from '~helpers/getters';
 import { trackerLinkActive } from '~helpers/tracker';
 import styles from './button.module.scss';
 import useCtaClickHandler from '../../../hooks/useCtaClickHandler/index';
+import operatorTypes from "../../../constants/operatorTypes";
 
 const OperatorCtaButton = ({
   operator,
@@ -70,6 +71,8 @@ const OperatorCtaButton = ({
   const classes = `${styles[buttonType] || ''} ${status && styles[status] ? styles[status] : ''} ${buttonSize ? styles[`${buttonSize}_size`] : ''
     } `;
 
+  const operatorName = operator?.short_name || operator?.name || undefined;
+  const dataModule = moduleName && modulePosition ? `${moduleName}-${modulePosition}` : undefined;
   return (
     trackerLinkActive(operator, tracker) && status === "active" ? (
       <a
@@ -83,6 +86,13 @@ const OperatorCtaButton = ({
         target="_blank"
         rel={rel}
         onClick={handleCtaClick}
+        data-interaction="outbound-click"
+        {...(operator?.type && { 'data-vertical': operatorTypes[operator?.type] || operator?.type })}
+        {...(operatorName && { 'data-operator': operatorName })}
+        {...(trackerType && { 'data-tracker': trackerType })}
+        {...(modulePosition && { 'data-location': modulePosition })}
+        {...(itemPosition && { 'data-position': itemPosition })}
+        {...(dataModule && { 'data-module': dataModule })}
       >
         {translateBtn}
         {icon && icon}
@@ -103,6 +113,8 @@ OperatorCtaButton.propTypes = {
   operator: PropTypes.shape({
     name: PropTypes.string,
     status: PropTypes.string,
+    short_name: PropTypes.string,
+    type: PropTypes.string,
   }),
   titleSuffix: PropTypes.string,
   gtmClass: PropTypes.string,

package/src/components/molecules/content/content.module.scss

@@ -317,3 +317,50 @@ ul, ol{
 .three-column-block {
   grid-template-columns: repeat(3, 1fr);
 }
+
+.templateFour {
+  h2 {
+    margin-top: 0;
+    margin-bottom: 2.4rem;
+    color: #1B1B1C;
+    text-transform: capitalize;
+  }
+
+  img {
+    min-width: 34.3rem;
+    width: 100%;
+    height: auto;
+    border-radius: 1.6rem;
+
+    @include min(desktop) {
+      min-width: 46rem;
+      border-radius: 2.4rem;
+    }
+  }
+  /* stylelint-disable no-descending-specificity */
+   p {
+    --paragraph-content-first-margin-bottom: 0;
+
+    color: #515156;
+    text-align: left;
+    margin-bottom: 0 !important;
+  }
+
+  .column {
+    display: flex;
+    flex-direction: column;
+    gap: 4rem;
+
+    @include min(tablet) {
+      display: grid;
+    }
+
+     >:has(p > img) {
+      order: 2;
+
+      @include min(tablet) {
+        order: unset;
+      }
+    }
+  }
+}

package/src/components/molecules/content/index.js

@@ -40,6 +40,8 @@ const Content = ({
         return `${table.templateTwo || ''}`
       case 'template_three':
         return `${table.templateOne || ''} ${frame.frame || ''}`
+      case 'template_four':
+        return `${styles.templateFour || ''}`
       default:
         return `${table.templateOne || ''}`
     }

package/src/components/molecules/module/module.module.scss

@@ -29,4 +29,14 @@
 
 .archiveModule_suspense {
   min-height: 100rem;
+}
+
+.content-module:has([class*="templateFour"]) {
+  --max-width-content: 96rem;
+
+  background-color: var(--content-template-four-bg-color, #fff);
+
+  @include min(desktop) {
+    --padding-content-min-tablet: 0;
+  }
 }

package/src/constants/operatorTypes.js

@@ -0,0 +1,4 @@
+export default {
+  casino: "casino",
+  sportsbook: "sportsbook",
+};