terra-alert - npm Package Compare versions

Comparing version 2.16.0 to 2.17.0

CHANGELOG.md

@@ -7,2 +7,11 @@ Changelog
 
+2.17.0 - (June 28, 2018)
+------------------
+### Changed
+* Minor dependency version bump
+* Removed CSS modules composes call
+
+### Added
+* Added change log to the documentation on terra-dev-site
+
 2.16.0 - (June 22, 2018)
@@ -9,0 +18,0 @@ ------------------

docs/DEPENDENCIES.md

@@ -8,7 +8,7 @@ # Dependency Information
 | prop-types | ^15.5.8 | -- | Runtime type checking for React props and similar objects. |
-| terra-base | ^3.12.0 | ^16.2.0 | The base component sets minimal global styles for an application. |
-| terra-button | ^2.13.0 | ^16.2.0 | The terra-button component provides users a way to trigger actions in the UI. |
-| terra-icon | ^2.13.0 | ^16.2.0 | terra-icon |
-| terra-responsive-element | ^3.0.0 | ^16.2.0 | The terra-responsive-element conditionally renders components based on viewport size |
-| terra-toggle | ^2.12.0 | ^16.2.0 | Toggle component that transitions content in and out. |
+| terra-button | ^2.14.0 | ^16.2.0 | The terra-button component provides users a way to trigger actions in the UI. |
+| terra-doc-template | ^1.7.0 | ^16.2.0 | Provides an adjustable template for documentation pages. |
+| terra-icon | ^2.14.0 | ^16.2.0 | terra-icon |
+| terra-responsive-element | ^3.1.0 | ^16.2.0 | The terra-responsive-element conditionally renders components based on viewport size |
+| terra-toggle | ^2.13.0 | ^16.2.0 | Toggle component that transitions content in and out. |
 
@@ -25,6 +25,2 @@ ## devDependencies
 | react-dom | ^16.2.0 | ^16.0.0 | React package for working with the DOM. |
-| terra-base | ^3.7.0 | ^16.2.0 | The base component sets minimal global styles for an application. |
-| terra-button | ^2.8.0 | ^16.2.0 | The terra-button component provides users a way to trigger actions in the UI. |
-| terra-doc-template | ^1.3.0 | ^16.2.0 | Provides an adjustable template for documentation pages. |
-| terra-icon | ^2.7.0 | ^16.2.0 | terra-icon |
-| terra-responsive-element | ^2.7.0 | ^16.2.0 | The terra-responsive-element conditionally renders components based on viewport size |
+| terra-base | ^3.12.0 | ^16.2.0 | The base component sets minimal global styles for an application. |

lib/Alert.js

@@ -157,4 +157,4 @@ 'use strict';
   var attributes = _extends({}, customProps);
-  var narrowAlertClassNames = cx([type, 'narrow', attributes.className]);
-  var wideAlertClassNames = cx([type, 'wide', attributes.className]);
+  var narrowAlertClassNames = cx(['alert-base', type, 'narrow', attributes.className]);
+  var wideAlertClassNames = cx(['alert-base', type, 'wide', attributes.className]);
 
@@ -166,3 +166,3 @@ var actionsSection = '';
   var actionsClassName = cx('actions');
-  var bodyClassNameForNarrowParent = 'body-std';
+  var bodyClassNameForNarrowParent = cx(['body', 'body-std']);
 
@@ -178,4 +178,4 @@ if (type === AlertTypes.CUSTOM) {
     outerDivStyle.color = customStatusColor;
-    alertSectionClassName = cx(['section-custom']);
-    actionsClassName = cx(['actions-custom']);
+    alertSectionClassName = cx(['section', 'section-custom']);
+    actionsClassName = cx(['actions', 'actions-custom']);
   }
@@ -187,3 +187,3 @@
   if (onDismiss || action) {
-    bodyClassNameForNarrowParent = 'body-narrow';
+    bodyClassNameForNarrowParent = cx(['body', 'body-narrow']);
     actionsSection = _react2.default.createElement(
@@ -219,3 +219,3 @@ 'div',
         'div',
-        { className: cx(bodyClassNameForNarrowParent) },
+        { className: bodyClassNameForNarrowParent },
         _react2.default.createElement(
@@ -235,3 +235,3 @@ 'div',
         'div',
-        { className: cx('body-std') },
+        { className: cx(['body', 'body-std']) },
         _react2.default.createElement(
@@ -238,0 +238,0 @@ 'div',

package.json

 {
   "name": "terra-alert",
   "main": "lib/Alert.js",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "description": "The Terra Alert component is a notification banner that can be rendered in your application when there is information that you want to bring to the user's attention. The Alert component supports a number of built-in notification types that render with pre-defined colors and icons that help the user understand the severity and meaning of the notification. A custom notification type is also supported that allows your application to customize an alert that may not fit into the pre-defined types.",
@@ -34,7 +34,7 @@ "repository": {
     "prop-types": "^15.5.8",
-    "terra-button": "^2.14.0",
-    "terra-doc-template": "^1.7.0",
-    "terra-icon": "^2.14.0",
-    "terra-responsive-element": "^3.1.0",
-    "terra-toggle": "^2.13.0"
+    "terra-button": "^2.15.0",
+    "terra-doc-template": "^1.8.0",
+    "terra-icon": "^2.15.0",
+    "terra-responsive-element": "^3.2.0",
+    "terra-toggle": "^2.14.0"
   },
@@ -41,0 +41,0 @@ "scripts": {

src/Alert.jsx

@@ -123,2 +123,3 @@ import React from 'react';
   const narrowAlertClassNames = cx([
+    'alert-base',
     type,
@@ -129,2 +130,3 @@ 'narrow',
   const wideAlertClassNames = cx([
+    'alert-base',
     type,
@@ -140,3 +142,3 @@ 'wide',
   let actionsClassName = cx('actions');
-  let bodyClassNameForNarrowParent = 'body-std';
+  let bodyClassNameForNarrowParent = cx(['body', 'body-std']);
 
@@ -152,4 +154,4 @@ if (type === AlertTypes.CUSTOM) {
     outerDivStyle.color = customStatusColor;
-    alertSectionClassName = cx(['section-custom']);
-    actionsClassName = cx(['actions-custom']);
+    alertSectionClassName = cx(['section', 'section-custom']);
+    actionsClassName = cx(['actions', 'actions-custom']);
   }
@@ -161,3 +163,3 @@
   if (onDismiss || action) {
-    bodyClassNameForNarrowParent = 'body-narrow';
+    bodyClassNameForNarrowParent = cx(['body', 'body-narrow']);
     actionsSection = (
@@ -185,3 +187,3 @@ <div className={actionsClassName}>
         <div {...attributes} className={narrowAlertClassNames} style={outerDivStyle} >
-          <div className={cx(bodyClassNameForNarrowParent)}>
+          <div className={bodyClassNameForNarrowParent}>
             <div className={cx('icon')}>{getAlertIcon(type, customIcon)}</div>
@@ -195,3 +197,3 @@ {alertMessageContent}
         <div {...attributes} className={wideAlertClassNames} style={outerDivStyle} >
-          <div className={cx('body-std')}>
+          <div className={cx(['body', 'body-std'])}>
             <div className={cx('icon')}>{getAlertIcon(type, customIcon)}</div>
@@ -198,0 +200,0 @@ {alertMessageContent}

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

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

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

Improved metrics

Total package byte prevSize

597039

increased by4.76%

Number of package files

109

increased by29.76%

Lines of code

4429

increased by25.18%

Worsened metrics

Number of low supply chain risk alerts

30

increased byInfinity%

Dependency changes

• Updatedterra-button@^2.15.0

• Updatedterra-doc-template@^1.8.0

• Updatedterra-icon@^2.15.0

• Updatedterra-responsive-element@^3.2.0

• Updatedterra-toggle@^2.14.0