chaser-components - npm Package Compare versions

Comparing version 6.1.7 to 6.2.0

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+## [6.2.0](https://bitbucket.org/chasertech/chaser-components/compare/v6.1.7...v6.2.0) (2021-04-22)
+
+
+### Features
+
+* **DEV-3700:** update banner text ([0c0ea05](https://bitbucket.org/chasertech/chaser-components/commit/0c0ea052386d9aff41a09a49fbfb20cf5dc47766))
+
 ### [6.1.7](https://bitbucket.org/chasertech/chaser-components/compare/v6.1.6...v6.1.7) (2021-04-09)
@@ -7,0 +14,0 @@

package.json

 {
   "name": "chaser-components",
   "description": "Chaser HQ Component Library",
-  "version": "6.1.7",
+  "version": "6.2.0",
   "main": "dist/index.js",
@@ -6,0 +6,0 @@ "module": "dist/index.modern.js",

src/components/Banner/Banner.stories.jsx

@@ -19,3 +19,3 @@ /* eslint-disable react-hooks/rules-of-hooks */
           See collection options
-          </TextLink>
+        </TextLink>
       </Banner>
@@ -26,3 +26,3 @@ <Banner intent="danger">
           See collection options
-          </TextLink>
+        </TextLink>
       </Banner>
@@ -33,3 +33,3 @@ <Banner intent="warning">
           See collection options
-          </TextLink>
+        </TextLink>
       </Banner>
@@ -39,4 +39,18 @@ <Banner>
       </Banner>
+      <Banner backgroundColor="orange" borderColor="red" icon="email">
+        Initial PKS South East (Scaffolding) has some invoices that are long overdue.{' '}
+      </Banner>
+      <Banner intent="danger" backgroundColor="yellow" borderColor="orange" icon="clock">
+        Initial PKS South East (Scaffolding) has some invoices that are long overdue.{' '}
+      </Banner>
+      <Banner
+        backgroundColor="Light Neutral 1"
+        borderColor="transparent"
+        icon={false}
+      >
+        <span style={{ marginRight: '10px' }} aria-label="star" role="img">⭐️</span>
+        Tip: Add the payment portal placeholder in Templates to make sure the link is shared with your customers.
+      </Banner>
     </Stack>
   );
 };

src/components/Banner/index.jsx

@@ -14,2 +14,3 @@ import React, { useState } from 'react';
   if (intent === 'danger') return 'Red';
+  return 'Dark Neutral 1';
 };
@@ -21,3 +22,3 @@
   if (intent === 'warning') return 'Yellow AA';
-  return;
+  return 'Dark Neutral 1';
 };
@@ -27,3 +28,3 @@
   if (isString(icon))
-    return <Icon name={icon} color={lineColorMap(intent)} size={12} />
+    return <Icon name={icon} color={lineColorMap(intent)} size={16} />
 
@@ -56,2 +57,3 @@ if (isBoolean(icon) && icon) {
   showCloseButton,
+  backgroundColor,
   icon,
@@ -71,2 +73,3 @@ ...cardProps
       appearance="secondary"
+      backgroundColor={backgroundColor}
       intent={intent}
@@ -73,0 +76,0 @@ {...cardProps}

src/components/Card/Card.stories.jsx

@@ -36,3 +36,12 @@ import React from 'react';
     </Card>
+    <Card
+      p="small"
+      appearance="secondary"
+      intent="danger"
+      backgroundColor="orange"
+      borderColor="red"
+    >
+      Background color and border colour changed
+    </Card>
   </Stack>
 );

src/components/Card/index.jsx

@@ -19,3 +19,3 @@ import * as React from 'react';
     },
-  ({ width, appearance, colors }) =>
+  ({ width, appearance, colors, backgroundColor, borderColor }) =>
     css({
@@ -25,4 +25,4 @@ width: width === 'medium' ? 240 : 'auto',
       border: appearance === 'default' ? undefined : '1px solid',
-      borderColor: colors.borderColor,
-      backgroundColor: colors.backgroundColor,
+      borderColor: borderColor || colors.borderColor,
+      backgroundColor: backgroundColor || colors.backgroundColor,
     }),
@@ -35,2 +35,4 @@ );
   appearance = 'default',
+  backgroundColor,
+  borderColor,
   intent = 'neutral',
@@ -50,2 +52,4 @@ p = 'xsmall',
       appearance={appearance}
+      borderColor={borderColor}
+      backgroundColor={backgroundColor}
       intent={intent}
@@ -52,0 +56,0 @@ colors={colors}

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1631378

increased by0.23%

Lines of code

18263

increased by0.29%

No dependency changes