@atlaskit/section-message 6.4.10 → 6.4.12

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/section-message
 
+## 6.4.12
+
+### Patch Changes
+
+- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+
+## 6.4.11
+
+### Patch Changes
+
+- [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
+- [`95401cac781`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95401cac781) - Internal change to component composition. There is no expected change.
+
 ## 6.4.10
 
 ### Patch Changes

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

@@ -13,8 +13,8 @@ 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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var appearanceIconSchema = {
   information: {
     backgroundColor: "var(--ds-background-information, ".concat(_colors.B50, ")"),

package/dist/cjs/section-message.js

@@ -9,12 +9,18 @@ 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 _primitives = require("@atlaskit/primitives");
 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 */
+var sectionMessageStyles = (0, _primitives.xcss)({
+  wordBreak: 'break-word',
+  borderRadius: 'border.radius'
+});
+var bleedStyles = (0, _primitives.xcss)({
+  display: 'flex',
+  marginBlock: "var(--ds-space-negative-025, -2px)"
+});
 
 /**
  * __Section message__
@@ -39,34 +45,29 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
     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, {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "section",
     backgroundColor: appearanceMap[appearance],
     padding: "space.200",
-    borderRadius: "normal",
     testId: testId,
     ref: ref,
-    UNSAFE_style: {
-      wordBreak: 'break-word'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_inline.default, {
+    xcss: sectionMessageStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     space: "space.200",
     alignBlock: "stretch"
-  }, /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Box, {
-    UNSAFE_style: {
-      margin: '-2px 0'
-    }
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: bleedStyles
   }, /*#__PURE__*/_react.default.createElement(Icon, {
     size: "medium",
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
-  })), /*#__PURE__*/_react.default.createElement(_stack.default, {
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "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(_inline.default, {
+  }, title), /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Text, null, children), actionsArray.length > 0 && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     shouldWrap: true,
     testId: testId && "".concat(testId, "--actions"),
     separator: "\xB7",
@@ -75,11 +76,11 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
   }, actionsArray))));
 });
 var appearanceMap = {
-  information: 'information',
-  warning: 'warning',
-  error: 'danger',
-  success: 'success',
-  discovery: 'discovery'
+  information: 'color.background.information',
+  warning: 'color.background.warning',
+  error: 'color.background.danger',
+  success: 'color.background.success',
+  discovery: 'color.background.discovery'
 };
 SectionMessage.displayName = 'SectionMessage';
 var _default = SectionMessage;

package/dist/es2019/section-message.js

@@ -1,10 +1,17 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React, { forwardRef } from 'react';
-import { UNSAFE_Box as Box, UNSAFE_Text as Text } from '@atlaskit/ds-explorations';
+import { 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 { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
+const sectionMessageStyles = xcss({
+  wordBreak: 'break-word',
+  borderRadius: 'border.radius'
+});
+const bleedStyles = xcss({
+  display: 'flex',
+  marginBlock: `${"var(--ds-space-negative-025, -2px)"}`
+});
+
 /**
  * __Section message__
  *
@@ -33,19 +40,14 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
     as: "section",
     backgroundColor: appearanceMap[appearance],
     padding: "space.200",
-    borderRadius: "normal",
     testId: testId,
     ref: ref,
-    UNSAFE_style: {
-      wordBreak: 'break-word'
-    }
+    xcss: sectionMessageStyles
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.200",
     alignBlock: "stretch"
   }, /*#__PURE__*/React.createElement(Box, {
-    UNSAFE_style: {
-      margin: '-2px 0'
-    }
+    xcss: bleedStyles
   }, /*#__PURE__*/React.createElement(Icon, {
     size: "medium",
     primaryColor: primaryColor,
@@ -65,11 +67,11 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
   }, actionsArray))));
 });
 const appearanceMap = {
-  information: 'information',
-  warning: 'warning',
-  error: 'danger',
-  success: 'success',
-  discovery: 'discovery'
+  information: 'color.background.information',
+  warning: 'color.background.warning',
+  error: 'color.background.danger',
+  success: 'color.background.success',
+  discovery: 'color.background.discovery'
 };
 SectionMessage.displayName = 'SectionMessage';
 export default SectionMessage;

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

@@ -1,6 +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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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.js

@@ -1,10 +1,17 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React, { forwardRef } from 'react';
-import { UNSAFE_Box as Box, UNSAFE_Text as Text } from '@atlaskit/ds-explorations';
+import { 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 { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
+var sectionMessageStyles = xcss({
+  wordBreak: 'break-word',
+  borderRadius: 'border.radius'
+});
+var bleedStyles = xcss({
+  display: 'flex',
+  marginBlock: "var(--ds-space-negative-025, -2px)"
+});
+
 /**
  * __Section message__
  *
@@ -32,19 +39,14 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
     as: "section",
     backgroundColor: appearanceMap[appearance],
     padding: "space.200",
-    borderRadius: "normal",
     testId: testId,
     ref: ref,
-    UNSAFE_style: {
-      wordBreak: 'break-word'
-    }
+    xcss: sectionMessageStyles
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.200",
     alignBlock: "stretch"
   }, /*#__PURE__*/React.createElement(Box, {
-    UNSAFE_style: {
-      margin: '-2px 0'
-    }
+    xcss: bleedStyles
   }, /*#__PURE__*/React.createElement(Icon, {
     size: "medium",
     primaryColor: primaryColor,
@@ -64,11 +66,11 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
   }, actionsArray))));
 });
 var appearanceMap = {
-  information: 'information',
-  warning: 'warning',
-  error: 'danger',
-  success: 'success',
-  discovery: 'discovery'
+  information: 'color.background.information',
+  warning: 'color.background.warning',
+  error: 'color.background.danger',
+  success: 'color.background.success',
+  discovery: 'color.background.discovery'
 };
 SectionMessage.displayName = 'SectionMessage';
 export default SectionMessage;

package/dist/types/internal/appearance-icon.d.ts

@@ -9,7 +9,7 @@ export declare const appearanceIconSchema: {
     [key in Appearance]: AppearanceIconSchema;
 };
 export declare function getAppearanceIconStyles(appearance: Appearance, icon: SectionMessageProps['icon']): {
-    Icon: "symbol" | "object" | "head" | "link" | "source" | "body" | "path" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
+    Icon: "symbol" | "object" | "head" | "link" | "source" | "body" | "path" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
     backgroundColor: string;
     primaryIconColor: string;
 };

package/dist/types-ts4.5/internal/appearance-icon.d.ts

@@ -9,7 +9,7 @@ export declare const appearanceIconSchema: {
     [key in Appearance]: AppearanceIconSchema;
 };
 export declare function getAppearanceIconStyles(appearance: Appearance, icon: SectionMessageProps['icon']): {
-    Icon: "symbol" | "object" | "head" | "link" | "source" | "body" | "path" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
+    Icon: "symbol" | "object" | "head" | "link" | "source" | "body" | "path" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
     backgroundColor: string;
     primaryIconColor: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/section-message",
-  "version": "6.4.10",
+  "version": "6.4.12",
   "description": "A section message is used to alert users to a particular section of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,22 +37,22 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/button": "^16.8.0",
+    "@atlaskit/button": "^16.10.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-explorations": "^2.2.0",
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/primitives": "^1.0.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/primitives": "^1.4.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.21.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
+    "@af/accessibility-testing": "*",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/code": "^14.6.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -91,4 +91,4 @@
   },
   "homepage": "https://atlassian.design/components/section-message/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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