@atlaskit/navigation-system 2.23.1 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlassian/navigation-system
 
+## 3.0.0
+
+### Major Changes
+
+- [`f32509352e004`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f32509352e004) -
+  `MenuSectionHeading` has been updated to use regular text (`p` element) instead of a heading (`h2`
+  element). This change was behind a feature flag, which has now been cleaned up.
+
+  This has been done to resolve accessibility issues with the component. It does not need to be a
+  heading semantically.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.23.1
 
 ### Patch Changes

package/dist/cjs/ui/menu-section/menu-section-heading.js

@@ -9,7 +9,6 @@ exports.MenuSectionHeading = void 0;
 require("./menu-section-heading.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _menuSectionContext = require("./menu-section-context");
 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 = {
@@ -24,10 +23,7 @@ var styles = {
 var MenuSectionHeading = exports.MenuSectionHeading = function MenuSectionHeading(_ref) {
   var children = _ref.children;
   var id = (0, _menuSectionContext.useMenuSectionContext)();
-  return (0, _platformFeatureFlags.fg)('platform_dst_nav4_menu_section_heading_a11y') ? /*#__PURE__*/React.createElement("p", {
-    id: "".concat(id, "-heading"),
-    className: (0, _runtime.ax)([styles.root])
-  }, children) : /*#__PURE__*/React.createElement("h2", {
+  return /*#__PURE__*/React.createElement("p", {
     id: "".concat(id, "-heading"),
     className: (0, _runtime.ax)([styles.root])
   }, children);

package/dist/es2019/ui/menu-section/menu-section-heading.js

@@ -2,7 +2,6 @@
 import "./menu-section-heading.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useMenuSectionContext } from './menu-section-context';
 const styles = {
   root: "_11c81vhk _1rjcu2gc _syaz131l _bozg12x7"
@@ -17,10 +16,7 @@ export const MenuSectionHeading = ({
   children
 }) => {
   const id = useMenuSectionContext();
-  return fg('platform_dst_nav4_menu_section_heading_a11y') ? /*#__PURE__*/React.createElement("p", {
-    id: `${id}-heading`,
-    className: ax([styles.root])
-  }, children) : /*#__PURE__*/React.createElement("h2", {
+  return /*#__PURE__*/React.createElement("p", {
     id: `${id}-heading`,
     className: ax([styles.root])
   }, children);

package/dist/esm/ui/menu-section/menu-section-heading.js

@@ -2,7 +2,6 @@
 import "./menu-section-heading.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useMenuSectionContext } from './menu-section-context';
 var styles = {
   root: "_11c81vhk _1rjcu2gc _syaz131l _bozg12x7"
@@ -16,10 +15,7 @@ var styles = {
 export var MenuSectionHeading = function MenuSectionHeading(_ref) {
   var children = _ref.children;
   var id = useMenuSectionContext();
-  return fg('platform_dst_nav4_menu_section_heading_a11y') ? /*#__PURE__*/React.createElement("p", {
-    id: "".concat(id, "-heading"),
-    className: ax([styles.root])
-  }, children) : /*#__PURE__*/React.createElement("h2", {
+  return /*#__PURE__*/React.createElement("p", {
     id: "".concat(id, "-heading"),
     className: ax([styles.root])
   }, children);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.23.1",
+	"version": "3.0.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -79,7 +79,7 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
-		"@atlaskit/primitives": "^15.0.0",
+		"@atlaskit/primitives": "^16.0.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -177,9 +177,6 @@
 		"platform_dst_nav4_full_height_sidebar_api_changes": {
 			"type": "boolean"
 		},
-		"platform_dst_nav4_menu_section_heading_a11y": {
-			"type": "boolean"
-		},
 		"platform-dst-tooltip-shortcuts": {
 			"type": "boolean"
 		},