gatsby-matrix-theme 48.0.10 → 48.0.11

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [48.0.11](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v48.0.10...v48.0.11) (2024-08-02)
+
+
+### Bug Fixes
+
+* eslint and lighthuse ([fbc9737](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fbc973767bd040b1b94851ab8c16c7de8de1f87a))
+* eslint and lighthuse ([15ddae3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/15ddae342ea5a98b5b56532566f4d4aaacde40e9))
+* eslint and lighthuse ([066c684](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/066c684602bc501172e91a53d0f7110f24dedc51))
+* fix tests ([990dd87](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/990dd874d853b383251145b6108d819abfa90509))
+* update theme ([d4b63aa](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d4b63aab5c0305e1ec55cd466408f6e1a8595547))
+
+
+### Config
+
+* update theme ([1c92d27](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1c92d27f40f9a13d41b69ef06c44e758926a7800))
+
 ## [48.0.10](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v48.0.9...v48.0.10) (2024-07-29)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "48.0.10",
+  "version": "48.0.11",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "35.0.8",
+    "gatsby-core-theme": "35.1.1",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "prop-types": "15.7.2",

package/src/components/molecules/header/variants/operator/template-four/template-four.test.js

@@ -2,17 +2,16 @@
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-import getOperatorData from '../../../../../../../tests/factories/pages/operator.factory';
+import getOperatorData from 'gatsby-core-theme/tests/factories/relations/operator.factory';
 import TemplateFour from '.';
 
 describe('Operator template four component', () => {
   const data = getOperatorData();
 
   test('Template Four Status Active', () => {
-    const { container, getByText } = render(<TemplateFour {...data} />);
+    const { container, getByText } = render(<TemplateFour {...data} type='operator' />);
     expect(getByText('Ice Casino')).toBeTruthy();
     expect(container.querySelectorAll('h1')).toHaveLength(1);
-    expect(getByText('New')).toBeTruthy();
     expect(container.querySelectorAll('a')).toHaveLength(3);
     expect(getByText('100% Bonus')).toBeTruthy();
     expect(getByText('+ Big Promotions')).toBeTruthy();

package/src/components/molecules/header/variants/operator/template-three/template-three.test.js

@@ -2,17 +2,16 @@
 import React from 'react';
 import { render, cleanup, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-import getOperatorData from '../../../../../../../tests/factories/pages/operator.factory';
+import getOperatorData from 'gatsby-core-theme/tests/factories/relations/operator.factory';
 import TemplateThree from '.';
 
 describe('Operator template three component', () => {
   const data = getOperatorData();
 
   test('Template Three Status Active', () => {
-    const { container, getByText } = render(<TemplateThree {...data} />);
+    const { container, getByText } = render(<TemplateThree {...data}  type="operator" />);
     expect(getByText('Ice Casino')).toBeTruthy();
     expect(container.querySelectorAll('h1')).toHaveLength(1);
-    expect(getByText('New')).toBeTruthy();
     expect(container.querySelectorAll('a')).toHaveLength(3);
     expect(getByText('100% Bonus')).toBeTruthy();
     expect(getByText('+ Big Promotions')).toBeTruthy();
@@ -20,7 +19,7 @@ describe('Operator template three component', () => {
     expect(container.querySelectorAll('li')).toHaveLength(6);
   });
   test('Template Three variable component', async () => {
-    const { container } = render(<TemplateThree {...data} hasVariableComponent />);
+    const { container } = render(<TemplateThree {...data} hasVariableComponent  type="operator"  />);
 
     await waitFor(() => {
       expect(container.querySelector('.variable')).toBeTruthy();

package/src/gatsby-core-theme/hooks/tabs/tabs.module.scss

@@ -1,76 +1,81 @@
+.titleAndTab {
+  width: 100%;
+
+  @include flex-direction(column);
+  @include flex-align(center, space-between);
+
+  gap: 0.8rem;
+  flex-wrap: wrap;
+
+  > * {
+    flex: 0 0 30%;
+
+    @include min(tablet) {
+      flex: unset;
+    }
+  }
+  
+  > h2 {
+    flex: 0 0 58%;
+
+    @include min(tablet) {
+      flex: 1;
+    }
+  }
+}
+
 .tabsHeader {
   display: grid;
   grid-template-columns: auto;
-  &.invertOrder {
-    grid-template-columns: max-content;
-    margin-bottom: 2rem;
-  }
+
   @include min(tablet) {
     grid-template-columns: 1fr 1fr;
+
     &.tabsonly {
       grid-template-columns: 1fr;
     }
+  }
 
-    &.invertOrder {
-      grid-template-columns: max-content;
-      margin-bottom: 2rem;
-    }
+  h2 {
+    margin: 0;
   }
-  &.invertOrder {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    > div:first-child {
-      grid-column: 2;
-    }
-    @include min(laptop) {
-      // flex-direction: row;
-      align-items: center;
-    }
+}
 
-    > div:nth-child(2) {
-      grid-column: 1;
-      @include flex-align(center, flex-start);
-      display: block;
-    }
+.invertOrder {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  margin-bottom: 2rem;
 
-    .titleAndTab {
-      flex-direction: row;
+  @include min(tablet) {
+    grid-template-columns: max-content;
+    margin-bottom: 2rem;
+  }
 
-      button,
-      ol {
-        @include min(tablet) {
-          width: 100%;
-        }
-      }
-    }
+  @include min(laptop) {
+    align-items: center;
   }
 
-  h2 {
-    margin: 0;
+  > div:first-child {
+    grid-column: 2;
   }
-}
 
-.titleAndTab {
-  width: 100%;
-  @include flex-direction(column);
-  @include flex-align(center, space-between);
-  gap: 0.8rem;
-  flex-wrap: wrap;
+  > div:nth-child(2) {
+    grid-column: 1;
 
-  > * {
-    flex: 0 0 30%;
+    @include flex-align(center, flex-start);
 
-    @include min(tablet) {
-      flex: unset;
-    }
+    display: block;
   }
-  
-  > h2 {
-    flex: 0 0 58%;
 
-    @include min(tablet) {
-      flex: 1;
+  .titleAndTab {
+    flex-direction: row;
+
+    button,
+    ol {
+      @include min(tablet) {
+        width: 100%;
+      }
     }
   }
 }
@@ -82,7 +87,7 @@
     padding: 0.9rem 2rem;
     border: 0;
     border-radius: 0.4rem;
-    box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0.1rem 0.2rem 0 rgb(0 0 0 / 20%);
     background: var(--color-9);
     color: var(--color-22);
     font-weight: 700;