gatsby-matrix-theme 3.2.11 → 3.2.12

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## [3.2.12](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.11...v3.2.12) (2022-01-18)
+
+
+### Bug Fixes
+
+* make style ([7bdee3c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7bdee3cca0ed0734030933a28704dbb70c7c61ad))
+* removed slider from anchor module ([f0ed893](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f0ed893e51c19ec7264827f1dc6a30f2c91c0c2e))
+* small fix ([5c331cf](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5c331cf2de55270811ffa316cd3d39c98c013176))
+* update aria-label on newsletter inputs ([23b9bb9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/23b9bb91aab8ea57291989b01423ca27ee97c3b4))
+
+
+### Code Refactoring
+
+* update html.js for w3 validator ([ffb2aa5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ffb2aa5ae3051657dd427571f99e9feed1eca642))
+
+
+### Config
+
+* updated theme version ([98954f3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/98954f3a11f851ee66d620a32b1feac013f2642f))
+
+
+* Merge branch 'tm-2567-update-theme-for-w3-validator' into 'master' ([1bb11dd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1bb11dded1f44fce70f0ac22bcc151f19cb92cfe))
+* Merge branch 'tm-2655-anchor-module' into 'master' ([cfd8d53](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/cfd8d538e7b450fd1cf49e0ba10cd7f575d482f7))
+* Merge branch 'tm-2567-update-theme-for-w3-validator' into 'master' ([7038322](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/703832269572f3bd5791d56c3a7747a72e1f4fb7))
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([e0925b2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e0925b293b241bfbe7ba2138838270ac2ad465d1))
+* Merge branch 'tm-2585-comparisonTabel' into 'master' ([f36ce52](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f36ce52fc6f847cc89c03fc83269d023fcb1774d))
+
 ## [3.2.11](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.10...v3.2.11) (2022-01-13)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.11",
+  "version": "3.2.12",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -31,7 +31,7 @@
     "cross-env": "^7.0.2",
     "dotenv": "8.2.0",
     "gatsby": "^3.3.1",
-    "gatsby-core-theme": "^2.1.0",
+    "gatsby-core-theme": "^2.2.0",
     "gatsby-image": "^3.3.0",
     "gatsby-plugin-image": "^1.3.1",
     "gatsby-plugin-postcss": "^4.3.0",

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

