@atlaskit/section-message 6.1.15 → 6.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/section-message
 
+## 6.2.0
+
+### Minor Changes
+
+- [`24ff3516c8d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24ff3516c8d) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.1.15
 
 ### Patch Changes

package/dist/cjs/section-message-action.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 
@@ -19,7 +19,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 /** @jsx jsx */
 var actionsSeparatorWidth = (0, _constants.gridSize)() * 2;
-var actionStyles = (0, _core.css)({
+var actionStyles = (0, _react2.css)({
   display: 'flex',
   margin: 0,
   alignItems: 'center',
@@ -49,10 +49,10 @@ var SectionMessageAction = /*#__PURE__*/(0, _react.memo)(function SectionMessage
       href = _ref.href,
       testId = _ref.testId,
       linkComponent = _ref.linkComponent;
-  return (0, _core.jsx)("li", {
+  return (0, _react2.jsx)("li", {
     css: actionStyles,
     "data-testid": testId
-  }, onClick || href ? (0, _core.jsx)(_standardButton.default, {
+  }, onClick || href ? (0, _react2.jsx)(_standardButton.default, {
     appearance: "link",
     spacing: "none",
     onClick: onClick,

package/dist/cjs/section-message.js

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -39,16 +39,16 @@ var titleColor = {
   light: "var(--ds-text, ".concat(_colors.N800, ")"),
   dark: "var(--ds-text, ".concat(_colors.DN600, ")")
 };
-var containerStyles = (0, _core.css)({
+var containerStyles = (0, _react2.css)({
   display: 'flex',
   padding: "".concat(containerPadding, "px"),
   borderRadius: "".concat((0, _constants.borderRadius)(), "px")
 });
-var contentContainerStyles = (0, _core.css)({
+var contentContainerStyles = (0, _react2.css)({
   flexGrow: 1,
   wordBreak: 'break-word'
 });
-var titleStyles = (0, _core.css)({
+var titleStyles = (0, _react2.css)({
   margin: "0 0 ".concat(titleMarginBottom, "px"),
   fontSize: "".concat(_typography.headingSizes.h500.size / (0, _constants.fontSize)(), "em"),
   fontStyle: 'inherit',
@@ -56,7 +56,7 @@ var titleStyles = (0, _core.css)({
   letterSpacing: '-0.006em',
   lineHeight: "".concat(_typography.headingSizes.h500.lineHeight / _typography.headingSizes.h500.size)
 });
-var actionsStyles = (0, _core.css)({
+var actionsStyles = (0, _react2.css)({
   display: 'flex',
   marginTop: "".concat(actionMarginTop, "px"),
   paddingLeft: 0,
@@ -67,7 +67,7 @@ var actionsStyles = (0, _core.css)({
 // Since the icons will have a consistent size, we can treat them as pre-calculated
 // space.
 
-var iconWrapperStyles = (0, _core.css)({
+var iconWrapperStyles = (0, _react2.css)({
   display: 'flex',
   margin: '-2px 0',
   flex: "0 0 ".concat(iconWrapperWidth, "px")
@@ -100,23 +100,23 @@ var SectionMessageWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Sectio
 
   var actionsArray = _react.default.Children.toArray(actions);
 
-  return (0, _core.jsx)("section", {
+  return (0, _react2.jsx)("section", {
     css: containerStyles,
     style: containerStyleWithBackground,
     "data-testid": testId,
     ref: ref
-  }, (0, _core.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     css: iconWrapperStyles
-  }, (0, _core.jsx)(Icon, {
+  }, (0, _react2.jsx)(Icon, {
     primaryColor: primaryIconColor,
     secondaryColor: backgroundColor
-  })), (0, _core.jsx)("div", {
+  })), (0, _react2.jsx)("div", {
     css: contentContainerStyles,
     "data-testid": testId && "".concat(testId, "--content")
-  }, title ? (0, _core.jsx)("h1", {
+  }, title ? (0, _react2.jsx)("h1", {
     css: titleStyles,
     style: memoizedTitleColor
-  }, title) : null, (0, _core.jsx)("div", null, children), actionsArray.length > 0 ? (0, _core.jsx)("ul", {
+  }, title) : null, (0, _react2.jsx)("div", null, children), actionsArray.length > 0 ? (0, _react2.jsx)("ul", {
     css: actionsStyles,
     "data-testid": testId && "".concat(testId, "--actions")
   }, actionsArray) : null));
@@ -132,9 +132,9 @@ var SectionMessageWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Sectio
  */
 
 var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage(props, ref) {
-  return (0, _core.jsx)(_components.default.Consumer, null, function (_ref2) {
+  return (0, _react2.jsx)(_components.default.Consumer, null, function (_ref2) {
     var mode = _ref2.mode;
-    return (0, _core.jsx)(SectionMessageWithMode, (0, _extends2.default)({}, props, {
+    return (0, _react2.jsx)(SectionMessageWithMode, (0, _extends2.default)({}, props, {
       mode: mode,
       ref: ref
     }));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "6.1.15",
+	"version": "6.2.0",
 	"sideEffects": false
 }

package/dist/es2019/section-message-action.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { memo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/standard-button';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/es2019/section-message.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import React, { forwardRef, useMemo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { DN600, N800 } from '@atlaskit/theme/colors';
 import GlobalTheme from '@atlaskit/theme/components';
 import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "6.1.15",
+	"version": "6.2.0",
 	"sideEffects": false
 }

package/dist/esm/section-message-action.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { memo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/standard-button';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/esm/section-message.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import React, { forwardRef, useMemo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { DN600, N800 } from '@atlaskit/theme/colors';
 import GlobalTheme from '@atlaskit/theme/components';
 import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "6.1.15",
+	"version": "6.2.0",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/section-message",
-  "version": "6.1.15",
+  "version": "6.2.0",
   "description": "A section message is used to alert users to a particular section of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,10 +32,10 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"