@atlaskit/section-message 6.3.9 → 6.3.11

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/section-message
 
+## 6.3.11
+
+### Patch Changes
+
+- [`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
+
+## 6.3.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.3.9
 
 ### Patch Changes

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _sectionMessageAction.default;
   }
 });
-
 var _sectionMessageAction = _interopRequireDefault(require("../section-message-action"));

package/dist/cjs/entry-points/section-message.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _sectionMessage.default;
   }
 });
-
 var _sectionMessage = _interopRequireDefault(require("../section-message"));

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _sectionMessage.default;
   }
 });
-
 var _sectionMessage = _interopRequireDefault(require("./section-message"));
-
 var _sectionMessageAction = _interopRequireDefault(require("./section-message-action"));

package/dist/cjs/internal/appearance-icon.js

@@ -1,31 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.appearanceIconSchema = void 0;
 exports.getAppearanceIconStyles = getAppearanceIconStyles;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
-
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-
 var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
-
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
-
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var appearanceIconSchema = {
   information: {
     backgroundColor: "var(--ds-background-information, ".concat(_colors.B50, ")"),
@@ -54,7 +43,6 @@ var appearanceIconSchema = {
   }
 };
 exports.appearanceIconSchema = appearanceIconSchema;
-
 function getAppearanceIconStyles(appearance, icon) {
   var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
   var Icon = icon || appearanceIconStyles.Icon;

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * __Section message action__
  *
@@ -28,10 +21,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var SectionMessageAction = /*#__PURE__*/(0, _react.memo)(function SectionMessageAction(_ref) {
   var children = _ref.children,
-      onClick = _ref.onClick,
-      href = _ref.href,
-      testId = _ref.testId,
-      linkComponent = _ref.linkComponent;
+    onClick = _ref.onClick,
+    href = _ref.href,
+    testId = _ref.testId,
+    linkComponent = _ref.linkComponent;
   // FIXME: This path doesn't make sense
   // If the intent of the design for this component is to use an action, not providing `href` or `onClick`
   // makes the use case invalid. This should be addressed.

package/dist/cjs/section-message.js

@@ -1,26 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-
+var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
+var _stack = _interopRequireDefault(require("@atlaskit/primitives/stack"));
 var _appearanceIcon = require("./internal/appearance-icon");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 /**
@@ -34,22 +27,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage(_ref, ref) {
   var children = _ref.children,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'information' : _ref$appearance,
-      actions = _ref.actions,
-      title = _ref.title,
-      icon = _ref.icon,
-      testId = _ref.testId;
-
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'information' : _ref$appearance,
+    actions = _ref.actions,
+    title = _ref.title,
+    icon = _ref.icon,
+    testId = _ref.testId;
   var _getAppearanceIconSty = (0, _appearanceIcon.getAppearanceIconStyles)(appearance, icon),
-      primaryColor = _getAppearanceIconSty.primaryIconColor,
-      secondaryColor = _getAppearanceIconSty.backgroundColor,
-      Icon = _getAppearanceIconSty.Icon;
-
+    primaryColor = _getAppearanceIconSty.primaryIconColor,
+    secondaryColor = _getAppearanceIconSty.backgroundColor,
+    Icon = _getAppearanceIconSty.Icon;
   var actionElements = actions && actions.type === _react.default.Fragment ? actions.props.children : actions;
-
   var actionsArray = _react.default.Children.toArray(actionElements);
-
   return /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Box, {
     as: "section",
     backgroundColor: appearanceMap[appearance],
@@ -60,8 +49,8 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
     UNSAFE_style: {
       wordBreak: 'break-word'
     }
-  }, /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Inline, {
-    gap: "space.200"
+  }, /*#__PURE__*/_react.default.createElement(_inline.default, {
+    space: "200"
   }, /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Box, {
     UNSAFE_style: {
       margin: '-2px 0'
@@ -70,17 +59,18 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
     size: "medium",
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
-  })), /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Stack, {
-    gap: "space.100",
+  })), /*#__PURE__*/_react.default.createElement(_stack.default, {
+    space: "100",
     testId: testId && "".concat(testId, "--content")
   }, !!title && /*#__PURE__*/_react.default.createElement(_heading.default, {
     as: "h2",
     level: "h500"
-  }, title), /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Text, null, children), actionsArray.length > 0 && /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Inline, {
-    flexWrap: "wrap",
+  }, title), /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Text, null, children), actionsArray.length > 0 && /*#__PURE__*/_react.default.createElement(_inline.default, {
+    shouldWrap: true,
     testId: testId && "".concat(testId, "--actions"),
-    divider: "\xB7",
-    gap: "space.100"
+    separator: "\xB7",
+    space: "100",
+    rowSpace: "0"
   }, actionsArray))));
 });
 var appearanceMap = {

package/dist/cjs/version.json

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

package/dist/es2019/internal/appearance-icon.js

@@ -34,7 +34,8 @@ export const appearanceIconSchema = {
 export function getAppearanceIconStyles(appearance, icon) {
   const appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
   const Icon = icon || appearanceIconStyles.Icon;
-  return { ...appearanceIconStyles,
+  return {
+    ...appearanceIconStyles,
     Icon
   };
 }

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

@@ -1,6 +1,5 @@
 import React, { memo } from 'react';
 import Button from '@atlaskit/button/standard-button';
-
 /**
  * __Section message action__
  *

package/dist/es2019/section-message.js

@@ -1,9 +1,10 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React, { forwardRef } from 'react';
-import { UNSAFE_Box as Box, UNSAFE_Inline as Inline, UNSAFE_Stack as Stack, UNSAFE_Text as Text } from '@atlaskit/ds-explorations';
+import { UNSAFE_Box as Box, UNSAFE_Text as Text } from '@atlaskit/ds-explorations';
 import Heading from '@atlaskit/heading';
+import Inline from '@atlaskit/primitives/inline';
+import Stack from '@atlaskit/primitives/stack';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
-
 /**
  * __Section message__
  *
@@ -39,7 +40,7 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
       wordBreak: 'break-word'
     }
   }, /*#__PURE__*/React.createElement(Inline, {
-    gap: "space.200"
+    space: "200"
   }, /*#__PURE__*/React.createElement(Box, {
     UNSAFE_style: {
       margin: '-2px 0'
@@ -49,16 +50,17 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
   })), /*#__PURE__*/React.createElement(Stack, {
-    gap: "space.100",
+    space: "100",
     testId: testId && `${testId}--content`
   }, !!title && /*#__PURE__*/React.createElement(Heading, {
     as: "h2",
     level: "h500"
   }, title), /*#__PURE__*/React.createElement(Text, null, children), actionsArray.length > 0 && /*#__PURE__*/React.createElement(Inline, {
-    flexWrap: "wrap",
+    shouldWrap: true,
     testId: testId && `${testId}--actions`,
-    divider: "\xB7",
-    gap: "space.100"
+    separator: "\xB7",
+    space: "100",
+    rowSpace: "0"
   }, actionsArray))));
 });
 const appearanceMap = {

package/dist/es2019/version.json

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

package/dist/esm/internal/appearance-icon.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import InfoIcon from '@atlaskit/icon/glyph/info';

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

@@ -1,6 +1,5 @@
 import React, { memo } from 'react';
 import Button from '@atlaskit/button/standard-button';
-
 /**
  * __Section message action__
  *
@@ -12,10 +11,10 @@ import Button from '@atlaskit/button/standard-button';
  */
 var SectionMessageAction = /*#__PURE__*/memo(function SectionMessageAction(_ref) {
   var children = _ref.children,
-      onClick = _ref.onClick,
-      href = _ref.href,
-      testId = _ref.testId,
-      linkComponent = _ref.linkComponent;
+    onClick = _ref.onClick,
+    href = _ref.href,
+    testId = _ref.testId,
+    linkComponent = _ref.linkComponent;
   // FIXME: This path doesn't make sense
   // If the intent of the design for this component is to use an action, not providing `href` or `onClick`
   // makes the use case invalid. This should be addressed.

package/dist/esm/section-message.js

@@ -1,9 +1,10 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React, { forwardRef } from 'react';
-import { UNSAFE_Box as Box, UNSAFE_Inline as Inline, UNSAFE_Stack as Stack, UNSAFE_Text as Text } from '@atlaskit/ds-explorations';
+import { UNSAFE_Box as Box, UNSAFE_Text as Text } from '@atlaskit/ds-explorations';
 import Heading from '@atlaskit/heading';
+import Inline from '@atlaskit/primitives/inline';
+import Stack from '@atlaskit/primitives/stack';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
-
 /**
  * __Section message__
  *
@@ -15,18 +16,16 @@ import { getAppearanceIconStyles } from './internal/appearance-icon';
  */
 var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref) {
   var children = _ref.children,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'information' : _ref$appearance,
-      actions = _ref.actions,
-      title = _ref.title,
-      icon = _ref.icon,
-      testId = _ref.testId;
-
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'information' : _ref$appearance,
+    actions = _ref.actions,
+    title = _ref.title,
+    icon = _ref.icon,
+    testId = _ref.testId;
   var _getAppearanceIconSty = getAppearanceIconStyles(appearance, icon),
-      primaryColor = _getAppearanceIconSty.primaryIconColor,
-      secondaryColor = _getAppearanceIconSty.backgroundColor,
-      Icon = _getAppearanceIconSty.Icon;
-
+    primaryColor = _getAppearanceIconSty.primaryIconColor,
+    secondaryColor = _getAppearanceIconSty.backgroundColor,
+    Icon = _getAppearanceIconSty.Icon;
   var actionElements = actions && actions.type === React.Fragment ? actions.props.children : actions;
   var actionsArray = React.Children.toArray(actionElements);
   return /*#__PURE__*/React.createElement(Box, {
@@ -40,7 +39,7 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
       wordBreak: 'break-word'
     }
   }, /*#__PURE__*/React.createElement(Inline, {
-    gap: "space.200"
+    space: "200"
   }, /*#__PURE__*/React.createElement(Box, {
     UNSAFE_style: {
       margin: '-2px 0'
@@ -50,16 +49,17 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
   })), /*#__PURE__*/React.createElement(Stack, {
-    gap: "space.100",
+    space: "100",
     testId: testId && "".concat(testId, "--content")
   }, !!title && /*#__PURE__*/React.createElement(Heading, {
     as: "h2",
     level: "h500"
   }, title), /*#__PURE__*/React.createElement(Text, null, children), actionsArray.length > 0 && /*#__PURE__*/React.createElement(Inline, {
-    flexWrap: "wrap",
+    shouldWrap: true,
     testId: testId && "".concat(testId, "--actions"),
-    divider: "\xB7",
-    gap: "space.100"
+    separator: "\xB7",
+    space: "100",
+    rowSpace: "0"
   }, actionsArray))));
 });
 var appearanceMap = {

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/section-message",
-  "version": "6.3.9",
+  "version": "6.3.11",
   "description": "A section message is used to alert users to a particular section of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,6 @@
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -35,16 +34,17 @@
     "@atlaskit/ds-explorations": "^2.0.0",
     "@atlaskit/heading": "^1.1.0",
     "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/primitives": "^0.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/analytics-next": "^8.1.2",
-    "@atlaskit/code": "^14.4.0",
+    "@atlaskit/analytics-next": "^9.0.0",
+    "@atlaskit/code": "^14.5.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/range": "^7.0.0",
@@ -76,8 +76,10 @@
       "styling": [
         "emotion"
       ],
-      "design-tokens": "spacing",
-      "theming": "tokens",
+      "design-tokens": [
+        "color",
+        "spacing"
+      ],
       "deprecation": "no-deprecated-imports"
     }
   },

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -61,3 +62,15 @@ export interface SectionMessageProps {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->