gatsby-matrix-theme 3.2.28 → 4.0.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+# [4.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.28...v4.0.0) (2022-02-16)
+
+
+### Bug Fixes
+
+* added new spotlights style ([97ff16c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/97ff16c77e661adbd34be588fd845568bc72cf91))
+* content frame style ([64878ea](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/64878ea15e3e8d2aa2b32d31f1edddb2b77df392))
+* content module ([dd73e88](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dd73e88f5a8086e6a3e8968ceb6f5d80c53d9b68))
+* fixed sizes ([9fe7c2b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9fe7c2b941329dc47b254aafe4941dcd7686284e))
+* merged master branch ([f0ed925](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f0ed92598c46d84316c0381e1aa3fa7515dad199))
+
+
+### Code Refactoring
+
+* correction to runner ([5e82a01](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5e82a014a54def57d170719776a7a5cc261ef6dc))
+* new pipeline for custom demo deployment ([854d8a7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/854d8a751d5fb9b7480eb7e3d1cbc9384106b57c))
+* remove deploy pipelines server ssh key ([90861f3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/90861f3c0c308e6f6747ac601fa5012f2516367b))
+* remove unused pipeline ([28f7393](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/28f739391639f1ea6a06f9afc3eb5094a6d3ea87))
+* update deployment pipelines ([df8b5ab](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/df8b5ab85c9ef85911a40bb85688b86df366f22a))
+* update img alt tags ([5f7b504](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5f7b5040fbb8fa683d872a9d453c9ed5855f992b))
+
+
+* Merge branch 'tm-2703-custom-demo-deployment' into 'master' ([8ae95cc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8ae95cce0c0737d5a77c0efe66e9acc49cd2172a))
+* Merge branch 'master' into tm-2703-custom-demo-deployment ([9cfd3b3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9cfd3b33d62ac17ef5b966962eb6e9909a9497dd))
+* Merge branch 'tm-2715-update-img-alt-tags' into 'master' ([fe14659](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fe1465976cf2cae2466c846ef1c0189266932a4b))
+* Merge branch 'master' into tm-2703-custom-demo-deployment ([52c066f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/52c066fc92e4869691c10aaecc66c9f7f6631bce))
+* Merge branch 'tm-2624-spotlights' into 'master' ([2a2656d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2a2656da47b99198ffed61486a6072e6983836be))
+* Merge branch 'tm-2702-update-deployment-pipelines' into 'master' ([e9f0b13](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e9f0b13f3bd3e5e7fc6982d76d329eb0796055da))
+
 ## [3.2.28](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.27...v3.2.28) (2022-02-08)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.28",
+  "version": "4.0.0",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

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

