gatsby-matrix-theme 3.2.4 → 3.2.8

package/CHANGELOG.md

@@ -1,3 +1,58 @@
+## [3.2.8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.7...v3.2.8) (2022-01-11)
+
+
+### Bug Fixes
+
+* bonus remove extra div ([5e108d0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5e108d024d9e671d9e12192436bb1c183a804977))
+* removed extra div in module title ([a483704](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a4837049445250db1641d49e055a173ac77d42cd))
+* removing extra divs ([1280197](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/12801975b30e758820e3a405a3e1eaafe02a45c9))
+* test bonus ([3bb0bd7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3bb0bd7713067852232579d62928902a1116c3fa))
+* updated core version and updated cards html ([6c22ad7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6c22ad752db25073d21e0d36d0b344bc39d1d6ad))
+
+
+### Config
+
+* changed site ([20d1730](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/20d17303c4e8716d82a7d57d2b0c1d67b44620e0))
+* updated theme ([f5304b1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f5304b1efd50e45d3b72cc846e1bd7abae6fe41c))
+
+
+* Merge branch 'cards-improvments' into 'master' ([fa54f54](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fa54f549817558c2a57441f9d49cc14d39634fd1))
+
+## [3.2.7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.6...v3.2.7) (2022-01-10)
+
+
+### Bug Fixes
+
+* content images ([11111d4](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/11111d431cf136001f908fe54fc866c5feaf74cf))
+
+## [3.2.6](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.5...v3.2.6) (2022-01-05)
+
+
+### Config
+
+* update theme version ([c08d8cc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c08d8cc6e17de76e947deafbf699bc6287ec64cc))
+
+## [3.2.5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.4...v3.2.5) (2022-01-05)
+
+
+### Code Refactoring
+
+* revert score gauge css for svg ([7fa0ffb](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7fa0ffb36844e4c3138c514f7ab979a3e092d035))
+* update charset, faq container, search close btn ([1237626](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1237626465c3d6a9ee1319efee2a500aadbac3ce))
+* update main font, empty classes, toplist title container ([3fef52f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3fef52fdf4bfcb36dedd0ed41a4dfd387d87eecc))
+* update meta html.js ([2b28e3b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2b28e3b29c3a52a0e599f7d150e16fbdc6e3c2ad))
+* update meta viewport for accessibility score ([fee21d7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fee21d7080549964eae87017907d465b492e5621))
+
+
+### Config
+
+* update core version ([c19beba](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c19bebaed7db3f091eb58595584d21959ecd651f))
+
+
+* Merge branch 'tm-2567-update-theme-for-w3-validator' into 'master' ([074e89e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/074e89ef00f88cfe7a589683da6d18af5f76765b))
+* Merge branch 'master' into tm-2567-update-theme-for-w3-validator ([76dd580](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/76dd5804d1adb8de1c1534fb964443cdd25534d6))
+* Merge branch 'master' into tm-2567-update-theme-for-w3-validator ([0ec7c3c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0ec7c3c798ad10fcbe698999e376178903972e79))
+
 ## [3.2.4](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.3...v3.2.4) (2022-01-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.4",
+  "version": "3.2.8",
   "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.0.14",
+    "gatsby-core-theme": "^2.0.19",
     "gatsby-image": "^3.3.0",
     "gatsby-plugin-image": "^1.3.1",
     "gatsby-plugin-postcss": "^4.3.0",

package/src/components/atoms/cards/base-card/index.js

