@jouwomgeving/jo-card - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

es/Default/index.js

@@ -38,3 +38,3 @@ import React from 'react';
   Card,
-  null,
+  { fill: 'min' },
   React.createElement(
@@ -41,0 +41,0 @@ Background,

lib/Default/index.js

@@ -104,3 +104,3 @@ 'use strict';
     _Card2.default,
-    null,
+    { fill: 'min' },
     _react2.default.createElement(
@@ -107,0 +107,0 @@ _Background2.default,

package.json

 {
   "name": "@jouwomgeving/jo-card",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Dictator package Jouw Omgeving card.",
@@ -5,0 +5,0 @@ "dictator": [

web/Default/index.js

@@ -39,5 +39,5 @@ import React from 'react';
     sidebar,
-    title
-  }) => (
-    <Card>
+    title,
+  }) =>
+    <Card fill="min">
       <Background {...background}>
@@ -51,3 +51,3 @@ <Header
                     <FaBars color={get('colors.action.link', theme)} />
-                  </Button>
+                  </Button>,
                 ]
@@ -60,27 +60,28 @@ : actions
         />
-        {typeof progress === 'number' ? (
-          <Row>
-            <Progress
-              backgroundColor={get('colors.divider.primary', theme)}
-              colors={get('colors.action.approve', theme)}
-              height="0.25rem"
-              max={100}
-              min={0}
-              values={progress}
-            />
-          </Row>
-        ) : (
-          <Delimiter />
-        )}
-        <Block padding="1.875rem 0 3.125rem">{children}</Block>
+        {typeof progress === 'number'
+          ? <Row>
+              <Progress
+                backgroundColor={get('colors.divider.primary', theme)}
+                colors={get('colors.action.approve', theme)}
+                height="0.25rem"
+                max={100}
+                min={0}
+                values={progress}
+              />
+            </Row>
+          : <Delimiter />}
+        <Block padding="1.875rem 0 3.125rem">
+          {children}
+        </Block>
         {comments && <Delimiter />}
         {/* eslint-disable react/no-unknown-property */
-        comments && (
+        comments &&
           <Block padding="1.25rem 0 2.5rem">
             <Grid.Row>
               <Grid.Column />
-              <Grid.Column colspan={10}>{comments}</Grid.Column>
+              <Grid.Column colspan={10}>
+                {comments}
+              </Grid.Column>
             </Grid.Row>
           </Block>
-        )
         /* eslint-enable */
@@ -90,3 +91,2 @@ }
     </Card>
-  )
 );
@@ -104,5 +104,5 @@
   subTitle: PropTypes.string,
-  title: PropTypes.string
+  title: PropTypes.string,
 };
 
 export default Default;

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

Total package byte prevSize

47536

increased by0.13%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes