gatsby-matrix-theme 19.0.12 → 20.0.1

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## [20.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v20.0.0...v20.0.1) (2023-04-24)
+
+
+### Bug Fixes
+
+* remove isMobile ([befe963](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/befe963a221573c8ff859580109977955a5ab935))
+* updated to latest core theme ([b0a3c81](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b0a3c8149d009ebe63cffd3e959ac2e58e28af8a))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([48570f2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/48570f203ec0a8e0e3ced3a9fff62658d5977c0f))
+* Merge branch 'tm-3350-tabs' into 'master' ([cf86cfb](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/cf86cfbc6a3379131ac4700e31e31abaccd138ee))
+
+# [20.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v19.0.12...v20.0.0) (2023-04-20)
+
+
+### Code Refactoring
+
+* changes to article author as link styles ([2cf5eaa](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2cf5eaaadbe1ad34616d3d5ffae2bc70cb789c9d))
+* changes to bonus on operator and article cards ([006c7be](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/006c7befa3f6d2c7143772d6bd523dae2cf21051))
+* reverse temp ([595e0fa](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/595e0fa573f9177e4bbb3d05c74f10659099bbb7))
+* temp ([aa172b2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/aa172b2c49642e4949c7818d0ed68c66fcef652b))
+* update comparison table bonus flex align for w3c ([de03e02](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/de03e02a82cb8eb7affe343bce35a77448c00bd9))
+* update footer templates anchor class for w3c ([016392b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/016392bbf770d61596ff7abdcdcb62941bb0ce5d))
+
+
+### Config
+
+* update core version ([4138be9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4138be91fb02ef847398811ffb2adab8458bc2fb))
+
+
+* Merge branch 'tm-3386-w3-validator-fixes' into 'master' ([2c0f950](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2c0f95038fde6b66cab24ba0c1f449ad543ee2da))
+* Merge branch 'tm-3309-operator-cards' into 'master' ([e43c67e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e43c67e9b6961937b5caa0276be14b6be419825e))
+* Merge branch 'master' into tm-3309-operator-cards ([c8e8c70](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c8e8c7052a44a00b8b8ad63a5d2116aca3bda990))
+* Merge branch 'master' into tm-3309-operator-cards ([7b455f4](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7b455f4a4d8ab57b3f8b326e75ab0b6ad4eb3a3f))
+
 ## [19.0.12](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v19.0.11...v19.0.12) (2023-04-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "19.0.12",
+  "version": "20.0.1",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "20.0.11",
+    "gatsby-core-theme": "21.0.1",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/atoms/cards/article-card/template-one/article-card.module.scss

@@ -53,9 +53,19 @@
     @include flex-align(flex-start, flex-start);
     gap: .2rem;
     flex-grow: 1;
-    >span {
+    > span {
       flex-grow: 1;
-      @include flex-align(flex-end, flex-end);
+      @include flex-align(flex-start, flex-start);
+
+      + span {
+        justify-content: flex-end;
+      }
+    }
+
+    > a {
+      + span {
+        justify-content: flex-end;
+      }
     }
   }
 }

package/src/components/atoms/cards/article-card/template-one/template-one.stories.js

@@ -10,6 +10,12 @@ export default {
       description: 'Set true to show the Template 2',
       name: 'Template 2',
     },