@@ -22,18 +22,20 @@ const BaseCard = ({
   );
 
   return (
-    <div className={`${styles.baseCard} ${styles[cardType]} ${featured ? styles.featured : ''}`}>
-      <div className={styles.cardWrapper}>
-        {featured &&
-          (isLinked ? (
-            <Link to={path} title={title} className={`${styles.cardLink} base-card-gtm`}>
-              {imgContent}
-            </Link>
-          ) : (
-            <div className={styles.cardLink}>{imgContent}</div>
-          ))}
-        {children}
-      </div>
+    <div
+      className={`${styles.baseCard} ${styles[cardType]} ${featured ? styles.featured : ''} ${
+        styles.cardWrapper
+      }`}
+    >
+      {featured &&
+        (isLinked ? (
+          <Link to={path} title={title} className={`${styles.cardLink} base-card-gtm`}>
+            {imgContent}
+          </Link>
+        ) : (
+          <div className={styles.cardLink}>{imgContent}</div>
+        ))}
+      {children}
     </div>
   );
 };

package/src/components/atoms/table/banking/banking.module.scss

@@ -1,9 +1,10 @@
 .contain {
-    @include flex-align(column, center);
+    @include flex-align(stretch, center);
     @include flex-direction(column);
     min-height: 12rem;
   .row {
-    @include flex-align(row, space-between);
+    @include flex-align(stretch, space-between);
+    @include flex-direction(row);
     padding: 0 1.5rem;
     strong {
         max-width: 12rem;

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

@@ -26,7 +26,8 @@
                     @include flex-align (center, center);
                     margin-right: 0.5rem;
                 }
-                > div{
+                > span{
+                    display: block;
                     margin: 0;
                     margin-right: 2rem;
                     font-weight: 700;

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

@@ -66,14 +66,16 @@ const Faq = ({ module, openAll = true, openItem, closeOthers = false, icon = ''
               type="button"
               ref={(el) => (btnRefs.current[index] = el)}
             >
-              <div className={styles.icon}>
-                {icon && <div className={styles.circle}>{icon} </div>}
-                <div dangerouslySetInnerHTML={{ __html: item.question }} />
-              </div>
+              <span className={styles.icon}>
+                {icon && <span className={styles.circle}>{icon} </span>}
+                <span dangerouslySetInnerHTML={{ __html: item.question }} />
+              </span>
             </button>
-            <div className={styles.content} ref={(el) => (itemRefs.current[index] = el)}>
-              <div dangerouslySetInnerHTML={{ __html: item.answer }} />
-            </div>
+            <div
+              className={styles.content}
+              ref={(el) => (itemRefs.current[index] = el)}
+              dangerouslySetInnerHTML={{ __html: item.answer }}
+            />
           </div>
         ))}
       </div>

package/src/components/organisms/toplist/list/index.js

@@ -56,7 +56,7 @@ export default function List({
       <ul className={styles.list} key={keygen()}>
         {toplist.items.map((item, index) => (
           <li
-            className={index + 1 <= initLoadItems ? styles.show : ''}
+            className={index + 1 <= initLoadItems ? styles.show : null}
             key={keygen()}
             ref={(el) => addToRefs(el, index)}
           >

package/src/gatsby-core-theme/components/atoms/bonus/bonus.module.scss

@@ -1,15 +1,15 @@
-.bonus {
-  @include flex-direction(column);
-  div:first-child {
+// .bonus {
+//   @include flex-direction(column);
+  .title {
     font-size: 2rem;
     font-weight: 700;
     color: var(--primary-color);
     padding-right: 1rem;
   }
-  div:nth-child(2) {
+  .desc {
     font-size: 1.6rem;
     color: var(--color-22);
     font-weight: 700;
     padding: 0.5rem 0;
   }
-}
+// }

package/src/gatsby-core-theme/components/atoms/bonus/index.js

@@ -20,10 +20,10 @@ export default function Bonus({ item, tracker }) {
   }
 
   return (
-    <div className={styles.bonus}>
-      {!isInoperative && <div className={styles.title}>{mainLine && mainLine}</div>}
-      {!isInoperative && <div className={styles.desc}>{secondLine && `+${secondLine}`}</div>}
-    </div>
+    <>
+      {!isInoperative && <p className={styles.title}>{mainLine && mainLine}</p>}
+      {!isInoperative && <p className={styles.desc}>{secondLine && `+${secondLine}`}</p>}
+    </>
   );
 }
 

package/src/gatsby-core-theme/components/atoms/module-title/index.js

@@ -76,28 +76,34 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
 
   const template = pageContext && pageContext?.page?.template;
   return (
-    <div className={`${tabsToplist ? styles.tabsToplist : null}`}>
-      {(module.module_title ||
-        module.link_label ||
-        (module.title && (module.name === 'cards' || module.name === 'top_list'))) && (
-        <div
-          className={`${styles.moduleTitle} ${styles[template]} ${
-            module?.style && styles[module.style]
-          }`}
-        >
-          <span className={styles.spanToplist}>
-            {(module?.title || module.module_title) && getTitle(module)}
-          </span>
-
-          {module.link_label && (
-            <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>
-              {module.link_label}
-              {viewMoreIcon}
-            </Link>
-          )}
+    (module.module_title ||
+      (module.title && (module.name === 'cards' || module.name === 'top_list'))) &&
+    (module.link_label ? (
+      <div
+        className={`${styles.moduleTitle} ${styles[template]} ${
+          module?.style && styles[module.style]
+        } ${tabsToplist ? styles.tabsToplist : null}`}
+      >
+        <div className={styles.toplistTitle}>
+          {(module?.title || module.module_title) && getTitle(module)}
         </div>
-      )}
-    </div>
+
+        {module.link_label && (
+          <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>
+            {module.link_label}
+            {viewMoreIcon}
+          </Link>
+        )}
+      </div>
+    ) : (
+      <div
+        className={`${styles.moduleTitle} ${styles[template]} ${
+          module?.style && styles[module.style]
+        } ${styles.toplistTitle} ${tabsToplist ? styles.tabsToplist : null}`}
+      >
+        {(module?.title || module.module_title) && getTitle(module)}
+      </div>
+    ))
   );
 };
 

package/src/gatsby-core-theme/components/atoms/module-title/module-title.module.scss

@@ -30,7 +30,8 @@
       position: relative;
       left: -217px;
     }
-    .spanToplist{
+    .toplistTitle{
+      display: flex;
       h2{
         max-width: 461px;
         @include min(laptop){
@@ -47,6 +48,3 @@
     position: relative;
     bottom: 2px;
   }
-  .spanToplist{
-    display: flex;
-  }

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

@@ -34,12 +34,13 @@ const Content = ({ module }) => {
       }
       const lazyProps = {
         src: node.attribs.src,
-        width: node.attribs.width,
-        height: node.attribs.height,
+        width: node.attribs.width && node.attribs.width.replace('px', ''),
+        height: node.attribs.height && node.attribs.height.replace('px', ''),
         style: node.attribs.style ? parseCss(node.attribs.style) : null,
         alt: node.attribs.alt ? node.attribs.alt : 'missing alt',
         className: styles[stylesClass],
       };
+
       return <LazyImage {...lazyProps} />;
     }
 

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

@@ -51,7 +51,6 @@ const Head = ({ page = {}, siteInfo }) => {
   return (
     <>
       <Helmet>
-        <meta charSet="utf-8" />
         <title>{page.meta_title}</title>
         <html lang={getLanguage(page.language)} />
         <meta name="description" content={parsedMetaDescr} />

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

@@ -75,7 +75,7 @@ const SearchForm = ({ className, searchIcon, iconWidth = 24, iconHeight = 24 })
         ) : (
           <img alt="search" src={searchIcon} width={iconWidth} height={iconHeight} />
         )}
-        <div className={styles.close} />
+        {styles.close && <span className={styles.close} />}
       </button>
       {showSearch && (
         <div

package/src/gatsby-core-theme/styles/utils/variables/_main.scss

@@ -21,7 +21,7 @@
   --empty-star-border-color: grey;
   --selling-point-icon-color: #00889e;
 
-  --main-font: sans-serif;
+  --main-font: Roboto, sans-serif;
 
   --module-spacing: 2rem;
   --side-container: 30rem;