@commercetools-uikit/notifications - npm Package Compare versions

Comparing version 10.16.1-canary.4 to 10.16.1-canary.5

dist/notifications.cjs.js

@@ -127,4 +127,3 @@ 'use strict';
 };
-var NotificationIcon =
-function (_React$PureComponent) {
+var NotificationIcon = function (_React$PureComponent) {
   _inherits(NotificationIcon, _React$PureComponent);
@@ -140,4 +139,3 @@ function NotificationIcon() {
       return core.jsx("div", {
-        css:
-        core.css("display:flex;align-items:center;border-radius:", designSystem.customProperties.borderRadius6, " 0 0 ", designSystem.customProperties.borderRadius6, ";border-width:0;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}")
+        css: core.css("display:flex;align-items:center;border-radius:", designSystem.customProperties.borderRadius6, " 0 0 ", designSystem.customProperties.borderRadius6, ";border-width:0;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}")
       }, core.jsx(Icon, {
@@ -169,4 +167,3 @@ color: "surface"
 };
-var ContentNotification =
-function (_React$PureComponent2) {
+var ContentNotification = function (_React$PureComponent2) {
   _inherits(ContentNotification, _React$PureComponent2);
@@ -181,4 +178,3 @@ function ContentNotification() {
       return core.jsx("div", _extends({}, utils.filterDataAttributes(this.props), {
-        css:
-        core.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSolid, ";font-family:inherit;")
+        css: core.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSolid, ";font-family:inherit;")
       }), core.jsx(NotificationIcon, {
@@ -188,4 +184,3 @@ type: this.props.type,
       }), core.jsx("div", {
-        css:
-        core.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.customProperties.spacingS, ";background:", designSystem.customProperties.colorSurface, ";border-radius:0 ", designSystem.customProperties.borderRadius6, " ", designSystem.customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";")
+        css: core.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.customProperties.spacingS, ";background:", designSystem.customProperties.colorSurface, ";border-radius:0 ", designSystem.customProperties.borderRadius6, " ", designSystem.customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";")
       }, this.props.children));
@@ -202,5 +197,5 @@ }
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 exports.ContentNotification = ContentNotification;
 exports.version = version;

dist/notifications.esm.js

@@ -121,4 +121,3 @@ import React from 'react';
 };
-var NotificationIcon =
-function (_React$PureComponent) {
+var NotificationIcon = function (_React$PureComponent) {
   _inherits(NotificationIcon, _React$PureComponent);
@@ -134,4 +133,3 @@ function NotificationIcon() {
       return jsx("div", {
-        css:
-        css("display:flex;align-items:center;border-radius:", customProperties.borderRadius6, " 0 0 ", customProperties.borderRadius6, ";border-width:0;padding:", customProperties.spacingS, " ", customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}")
+        css: css("display:flex;align-items:center;border-radius:", customProperties.borderRadius6, " 0 0 ", customProperties.borderRadius6, ";border-width:0;padding:", customProperties.spacingS, " ", customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}")
       }, jsx(Icon, {
@@ -163,4 +161,3 @@ color: "surface"
 };
-var ContentNotification =
-function (_React$PureComponent2) {
+var ContentNotification = function (_React$PureComponent2) {
   _inherits(ContentNotification, _React$PureComponent2);
@@ -175,4 +172,3 @@ function ContentNotification() {
       return jsx("div", _extends({}, filterDataAttributes(this.props), {
-        css:
-        css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", customProperties.fontSizeDefault, ";color:", customProperties.colorSolid, ";font-family:inherit;")
+        css: css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", customProperties.fontSizeDefault, ";color:", customProperties.colorSolid, ";font-family:inherit;")
       }), jsx(NotificationIcon, {
@@ -182,4 +178,3 @@ type: this.props.type,
       }), jsx("div", {
-        css:
-        css("flex-grow:1;display:flex;align-items:center;padding:", customProperties.spacingS, ";background:", customProperties.colorSurface, ";border-radius:0 ", customProperties.borderRadius6, " ", customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";")
+        css: css("flex-grow:1;display:flex;align-items:center;padding:", customProperties.spacingS, ";background:", customProperties.colorSurface, ";border-radius:0 ", customProperties.borderRadius6, " ", customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";")
       }, this.props.children));
@@ -196,4 +191,4 @@ }
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 export { ContentNotification, version };

package.json

 {
   "name": "@commercetools-uikit/notifications",
-  "version": "10.16.1-canary.4+d2b7d28b",
+  "version": "10.16.1-canary.5+73037d7e",
   "description": "",
@@ -22,6 +22,6 @@ "main": "dist/notifications.cjs.js",
   "dependencies": {
-    "@commercetools-uikit/design-system": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/icons": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/utils": "10.16.1-canary.4+d2b7d28b",
-    "@emotion/core": "10.0.27",
+    "@commercetools-uikit/design-system": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/icons": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/utils": "10.16.1-canary.5+73037d7e",
+    "@emotion/core": "10.0.28",
     "common-tags": "1.8.0",
@@ -33,3 +33,3 @@ "prop-types": "15.7.2"
   },
-  "gitHead": "d2b7d28b8caab04100108fcf0d7efcf3b93f7cd9"
+  "gitHead": "73037d7e0407b8f2958f37d5a2cc6f17705fe897"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

15268

decreased by-0.31%

Lines of code

346

decreased by-2.81%

Dependency changes

• + Added@emotion/core@10.0.28(transitive)

• - Removed@emotion/core@10.0.27(transitive)

• Updated@commercetools-uikit/design-system@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/icons@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/utils@10.16.1-canary.5+73037d7e

• Updated@emotion/core@10.0.28