@atlaskit/section-message 8.1.0 → 8.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/section-message
 
+## 8.2.0
+
+### Minor Changes
+
+- [#128669](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128669)
+  [`81a9df729e371`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81a9df729e371) -
+  Explicit font styles have been set for the section message actions container, to prevent inherited
+  styles from affecting the component. This change is behind the feature
+  flag`platform_ads_explicit_font_styles`.
+
+## 8.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.1.0
 
 ### Minor Changes

package/dist/cjs/section-message.js

@@ -11,6 +11,7 @@ require("./section-message.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _appearanceIcon = require("./internal/appearance-icon");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -18,7 +19,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var sectionMessageStyles = {
   container: "_2rkoglpi _1nmz1hna",
   bleed: "_1mou1i6y _1e0c1txw",
-  content: "_11c82smr _syaz1fxt"
+  content: "_11c82smr _syaz1fxt",
+  actionsContainer: "_11c82smr"
 };
 
 /**
@@ -79,7 +81,8 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
     separator: "\xB7",
     space: "space.100",
     rowSpace: "space.0",
-    role: "list"
+    role: "list",
+    xcss: (0, _platformFeatureFlags.fg)('platform_ads_explicit_font_styles') && sectionMessageStyles.actionsContainer
   }, actionsArray.map(function (action, id) {
     return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
       role: "listitem",

package/dist/es2019/section-message.js

@@ -3,12 +3,14 @@ import "./section-message.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import Heading from '@atlaskit/heading';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
 const sectionMessageStyles = {
   container: "_2rkoglpi _1nmz1hna",
   bleed: "_1mou1i6y _1e0c1txw",
-  content: "_11c82smr _syaz1fxt"
+  content: "_11c82smr _syaz1fxt",
+  actionsContainer: "_11c82smr"
 };
 
 /**
@@ -70,7 +72,8 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
     separator: "\xB7",
     space: "space.100",
     rowSpace: "space.0",
-    role: "list"
+    role: "list",
+    xcss: fg('platform_ads_explicit_font_styles') && sectionMessageStyles.actionsContainer
   }, actionsArray.map((action, id) => /*#__PURE__*/React.createElement(Inline, {
     role: "listitem",
     key: id

package/dist/esm/section-message.js

@@ -3,12 +3,14 @@ import "./section-message.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import Heading from '@atlaskit/heading';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
 var sectionMessageStyles = {
   container: "_2rkoglpi _1nmz1hna",
   bleed: "_1mou1i6y _1e0c1txw",
-  content: "_11c82smr _syaz1fxt"
+  content: "_11c82smr _syaz1fxt",
+  actionsContainer: "_11c82smr"
 };
 
 /**
@@ -69,7 +71,8 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
     separator: "\xB7",
     space: "space.100",
     rowSpace: "space.0",
-    role: "list"
+    role: "list",
+    xcss: fg('platform_ads_explicit_font_styles') && sectionMessageStyles.actionsContainer
   }, actionsArray.map(function (action, id) {
     return /*#__PURE__*/React.createElement(Inline, {
       role: "listitem",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "8.1.0",
+	"version": "8.2.0",
 	"description": "A section message is used to alert users to a particular section of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,29 +43,29 @@
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^24.1.0",
+		"@atlaskit/icon": "^25.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "*",
-		"@af/integration-testing": "*",
-		"@af/visual-regression": "*",
+		"@af/accessibility-testing": "^2.0.0",
+		"@af/integration-testing": "^0.5.0",
+		"@af/visual-regression": "^1.3.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/code": "^16.0.0",
-		"@atlaskit/docs": "*",
+		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/link": "*",
+		"@atlaskit/link": "^3.0.0",
 		"@atlaskit/range": "^9.0.0",
-		"@atlaskit/ssr": "*",
-		"@atlassian/feature-flags-test-utils": "*",
+		"@atlaskit/ssr": "^0.4.0",
+		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
 		"typescript": "~5.4.2"
@@ -97,6 +97,9 @@
 		"platform_section_message_action_migration": {
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true
+		},
+		"platform_ads_explicit_font_styles": {
+			"type": "boolean"
 		}
 	}
 }