@@ -1,8 +1,8 @@
 .table {
   cursor: grabbing;
   tr {
-    grid-template-columns: 15.2rem 27rem;
-    grid-auto-columns: 27rem;
+    grid-template-columns: 15.2rem 30rem;
+    grid-auto-columns: 30rem;
     grid-auto-flow: column;
     display: grid;
 
@@ -44,7 +44,7 @@
     }
     .casinoName {
       @include flex-direction(row);
-      @include flex-align(center, space-between);
+      @include flex-align(center, flex-start);
       padding: 1.6rem;
       img {
         border: 1px solid var(--color-9);
@@ -131,7 +131,7 @@
         width: 4.4rem;
         height: 2.4rem;
         padding: 0.499rem 0.8rem;
-        color: #17182f;
+        display: inline-block;
       }
     }
     .paymentMethods {
@@ -144,7 +144,7 @@
         font-size: 14px;
         line-height: 18px;
         object-fit: contain;
-        color: white;
+        color: black;
         margin-bottom: 0.5rem;
         margin-top: 0.5rem;
         img {
@@ -175,7 +175,8 @@
     .licenses {
       padding: 1.1rem;
       img {
-        max-height: 3.2rem;
+        display: inline-block;
+        height: 3.2rem;
         width: 7.2rem;
         object-fit: contain;
         background-color: #fff;

package/src/components/atoms/newsletter/form/index.js

@@ -45,8 +45,8 @@ const NewsletterForm =({
     }
     return(
         <form action={formAction} method="post" ref={form} onSubmit={handelSubmit}>
-            <input type="hidden" name="listname" aria-label="listname" aria-hidden="true" value={newsletterListId} />
-            <input type="hidden" name="redirect" aria-label="redirect" aria-hidden="true" value={redirectUrl} />
+            <input type="hidden" name="listname" aria-label="listname-hidden" value={newsletterListId} />
+            <input type="hidden" name="redirect" aria-label="redirect-hidden" value={redirectUrl} />
             <input className={styles.input} placeholder={placeholderName} type="text" name="name" />
             <input className={styles.input} placeholder={placeholderEmail}  type="email" name="email"  />
             <button className={styles.button} type="submit">{buttonText}</button>

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

@@ -16,6 +16,7 @@ const Footer = ({
   template,
   page,
   hasFooterLinks = false,
+  hasDisclaimer = true,
 }) => {
   const TopSection = footerTopCustom;
   const BottomSection = footerBottomCustom;
@@ -62,7 +63,7 @@ const Footer = ({
               gtmClass="mobile-menu-gtm logo-cta"
             />
           )}
-          <Disclaimer image={dmcaImg} />
+          {hasDisclaimer && <Disclaimer image={dmcaImg} />}
         </div>
       </div>
     </footer>
@@ -91,4 +92,5 @@ Footer.propTypes = {
   // eslint-disable-next-line react/forbid-prop-types
   page: PropTypes.object,
   hasFooterLinks: PropTypes.bool,
+  hasDisclaimer: PropTypes.bool,
 };

package/src/gatsby-core-theme/components/organisms/anchor/anchor.module.scss

@@ -1,4 +1,15 @@
-.sliderWrapper {
+.anchor {
+  @include flex-direction(row);
+  &::-webkit-scrollbar {
+    height: 0.5rem;
+  }
+  &::-webkit-scrollbar-track {
+    background: #fff;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: var(--anchor-thumb-color);
+  }
+  overflow-x: scroll;
   .link {
     word-break: inherit;
     white-space: nowrap;
@@ -8,6 +19,8 @@
     color: #000;
     font-weight: 400;
     @include flex-align(center, center);
+    margin-right: 1.6rem;
+    margin-bottom: 0.5rem;
 
     svg {
       margin-left: 1rem;

package/src/gatsby-core-theme/components/organisms/anchor/index.js

@@ -1,17 +1,10 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import Slider from '~molecules/slider';
 import keygen from '~helpers/keygen';
 import { anchorLink } from '~helpers/strings';
 import styles from './anchor.module.scss';
 
-function Anchor({
-  module: { items },
-  headerOffset = 80,
-  sliderGap = 0,
-  isFixed = false,
-  icon = null,
-}) {
+function Anchor({ module: { items }, headerOffset = 80, isFixed = false, icon = null }) {
   const [isFixedMenu, setIsFixedMenu] = useState(false);
   if (isFixed && typeof window !== 'undefined') {
     window.addEventListener('scroll', () => {
@@ -48,13 +41,7 @@ function Anchor({
   return (
     <div id="faq-container">
       <div className={isFixedMenu && styles.isFixed}>
-        <Slider
-          useArrows={false}
-          usePagination={false}
-          settings={{ numberOfSlides: 0, sliderGap }}
-          className={styles.sliderWrapper}
-          gtmClass="anchor-carousel-gtm"
-        >
+        <div className={styles.anchor} gtmClass="anchor-carousel-gtm">
           {items?.map((anchor) => (
             <a
               className={`${styles.link} anchor-carousel-gtm anchor-menu-gtm`}
@@ -66,7 +53,7 @@ function Anchor({
               {icon}
             </a>
           ))}
-        </Slider>
+        </div>
       </div>
     </div>
   );
@@ -81,7 +68,6 @@ Anchor.propTypes = {
     ),
   }).isRequired,
   headerOffset: PropTypes.number.isRequired,
-  sliderGap: PropTypes.number,
   styles: PropTypes.shape({}),
   isFixed: PropTypes.bool,
   icon: PropTypes.element,

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.ce98447d.iframe.bundle.js"></script><script src="vendors~main.8e6f3896.iframe.bundle.js"></script><script src="main.35c61ead.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.ce98447d.iframe.bundle.js"></script><script src="vendors~main.7fc7de06.iframe.bundle.js"></script><script src="main.cb46f94c.iframe.bundle.js"></script></body></html>