Merge branch 'main' into MWPW-133802

adobecom · Jul 26, 2023 · efd1ca7 · efd1ca7
2 parents 848f925 + b4f873e
commit efd1ca7
Show file tree

Hide file tree

Showing 9 changed files with 39 additions and 13 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,12 @@
 
 
+## [0.6.36](https://github.com/adobecom/caas/compare/0.6.35...0.6.36) (2023-07-24)
+
+
+### Bug Fixes
+
+* Sets cards images as background images (MWPW-133908) ([d303afe](https://github.com/adobecom/caas/commit/d303afe1950b2767b9f30dd4273fc889704ce716))
+
 ## [0.6.35](https://github.com/adobecom/caas/compare/0.6.34...0.6.35) (2023-06-30)
 
 

diff --git a/dist/app.css b/dist/app.css
diff --git a/dist/main.js b/dist/main.js
@@ -1,5 +1,9 @@
 /*!
+<<<<<<< HEAD
  * Chimera UI Libraries - Build 7/26/2023, 13:19:14
+=======
+ * Chimera UI Libraries - Build 7/21/2023, 14:41:31
+>>>>>>> main
  *         
  */
 /******/ (function(modules) { // webpackBootstrap
@@ -50262,8 +50266,10 @@ var OneHalfCard = function OneHalfCard(props) {
             'div',
             {
                 'data-testid': 'consonant-OneHalfCard-img',
-                className: 'consonant-OneHalfCard-img' },
-            _react2.default.createElement('img', { src: image, alt: altText, 'aria-label': altText, loading: 'lazy' }),
+                className: 'consonant-OneHalfCard-img',
+                style: { backgroundImage: 'url("' + image + '")' },
+                role: altText && 'img',
+                'aria-label': altText },
             hasBanner && !disableBanners && _react2.default.createElement(
                 'span',
                 {

diff --git a/dist/main.min.js b/dist/main.min.js
diff --git a/dist/main.source.js b/dist/main.source.js
diff --git a/less/components/consonant/cards/one-half.less b/less/components/consonant/cards/one-half.less
@@ -44,11 +44,6 @@
             border-top-right-radius: 4px;
             text-align: center;
             overflow: hidden;
-
-            img {
-                width: 100%;
-                min-height: 100%;
-            }
         }
 
         &-videoIco {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "CaaS",
-  "version": "0.6.35",
+  "version": "0.6.36",
   "private": false,
   "description": "",
   "scripts": {

diff --git a/react/src/js/components/Consonant/Cards/OneHalf.jsx b/react/src/js/components/Consonant/Cards/OneHalf.jsx
@@ -261,8 +261,10 @@ const OneHalfCard = (props) => {
             id={id}>
             <div
                 data-testid="consonant-OneHalfCard-img"
-                className="consonant-OneHalfCard-img">
-                <img src={image} alt={altText} aria-label={altText} loading="lazy" />
+                className="consonant-OneHalfCard-img"
+                style={{ backgroundImage: `url("${image}")` }}
+                role={altText && 'img'}
+                aria-label={altText}>
                 {hasBanner && !disableBanners &&
                 <span
                     data-testid="consonant-OneHalfCard-banner"