gatsby-matrix-theme 3.2.4 → 3.2.5

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [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.5",
   "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.15",
     "gatsby-image": "^3.3.0",
     "gatsby-plugin-image": "^1.3.1",
     "gatsby-plugin-postcss": "^4.3.0",

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,10 +66,10 @@ 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 }} />

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/module-title/index.js

@@ -85,9 +85,9 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
             module?.style && styles[module.style]
           }`}
         >
-          <span className={styles.spanToplist}>
+          <div className={styles.toplistTitle}>
             {(module?.title || module.module_title) && getTitle(module)}
-          </span>
+          </div>
 
           {module.link_label && (
             <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>

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/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;

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.0dbefcaa.iframe.bundle.js"></script><script src="vendors~main.2b406462.iframe.bundle.js"></script><script src="main.30a5eba0.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.0dbefcaa.iframe.bundle.js"></script><script src="vendors~main.465800ba.iframe.bundle.js"></script><script src="main.bf51e1d3.iframe.bundle.js"></script></body></html>