@home-app/image.component - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

package.json

 {
   "name": "@home-app/image.component",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "main": "src/index.js",
@@ -5,0 +5,0 @@ "repository": "https://github.com/homeappcorporate/homeless-components",

src/index.js

@@ -53,3 +53,3 @@ import React, { Component, Fragment } from 'react';
   render() {
-    const { alt, className } = this.props;
+    const { alt, className, cover } = this.props;
     const { src, dimensions, defaultDimension, accountPixelDensity, isFace } = this.props;
@@ -84,3 +84,3 @@ const { sources, baseSource, baseSourceFallback } = this._generateSources(
 
-          <Img src={baseSourceFallback} srcSet={baseNormalSet} alt={alt} />
+          <Img src={baseSourceFallback} srcSet={baseNormalSet} alt={alt} cover={cover} />
         </Picture>
@@ -112,2 +112,3 @@ </Container>
   accountPixelDensity: PropTypes.bool,
+  cover: PropTypes.bool,
 };
@@ -121,4 +122,5 @@
   accountPixelDensity: true,
+  cover: false,
 };
 
 export default Image;

src/styles.js

@@ -1,6 +0,6 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 
 export const Container = styled.div`
   position: relative;
-  
+
   overflow: hidden;
@@ -21,2 +21,8 @@ `;
   transform: translate(-50%, 0);
+
+  ${props => props.cover &&
+    css`
+      width: 100%;
+      object-fit: cover;
+    `};
 `;

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Lines of code

201

increased by3.61%

Worsened metrics

Total package byte prevSize

8102

decreased by-16.05%

Number of package files

5

decreased by-16.67%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes