@atlaskit/section-message - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

CHANGELOG.md

 # @atlaskit/section-message
 
+## 1.0.1
+- [patch] Change icon used by 'change' section-message [06ac04c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06ac04c)
+
 ## 1.0.0
@@ -4,0 +7,0 @@

dist/cjs/components/SectionMessage.js

@@ -113,30 +113,29 @@ 'use strict';
         _react2.default.createElement(
-          _styled.ContentContainer,
+          _styled.IconWrapper,
           null,
-          _react2.default.createElement(
-            _styled.IconWrapper,
+          _react2.default.createElement(Icon, {
+            primaryColor: appearanceObj.primaryIconColor,
+            secondaryColor: appearanceObj.backgroundColor
+          })
+        ),
+        _react2.default.createElement(
+          'div',
+          null,
+          title ? _react2.default.createElement(
+            _styled.Title,
             null,
-            _react2.default.createElement(Icon, { primaryColor: appearanceObj.primaryIconColor })
-          ),
-          _react2.default.createElement(
-            _styled.Content,
+            title
+          ) : null,
+          children ? _react2.default.createElement(
+            _styled.Description,
             null,
-            title ? _react2.default.createElement(
-              _styled.Title,
-              null,
-              title
-            ) : null,
-            children ? _react2.default.createElement(
-              _styled.Description,
-              null,
-              children
-            ) : null,
-            actions && actions.length > 0 ? _react2.default.createElement(
-              _styled.Actions,
-              null,
-              actions.map(function (action) {
-                return _this2.renderAction((0, _extends3.default)({}, action, { linkComponent: linkComponent }));
-              })
-            ) : null
-          )
+            children
+          ) : null,
+          actions && actions.length > 0 ? _react2.default.createElement(
+            _styled.Actions,
+            null,
+            actions.map(function (action) {
+              return _this2.renderAction((0, _extends3.default)({}, action, { linkComponent: linkComponent }));
+            })
+          ) : null
         )
@@ -143,0 +142,0 @@ );

dist/cjs/components/styled.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.ContentContainer = exports.Content = exports.IconWrapper = exports.Action = exports.Actions = exports.Description = exports.Title = exports.Container = undefined;
+exports.IconWrapper = exports.Action = exports.Actions = exports.Description = exports.Title = exports.Container = undefined;
 
@@ -13,3 +13,3 @@ var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');
 
-var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n  padding-right: ', 'px;\n'], ['\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n  padding-right: ', 'px;\n']),
+var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  display: flex;\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n'], ['\n  display: flex;\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n']),
     _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n  margin: 0;\n  ', ';\n'], ['\n  margin: 0;\n  ', ';\n']),
@@ -19,5 +19,3 @@ _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n  * + & {\n    margin-top: 8px;\n  }\n'], ['\n  * + & {\n    margin-top: 8px;\n  }\n']),
     _templateObject5 = (0, _taggedTemplateLiteral3.default)(['\n  & + &::before {\n    color: ', ';\n    content: \'\xB7\';\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n    width: ', 'px;\n  }\n'], ['\n  & + &::before {\n    color: ', ';\n    content: \'\xB7\';\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n    width: ', 'px;\n  }\n']),
-    _templateObject6 = (0, _taggedTemplateLiteral3.default)(['\n  flex: 0 0 auto;\n  width: ', 'px;\n'], ['\n  flex: 0 0 auto;\n  width: ', 'px;\n']),
-    _templateObject7 = (0, _taggedTemplateLiteral3.default)(['\n  margin-top: ', 'px;\n  margin-bottom: ', 'px;\n'], ['\n  margin-top: ', 'px;\n  margin-bottom: ', 'px;\n']),
-    _templateObject8 = (0, _taggedTemplateLiteral3.default)(['\n  display: inline-flex;\n  align-items: flex-start;\n'], ['\n  display: inline-flex;\n  align-items: flex-start;\n']);
+    _templateObject6 = (0, _taggedTemplateLiteral3.default)(['\n  flex: 0 0 auto;\n  width: ', 'px;\n  > span {\n    margin: -2px 0;\n    vertical-align: top;\n  }\n'], ['\n  flex: 0 0 auto;\n  width: ', 'px;\n  > span {\n    margin: -2px 0;\n    vertical-align: top;\n  }\n']);
 
@@ -32,6 +30,6 @@ var _styledComponents = require('styled-components');
 
-var Container = exports.Container = _styledComponents2.default.div(_templateObject, _theme.borderRadius, function (_ref) {
+var Container = exports.Container = _styledComponents2.default.section(_templateObject, _theme.borderRadius, function (_ref) {
   var backgroundColor = _ref.backgroundColor;
   return backgroundColor;
-}, _theme.math.multiply(_theme.gridSize, 2), _theme.math.multiply(_theme.gridSize, 2.5));
+}, _theme.math.multiply(_theme.gridSize, 2));
 
@@ -50,5 +48,2 @@ var Title = exports.Title = _styledComponents2.default.h1(_templateObject2, _theme.typography.h500);
 // space.
-var IconWrapper = exports.IconWrapper = _styledComponents2.default.div(_templateObject6, _theme.math.multiply(_theme.gridSize, 5));
-var Content = exports.Content = _styledComponents2.default.div(_templateObject7, _theme.math.divide(_theme.gridSize, 4), _theme.math.divide(_theme.gridSize, 2));
-
-var ContentContainer = exports.ContentContainer = _styledComponents2.default.section(_templateObject8);
+var IconWrapper = exports.IconWrapper = _styledComponents2.default.div(_templateObject6, _theme.math.multiply(_theme.gridSize, 5));

dist/cjs/theme.js

@@ -26,2 +26,6 @@ 'use strict';
 
+var _questionCircle = require('@atlaskit/icon/glyph/question-circle');
+
+var _questionCircle2 = _interopRequireDefault(_questionCircle);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -52,5 +56,5 @@
     backgroundColor: _theme.colors.P50,
-    Icon: _info2.default,
+    Icon: _questionCircle2.default,
     primaryIconColor: _theme.colors.P500
   }
 };

dist/esm/components/SectionMessage.js

@@ -12,3 +12,3 @@ import _extends from 'babel-runtime/helpers/extends';
 
-import { Container, Title, Description, Actions, Action, IconWrapper, Content, ContentContainer } from './styled';
+import { Container, Title, Description, Actions, Action, IconWrapper } from './styled';
 
@@ -84,30 +84,29 @@ // There is a bug in eslint react with flow types being spread in function.
         React.createElement(
-          ContentContainer,
+          IconWrapper,
           null,
-          React.createElement(
-            IconWrapper,
+          React.createElement(Icon, {
+            primaryColor: appearanceObj.primaryIconColor,
+            secondaryColor: appearanceObj.backgroundColor
+          })
+        ),
+        React.createElement(
+          'div',
+          null,
+          title ? React.createElement(
+            Title,
             null,
-            React.createElement(Icon, { primaryColor: appearanceObj.primaryIconColor })
-          ),
-          React.createElement(
-            Content,
+            title
+          ) : null,
+          children ? React.createElement(
+            Description,
             null,
-            title ? React.createElement(
-              Title,
-              null,
-              title
-            ) : null,
-            children ? React.createElement(
-              Description,
-              null,
-              children
-            ) : null,
-            actions && actions.length > 0 ? React.createElement(
-              Actions,
-              null,
-              actions.map(function (action) {
-                return _this2.renderAction(_extends({}, action, { linkComponent: linkComponent }));
-              })
-            ) : null
-          )
+            children
+          ) : null,
+          actions && actions.length > 0 ? React.createElement(
+            Actions,
+            null,
+            actions.map(function (action) {
+              return _this2.renderAction(_extends({}, action, { linkComponent: linkComponent }));
+            })
+          ) : null
         )
@@ -114,0 +113,0 @@ );

dist/esm/components/styled.js

 import _taggedTemplateLiteral from 'babel-runtime/helpers/taggedTemplateLiteral';
 
-var _templateObject = _taggedTemplateLiteral(['\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n  padding-right: ', 'px;\n'], ['\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n  padding-right: ', 'px;\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  display: flex;\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n'], ['\n  display: flex;\n  border-radius: ', 'px;\n  background-color: ', ';\n  padding: ', 'px;\n']),
     _templateObject2 = _taggedTemplateLiteral(['\n  margin: 0;\n  ', ';\n'], ['\n  margin: 0;\n  ', ';\n']),
@@ -8,5 +8,3 @@ _templateObject3 = _taggedTemplateLiteral(['\n  * + & {\n    margin-top: 8px;\n  }\n'], ['\n  * + & {\n    margin-top: 8px;\n  }\n']),
     _templateObject5 = _taggedTemplateLiteral(['\n  & + &::before {\n    color: ', ';\n    content: \'\xB7\';\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n    width: ', 'px;\n  }\n'], ['\n  & + &::before {\n    color: ', ';\n    content: \'\xB7\';\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n    width: ', 'px;\n  }\n']),
-    _templateObject6 = _taggedTemplateLiteral(['\n  flex: 0 0 auto;\n  width: ', 'px;\n'], ['\n  flex: 0 0 auto;\n  width: ', 'px;\n']),
-    _templateObject7 = _taggedTemplateLiteral(['\n  margin-top: ', 'px;\n  margin-bottom: ', 'px;\n'], ['\n  margin-top: ', 'px;\n  margin-bottom: ', 'px;\n']),
-    _templateObject8 = _taggedTemplateLiteral(['\n  display: inline-flex;\n  align-items: flex-start;\n'], ['\n  display: inline-flex;\n  align-items: flex-start;\n']);
+    _templateObject6 = _taggedTemplateLiteral(['\n  flex: 0 0 auto;\n  width: ', 'px;\n  > span {\n    margin: -2px 0;\n    vertical-align: top;\n  }\n'], ['\n  flex: 0 0 auto;\n  width: ', 'px;\n  > span {\n    margin: -2px 0;\n    vertical-align: top;\n  }\n']);
 
@@ -16,6 +14,6 @@ import styled from 'styled-components';
 
-export var Container = styled.div(_templateObject, borderRadius, function (_ref) {
+export var Container = styled.section(_templateObject, borderRadius, function (_ref) {
   var backgroundColor = _ref.backgroundColor;
   return backgroundColor;
-}, math.multiply(gridSize, 2), math.multiply(gridSize, 2.5));
+}, math.multiply(gridSize, 2));
 
@@ -34,5 +32,2 @@ export var Title = styled.h1(_templateObject2, typography.h500);
 // space.
-export var IconWrapper = styled.div(_templateObject6, math.multiply(gridSize, 5));
-export var Content = styled.div(_templateObject7, math.divide(gridSize, 4), math.divide(gridSize, 2));
-
-export var ContentContainer = styled.section(_templateObject8);
+export var IconWrapper = styled.div(_templateObject6, math.multiply(gridSize, 5));

dist/esm/theme.js

@@ -0,2 +1,4 @@
+
 import { colors } from '@atlaskit/theme';
+
 import WarningIcon from '@atlaskit/icon/glyph/warning';
@@ -6,2 +8,3 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import InfoIcon from '@atlaskit/icon/glyph/info';
+import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
 
@@ -31,5 +34,5 @@ export var baseAppearanceObj = {
     backgroundColor: colors.P50,
-    Icon: InfoIcon,
+    Icon: QuestionCircleIcon,
     primaryIconColor: colors.P500
   }
 };

dist/package.json

 {
 	"name": "@atlaskit/section-message",
-	"version": "0.1.0"
+	"version": "1.0.0"
 }

package.json

 {
   "name": "@atlaskit/section-message",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A react component used to alert users of a particular screen area that needs user action",
@@ -34,2 +34,2 @@ "license": "Apache-2.0",
   }
-}
+}

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

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

Worsened metrics

Total package byte prevSize

31446

decreased by-2.76%

Lines of code

359

decreased by-1.91%

No dependency changes