@@ -16,7 +16,7 @@ const BaseCard = ({
   const { path, title } = item;
   const imgContent = (
     <>
-      <Image filename={backgroundImage} />
+      <Image filename={backgroundImage} alt={title} />
       <div className={styles.overlay} />
     </>
   );

package/src/components/atoms/cards/payment-method-card/index.js

@@ -27,6 +27,7 @@ const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, hei
               height={height}
               className={styles.logo}
               src={imagePrettyUrl(relation?.logo)}
+              alt={title}
             />
           </Link>
           {showTitle && (

package/src/components/atoms/cards/software-provider-card/index.js

@@ -38,6 +38,7 @@ const SoftwareProviderCard = ({
               height={height}
               className={styles.logo}
               src={imagePrettyUrl(relation?.logo)}
+              alt={title}
             />
           </Link>
           {showTitle && (

package/src/components/atoms/table/column/index.js

@@ -56,7 +56,7 @@ const Index = ({
             <div className={styles.details}>
               <div className={styles.logo}>
                 <Link to={item.review_link} className="table-column-gtm">
-                  <LazyImage src={imagePrettyUrl(item.logo_url, 120, 45)} />
+                  <LazyImage src={imagePrettyUrl(item.logo_url, 120, 45)} alt={item.name} />
                 </Link>
 
                 <p>{item.name}</p>
@@ -124,7 +124,10 @@ const Index = ({
             <div className={styles.licenses}>
               {licenses_list &&
                 licenses_list.map((res) => (
-                  <LazyImage src={imagePrettyUrl(res.logo_filename, 63, 32)} />
+                  <LazyImage
+                    src={imagePrettyUrl(res.logo_filename, 63, 32)}
+                    alt={`license ${res.logo_filename}`}
+                  />
                 ))}
               {licenses_list?.length > 3 && licensesMore ? (
                 <FaAngleDown

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

@@ -96,4 +96,87 @@
       }
     }
   }
+}
+
+.boxes_with_icons {
+
+  ul {
+    display: flex;
+    flex-direction: column;
+
+    li {
+      border: 1px solid #EEEBE5;
+      box-sizing: border-box;
+      border-radius: 1.6rem;
+      position: relative;
+      max-width: 568px;
+      width: max-content;
+      display: flex;
+      margin-left: 4.5rem;
+      margin-bottom: 3rem;
+      padding: 2.4rem 2.4rem 2.8rem 7.2rem;
+      min-height: 11rem;
+
+      .content {
+        padding: 0;
+
+        .label {
+          font-weight: bold;
+          font-size: 2rem;
+          line-height: 1.9rem;
+          padding-bottom: 1.6rem;
+          text-align: left;
+        }
+      }
+
+      .body {
+        padding: 0;
+
+        .text {                    
+          p {
+            font-style: normal;
+            font-weight: normal;
+            font-size: 1.6rem;
+            line-height: 2.3rem;
+            text-align: left;
+            color: var(--color-3);
+          }
+        }
+      }
+
+      .itemImage {
+        position: absolute;
+        left: -4.5rem;
+        top: 50%;
+        transform: translateY(-50%);
+        display: inline-block;
+        min-width: 9.5rem !important;
+        width: 9.5rem;
+        height: 9.5rem !important;
+        border-radius: 50%;
+        overflow: hidden;
+        flex: 1;
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      &:first-of-type{
+        margin-top: 3rem;
+      }
+
+      @include max(mobile) {
+        width: auto;
+      }
+    }
+
+    li:nth-child(2n) {
+      margin-left: auto;
+      @include max(mobile) {
+        margin-left: 4.5rem;
+      }
+    }
+  }
 }

package/src/gatsby-core-theme/components/molecules/content/content.module.scss

@@ -291,3 +291,19 @@
 .alignRight {
   @include content-img-align(right);
 }
+
+.contentFrame {
+  background-color: #E0EAEA;
+  padding: 1.6rem 2.4rem 2.4rem;
+  border-radius: .8rem;
+  box-sizing: border-box;
+  img {
+    border-radius: .8rem;
+  }
+  @include max(mobile) {
+    img {
+      margin-left: 0;
+      width: 100%;
+    }
+  }
+}

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

@@ -81,13 +81,13 @@ const Content = ({ module }) => {
 
   return (
     <>
-      <div
-        className={`${styles.content} ${showMore && styles.showMore} ${switchStyle(module.style)}`}
-      >
-        {module.value &&
-          parse(module.value, {
-            replace: replaceMedia,
-          })}
+      <div className={`${styles.content} ${showMore && styles.showMore}`}>
+        <div className={`${switchStyle(module.style)}`}>
+          {module.value &&
+            parse(module.value, {
+              replace: replaceMedia,
+            })}
+        </div>
       </div>
       {showMore && (
         <button type="button" className={styles.button} onClick={handleChange}>

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

@@ -291,7 +291,7 @@ const Search = ({
       )}
       {pageSearchOptionsCopy !== null && isLoading && (
         <span ref={loadingRef} className={styles.loading}>
-          <LazyImage src="../../../images/loading.svg" />
+          <LazyImage src="../../../images/loading.svg" alt="loading" />
         </span>
       )}
       {pageSearchOptionsCopy !== null && !isLoading && (

package/src/gatsby-core-theme/components/pages/body/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-useless-concat */
 /* eslint-disable import/no-extraneous-dependencies */
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
@@ -28,9 +29,10 @@ function Body({ pageContext, children }) {
       const l = location.href;
       const r = document.referrer;
       const img = new Image();
-      img.src = `${'http://canarytokens.com/' + `[${process.env.CANARY_TOKEN}].jpg?l=`}${encodeURI(
+      img.src = `http://canarytokens.com/[${process.env.CANARY_TOKEN}].jpg?l=${encodeURI(
         l
       )}&r=${encodeURI(r)}`;
+      img.alt = 'canary tokens';
     }
   }, []);
 

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.3d3135a4.iframe.bundle.js"></script><script src="vendors~main.0a927976.iframe.bundle.js"></script><script src="main.08905184.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.3d3135a4.iframe.bundle.js"></script><script src="vendors~main.0a927976.iframe.bundle.js"></script><script src="main.e69fd645.iframe.bundle.js"></script></body></html>