+    showAuthorAsLink: {
+      name: 'showAuthorAsLink',
+      type: { name: 'boolean', required: false },
+      defaultValue: false,
+      description: 'Show author as a link?',
+    },
     showDate: {
       name: 'showDate',
       type: { name: 'boolean', required: false },

package/src/components/atoms/cards/comparison-table/table/table.module.scss

@@ -80,7 +80,7 @@
 
     .bonus {
       @include flex-direction(column);
-      @include flex-align(flex-start, column);
+      @include flex-align(flex-start, flex-start);
       span:first-child {
         font-size: 1.6rem;
         line-height: 22px;

package/src/components/atoms/cards/operator-card/template-four/template-four.module.scss

@@ -51,23 +51,11 @@
 }
 
 .casinoText {
-  @include flex-align(flex-start, space-between);
+  @include flex-align(center, space-between);
   width: 100%;
   flex-direction: column;
   overflow: hidden;
-
-  span {
-    width: 100%;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 1.6rem;
-    line-height: 2.7rem;
-    @include flex-align(center, center);
-    text-align: center;
-    text-transform: capitalize;
-    color: var(--color-50);
-    padding: 0;
-  }
+  text-align: center;
 }
 
 .cardFooter {

package/src/components/atoms/cards/operator-card/template-one/template-one.module.scss

@@ -22,7 +22,7 @@
 }
 
 .casinoText {
-  @include flex-align(flex-start, center);
+  @include flex-align(center, center);
   width: 100%;
   flex-direction: column;
   padding: 1.6rem;
@@ -31,19 +31,7 @@
   border: 1.5px dashed var(--color-55);
   border-radius: 1.2rem;
   flex: 1;
-
-  span {
-    width: 100%;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 1.6rem;
-    line-height: 2.7rem;
-    @include flex-align(center, center);
-    text-align: center;
-    text-transform: capitalize;
-    color: var(--color-50);
-    padding: 0;
-  }
+  text-align: center;
 }
 
 .cardFooter {

package/src/components/atoms/cards/operator-card/template-three/template-three.module.scss

@@ -21,7 +21,7 @@
 }
 
 .casinoText {
-  @include flex-align(flex-start, space-between);
+  @include flex-align(center, space-between);
   width: 100%;
   flex-direction: column;
   padding: 1.6rem;
@@ -29,19 +29,7 @@
   background: var(--color-54);
   border: 1.5px dashed var(--color-55);
   border-radius: 1.2rem;
-
-  span {
-    width: 100%;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 1.6rem;
-    line-height: 2.7rem;
-    @include flex-align(center, center);
-    text-align: center;
-    text-transform: capitalize;
-    color: var(--color-50);
-    padding: 0;
-  }
+  text-align: center;
 }
 
 .cardFooter {

package/src/components/atoms/cards/operator-card/template-two/template-two.module.scss

@@ -27,19 +27,7 @@
   width: 100%;
   flex-direction: column;
   overflow: hidden;
-
-  span {
-    width: 100%;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 1.6rem;
-    line-height: 2.7rem;
-    @include flex-align(center, center);
-    text-align: center;
-    text-transform: capitalize;
-    color: var(--color-50);
-    padding: 0;
-  }
+  text-align: center;
 }
 
 .cardFooter {

package/src/components/molecules/footer/variants/template-one/template-one.stories.js

@@ -24,7 +24,7 @@ const helpText = `
     href="https://www.begambleaware.org/"
     target="_blank"
     rel="nofollow"
-    className="footer-gtm"
+    class="footer-gtm"
   >
     website
   </a>

package/src/components/molecules/footer/variants/template-three/template-three.stories.js

@@ -24,7 +24,7 @@ const helpText = `
     href="https://www.begambleaware.org/"
     target="_blank"
     rel="nofollow"
-    className="footer-gtm"
+    class="footer-gtm"
   >
     website
   </a>

package/src/components/molecules/footer/variants/template-two/template-two.stories.js

@@ -24,7 +24,7 @@ const helpText = `
     href="https://www.begambleaware.org/"
     target="_blank"
     rel="nofollow"
-    className="footer-gtm"
+    class="footer-gtm"
   >
     website
   </a>

package/src/gatsby-core-theme/components/molecules/footer/index.js

@@ -35,7 +35,7 @@ const Footer = (props) => {
       href="https://www.begambleaware.org/"
       target="_blank"
       rel="nofollow"
-      className="footer-gtm"
+      class="footer-gtm"
     >
       website
     </a>

package/src/gatsby-core-theme/hooks/tabs/tab/tab-list.js

@@ -6,7 +6,6 @@ import PropTypes from 'prop-types';
 import Tab from 'gatsby-core-theme/src/hooks/tabs/tab/tab';
 import styles from './tab-list.module.scss';
 import keygen from '~helpers/keygen';
-import useWindowSize from '~hooks/useWindowSize';
 import { closeOtherSelects } from '~helpers/select';
 
 const TabList = ({
@@ -35,8 +34,6 @@ const TabList = ({
     filterBtn.current.classList.toggle(styles.flip);
   }
 
-  const [width] = useWindowSize();
-  const isMobile = width < 992;
   return (
     <div className={`${styles.tabList} ${alignRight && styles.right}`}>
       <button
@@ -52,7 +49,6 @@ const TabList = ({
         {tabItems.map((item, index) => {
           if (item === null) return null;
           const { label } = item.props;
-          if (isMobile && label === activeTab.split('_')[0]) return null;
           return (
             <Tab
               activeTab={activeTab}

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

@@ -2,6 +2,7 @@
   @include flex-align(center, flex-start);
   position: relative;
   margin: 0 0 2rem 0;
+  height: fit-content;
   &.right {
     display: unset;
     @include min(tablet){
@@ -49,6 +50,7 @@
   .list {
     width: 100%;
     top: 100%;
+    margin-top: 0.5rem;
     @include max(tablet) {
       @include visibility;
       transition: visibility 0s linear 0s, opacity 0s linear;

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

@@ -11,7 +11,7 @@
 
   button {
     background: white;
-    padding: 1.5rem 2rem;
+    padding: 1.5rem 1rem;
     text-transform: capitalize;
     font-weight: bold;
     color: #08202e;
@@ -27,6 +27,9 @@
   }
 
   .active {
+    @include max(tablet){
+      display: none;
+    }
     @include min(laptop) {
       background: #00889e;
       box-shadow: 0 0.2rem 0.4rem rgba(21, 14, 6, 0.15);

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

@@ -71,6 +71,7 @@
     font-weight: 700;
     text-align: left;
     font-size: 1.6rem;
+    white-space: nowrap;
   }
 }
 

package/storybook/public/iframe.html

@@ -345,4 +345,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.411e0a84.iframe.bundle.js"></script><script src="627.5f6bcbc9.iframe.bundle.js"></script><script src="main.d1c22672.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.411e0a84.iframe.bundle.js"></script><script src="627.5f6bcbc9.iframe.bundle.js"></script><script src="main.574da9bb.iframe.bundle.js"></script></body></html>