@atlaskit/section-message 8.2.10 → 8.4.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/section-message
 
+## 8.4.0
+
+### Minor Changes
+
+- [#189812](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189812)
+  [`1a7ddaeaf04ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a7ddaeaf04ce) -
+  [ux] We are testing a change behind a feature flag. Section message action link styles will
+  reflect and utilize `@atlaskit/link`, being regular font weight and also now support `target`
+  attributes. If this fix is successful it will be available in a later release.
+
+## 8.3.0
+
+### Minor Changes
+
+- [#189208](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189208)
+  [`b8cad439e7f12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b8cad439e7f12) -
+  [ux] We are testing a change behind a feature flag. Discovery appearance section messages will be
+  updated from the 'question mark circle' icon to the 'discovery' icon. If this fix is successful it
+  will be available in a later release.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.2.10
 
 ### Patch Changes

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

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAppearanceIconStyles = getAppearanceIconStyles;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _discoveryEditorNote = _interopRequireDefault(require("@atlaskit/icon/core/migration/discovery--editor-note"));
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
 var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
 var _statusInformationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-information--info"));
 var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
 var _statusWarningWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--warning"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 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; }
@@ -40,10 +42,15 @@ var appearanceIconSchema = {
     backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
     Icon: _questionCircle.default,
     primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
+  },
+  discoveryUpdated: {
+    backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
+    Icon: _discoveryEditorNote.default,
+    primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
   }
 };
 function getAppearanceIconStyles(appearance, icon) {
-  var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
+  var appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && (0, _platformFeatureFlags.fg)('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
   var AppearanceIcon = function AppearanceIcon(_ref) {
     var size = _ref.size,
       primaryColor = _ref.primaryColor,

package/dist/cjs/section-message-action.compiled.css

@@ -1,9 +1,11 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
+._bfhk1j28{background-color:transparent}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._syaz14q2{color:var(--ds-link,#0c66e4)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}._1053w7te:visited{color:var(--ds-link-visited,#5e4db2)}

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

@@ -8,18 +8,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("./section-message-action.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _css = require("@atlaskit/css");
+var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var styles = {
+var stylesOld = {
   common: "_11c82smr _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
   anchor: "_1053w7te _9oik1r31 _1bnx8stv _jf4cnqa1 _n0fxw7te _1vhvg3x0",
   pressable: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1"
 };
+var styles = {
+  common: "_11c82smr",
+  anchor: "_k48pi7a9",
+  pressable: "_syaz14q2 _k48p1wq8 _bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * __Section message action__
@@ -35,35 +42,47 @@ var SectionMessageAction = /*#__PURE__*/(0, _react.memo)(function SectionMessage
     onClick = _ref.onClick,
     href = _ref.href,
     testId = _ref.testId,
-    linkComponent = _ref.linkComponent;
+    linkComponent = _ref.linkComponent,
+    target = _ref.target;
   if (!linkComponent && (0, _platformFeatureFlags.fg)('platform_section_message_action_migration')) {
     if (href) {
-      return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+      if ((0, _platformFeatureFlags.fg)('platform_dst_section_message_actions_as_link')) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: (0, _runtime.ax)([styles.common, styles.anchor])
+        }, /*#__PURE__*/React.createElement(_link.default, {
+          testId: testId,
+          onClick: onClick,
+          href: href,
+          target: target
+        }, children));
+      }
+      return /*#__PURE__*/React.createElement(_compiled.Anchor, {
         testId: testId,
         onClick: onClick,
         href: href,
-        xcss: (0, _css.cx)(styles.common, styles.anchor)
+        xcss: (0, _css.cx)(stylesOld.common, stylesOld.anchor)
       }, children);
     }
     if (onClick) {
-      return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+      return /*#__PURE__*/React.createElement(_compiled.Pressable, {
         testId: testId,
         onClick: onClick,
-        xcss: (0, _css.cx)(styles.common, styles.pressable)
+        xcss: (0, _css.cx)((0, _platformFeatureFlags.fg)('platform_dst_section_message_actions_as_link') ? styles.common : stylesOld.common, (0, _platformFeatureFlags.fg)('platform_dst_section_message_actions_as_link') ? styles.pressable : stylesOld.pressable)
       }, children);
     }
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/React.createElement(_compiled.Box, {
       as: "span",
-      testId: testId
+      testId: testId,
+      xcss: (0, _platformFeatureFlags.fg)('platform_dst_section_message_actions_as_link') && styles.common
     }, children);
   }
-  return onClick || href ? /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+  return onClick || href ? /*#__PURE__*/React.createElement(_standardButton.default, {
     testId: testId,
     appearance: "link",
     spacing: "none",
     onClick: onClick,
     href: href,
     component: href ? linkComponent : undefined
-  }, children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }, children) : /*#__PURE__*/React.createElement(_react.Fragment, null, children);
 });
 var _default = exports.default = SectionMessageAction;

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

@@ -1,9 +1,11 @@
 import React from 'react';
+import DiscoveryIcon from '@atlaskit/icon/core/migration/discovery--editor-note';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import InfoIcon from '@atlaskit/icon/core/migration/status-information--info';
 import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
 import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
 const appearanceIconSchema = {
   information: {
@@ -30,10 +32,15 @@ const appearanceIconSchema = {
     backgroundColor: `var(--ds-background-discovery, ${P50})`,
     Icon: QuestionCircleIcon,
     primaryIconColor: `var(--ds-icon-discovery, ${P500})`
+  },
+  discoveryUpdated: {
+    backgroundColor: `var(--ds-background-discovery, ${P50})`,
+    Icon: DiscoveryIcon,
+    primaryIconColor: `var(--ds-icon-discovery, ${P500})`
   }
 };
 export function getAppearanceIconStyles(appearance, icon) {
-  const appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
+  const appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && fg('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
   const AppearanceIcon = ({
     size,
     primaryColor,

package/dist/es2019/section-message-action.compiled.css

@@ -1,9 +1,11 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
+._bfhk1j28{background-color:transparent}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._syaz14q2{color:var(--ds-link,#0c66e4)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}._1053w7te:visited{color:var(--ds-link-visited,#5e4db2)}

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

@@ -1,16 +1,23 @@
 /* section-message-action.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./section-message-action.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { memo } from 'react';
+import { Fragment, memo } from 'react';
 import Button from '@atlaskit/button/standard-button';
 import { cx } from '@atlaskit/css';
+import Link from '@atlaskit/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box, Pressable } from '@atlaskit/primitives/compiled';
-const styles = {
+const stylesOld = {
   common: "_11c82smr _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
   anchor: "_1053w7te _9oik1r31 _1bnx8stv _jf4cnqa1 _n0fxw7te _1vhvg3x0",
   pressable: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1"
 };
+const styles = {
+  common: "_11c82smr",
+  anchor: "_k48pi7a9",
+  pressable: "_syaz14q2 _k48p1wq8 _bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * __Section message action__
@@ -26,27 +33,39 @@ const SectionMessageAction = /*#__PURE__*/memo(function SectionMessageAction({
   onClick,
   href,
   testId,
-  linkComponent
+  linkComponent,
+  target
 }) {
   if (!linkComponent && fg('platform_section_message_action_migration')) {
     if (href) {
+      if (fg('platform_dst_section_message_actions_as_link')) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: ax([styles.common, styles.anchor])
+        }, /*#__PURE__*/React.createElement(Link, {
+          testId: testId,
+          onClick: onClick,
+          href: href,
+          target: target
+        }, children));
+      }
       return /*#__PURE__*/React.createElement(Anchor, {
         testId: testId,
         onClick: onClick,
         href: href,
-        xcss: cx(styles.common, styles.anchor)
+        xcss: cx(stylesOld.common, stylesOld.anchor)
       }, children);
     }
     if (onClick) {
       return /*#__PURE__*/React.createElement(Pressable, {
         testId: testId,
         onClick: onClick,
-        xcss: cx(styles.common, styles.pressable)
+        xcss: cx(fg('platform_dst_section_message_actions_as_link') ? styles.common : stylesOld.common, fg('platform_dst_section_message_actions_as_link') ? styles.pressable : stylesOld.pressable)
       }, children);
     }
     return /*#__PURE__*/React.createElement(Box, {
       as: "span",
-      testId: testId
+      testId: testId,
+      xcss: fg('platform_dst_section_message_actions_as_link') && styles.common
     }, children);
   }
   return onClick || href ? /*#__PURE__*/React.createElement(Button, {
@@ -56,6 +75,6 @@ const SectionMessageAction = /*#__PURE__*/memo(function SectionMessageAction({
     onClick: onClick,
     href: href,
     component: href ? linkComponent : undefined
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }, children) : /*#__PURE__*/React.createElement(Fragment, null, children);
 });
 export default SectionMessageAction;

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

@@ -2,11 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 React from 'react';
+import DiscoveryIcon from '@atlaskit/icon/core/migration/discovery--editor-note';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import InfoIcon from '@atlaskit/icon/core/migration/status-information--info';
 import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
 import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
 var appearanceIconSchema = {
   information: {
@@ -33,10 +35,15 @@ var appearanceIconSchema = {
     backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
     Icon: QuestionCircleIcon,
     primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
+  },
+  discoveryUpdated: {
+    backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
+    Icon: DiscoveryIcon,
+    primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
   }
 };
 export function getAppearanceIconStyles(appearance, icon) {
-  var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
+  var appearanceIconStyles = appearanceIconSchema[appearance === 'discovery' && fg('platform_dst_section_message_discovery_icon') ? 'discoveryUpdated' : appearance] || appearanceIconSchema.information;
   var AppearanceIcon = function AppearanceIcon(_ref) {
     var size = _ref.size,
       primaryColor = _ref.primaryColor,

package/dist/esm/section-message-action.compiled.css

@@ -1,9 +1,11 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
+._bfhk1j28{background-color:transparent}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._syaz14q2{color:var(--ds-link,#0c66e4)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}._1053w7te:visited{color:var(--ds-link-visited,#5e4db2)}

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

@@ -1,16 +1,23 @@
 /* section-message-action.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./section-message-action.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { memo } from 'react';
+import { Fragment, memo } from 'react';
 import Button from '@atlaskit/button/standard-button';
 import { cx } from '@atlaskit/css';
+import Link from '@atlaskit/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box, Pressable } from '@atlaskit/primitives/compiled';
-var styles = {
+var stylesOld = {
   common: "_11c82smr _syaz14q2 _k48p1wq8 _30l314q2 _9h8h16c2",
   anchor: "_1053w7te _9oik1r31 _1bnx8stv _jf4cnqa1 _n0fxw7te _1vhvg3x0",
   pressable: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1"
 };
+var styles = {
+  common: "_11c82smr",
+  anchor: "_k48pi7a9",
+  pressable: "_syaz14q2 _k48p1wq8 _bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * __Section message action__
@@ -26,26 +33,38 @@ var SectionMessageAction = /*#__PURE__*/memo(function SectionMessageAction(_ref)
     onClick = _ref.onClick,
     href = _ref.href,
     testId = _ref.testId,
-    linkComponent = _ref.linkComponent;
+    linkComponent = _ref.linkComponent,
+    target = _ref.target;
   if (!linkComponent && fg('platform_section_message_action_migration')) {
     if (href) {
+      if (fg('platform_dst_section_message_actions_as_link')) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: ax([styles.common, styles.anchor])
+        }, /*#__PURE__*/React.createElement(Link, {
+          testId: testId,
+          onClick: onClick,
+          href: href,
+          target: target
+        }, children));
+      }
       return /*#__PURE__*/React.createElement(Anchor, {
         testId: testId,
         onClick: onClick,
         href: href,
-        xcss: cx(styles.common, styles.anchor)
+        xcss: cx(stylesOld.common, stylesOld.anchor)
       }, children);
     }
     if (onClick) {
       return /*#__PURE__*/React.createElement(Pressable, {
         testId: testId,
         onClick: onClick,
-        xcss: cx(styles.common, styles.pressable)
+        xcss: cx(fg('platform_dst_section_message_actions_as_link') ? styles.common : stylesOld.common, fg('platform_dst_section_message_actions_as_link') ? styles.pressable : stylesOld.pressable)
       }, children);
     }
     return /*#__PURE__*/React.createElement(Box, {
       as: "span",
-      testId: testId
+      testId: testId,
+      xcss: fg('platform_dst_section_message_actions_as_link') && styles.common
     }, children);
   }
   return onClick || href ? /*#__PURE__*/React.createElement(Button, {
@@ -55,6 +74,6 @@ var SectionMessageAction = /*#__PURE__*/memo(function SectionMessageAction(_ref)
     onClick: onClick,
     href: href,
     component: href ? linkComponent : undefined
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }, children) : /*#__PURE__*/React.createElement(Fragment, null, children);
 });
 export default SectionMessageAction;

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

@@ -8,4 +8,5 @@ export declare function getAppearanceIconStyles(appearance: Appearance, icon: Se
     }) => React.JSX.Element);
     backgroundColor: string;
     primaryIconColor: string;
+    LegacyFallbackIcon?: React.ComponentType<any> | undefined;
 };

package/dist/types/section-message-action.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { SectionMessageActionProps } from './types';
 /**
  * __Section message action__
@@ -9,5 +9,5 @@ import type { SectionMessageActionProps } from './types';
  *
  * - [Examples](https://atlassian.design/components/section-message/examples#actions)
  */
-declare const SectionMessageAction: React.NamedExoticComponent<SectionMessageActionProps>;
+declare const SectionMessageAction: import("react").NamedExoticComponent<SectionMessageActionProps>;
 export default SectionMessageAction;

package/dist/types/types.d.ts

@@ -62,6 +62,10 @@ export interface SectionMessageActionProps {
      * The URL that the rendered link button will point to.
      */
     href?: string;
+    /**
+     * The target attribute of the link. This is only used if the href prop is passed.
+     */
+    target?: HTMLAnchorElement['target'];
     /**
      * A `testId` prop is a unique string that appears as a data attribute `data-testid`
      * in the rendered code, serving as a hook for automated tests.

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

@@ -8,4 +8,5 @@ export declare function getAppearanceIconStyles(appearance: Appearance, icon: Se
     }) => React.JSX.Element);
     backgroundColor: string;
     primaryIconColor: string;
+    LegacyFallbackIcon?: React.ComponentType<any> | undefined;
 };

package/dist/types-ts4.5/section-message-action.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { SectionMessageActionProps } from './types';
 /**
  * __Section message action__
@@ -9,5 +9,5 @@ import type { SectionMessageActionProps } from './types';
  *
  * - [Examples](https://atlassian.design/components/section-message/examples#actions)
  */
-declare const SectionMessageAction: React.NamedExoticComponent<SectionMessageActionProps>;
+declare const SectionMessageAction: import("react").NamedExoticComponent<SectionMessageActionProps>;
 export default SectionMessageAction;

package/dist/types-ts4.5/types.d.ts

@@ -62,6 +62,10 @@ export interface SectionMessageActionProps {
      * The URL that the rendered link button will point to.
      */
     href?: string;
+    /**
+     * The target attribute of the link. This is only used if the href prop is passed.
+     */
+    target?: HTMLAnchorElement['target'];
     /**
      * A `testId` prop is a unique string that appears as a data attribute `data-testid`
      * in the rendered code, serving as a hook for automated tests.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "8.2.10",
+	"version": "8.4.0",
 	"description": "A section message is used to alert users to a particular section of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,7 +42,8 @@
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.5.0",
+		"@atlaskit/icon": "^27.6.0",
+		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/theme": "^19.0.0",
@@ -59,9 +60,8 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/docs": "^11.0.0",
-		"@atlaskit/ds-lib": "^4.1.0",
+		"@atlaskit/ds-lib": "^5.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/range": "^9.1.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/ssr-tests": "^0.2.0",
@@ -96,8 +96,14 @@
 		"platform_section_message_action_migration": {
 			"type": "boolean"
 		},
+		"platform_dst_section_message_actions_as_link": {
+			"type": "boolean"
+		},
 		"platform_ads_explicit_font_styles": {
 			"type": "boolean"
+		},
+		"platform_dst_section_message_discovery_icon": {
+			"type": "boolean"
 		}
 	}
 }