@atlaskit/menu 1.2.6 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/menu
 
+## 1.3.0
+
+### Minor Changes
+
+- [`77c46ec96a7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77c46ec96a7) - Adds a prop for `role` to the MenuGroup component that acts as you'd expect the HTML attribute to act. You are now able to override the accessibility role for the element.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.2.6
 
 ### Patch Changes

package/dist/cjs/menu-section/menu-group.js

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _core = require("@emotion/core");
 
-var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId"];
+var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role"];
 var groupStyles = (0, _core.css)({
   display: 'flex',
   flexDirection: 'column',
@@ -34,6 +34,7 @@ var MenuGroup = function MenuGroup(_ref) {
       minHeight = _ref.minHeight,
       maxHeight = _ref.maxHeight,
       testId = _ref.testId,
+      role = _ref.role,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("div", (0, _extends2.default)({
     style: {
@@ -43,7 +44,8 @@ var MenuGroup = function MenuGroup(_ref) {
       maxHeight: maxHeight
     },
     css: groupStyles,
-    "data-testid": testId // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    "data-testid": testId,
+    role: role // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 
   }, rest));
 };

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "1.2.6",
+	"version": "1.3.0",
 	"sideEffects": false
 }

package/dist/es2019/menu-section/menu-group.js

@@ -22,6 +22,7 @@ const MenuGroup = ({
   minHeight,
   maxHeight,
   testId,
+  role,
   ...rest
 }) => jsx("div", _extends({
   style: {
@@ -31,7 +32,8 @@ const MenuGroup = ({
     maxHeight
   },
   css: groupStyles,
-  "data-testid": testId // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  "data-testid": testId,
+  role: role // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 
 }, rest));
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "1.2.6",
+	"version": "1.3.0",
 	"sideEffects": false
 }

package/dist/esm/menu-section/menu-group.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId"];
+var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role"];
 
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
@@ -24,6 +24,7 @@ var MenuGroup = function MenuGroup(_ref) {
       minHeight = _ref.minHeight,
       maxHeight = _ref.maxHeight,
       testId = _ref.testId,
+      role = _ref.role,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("div", _extends({
@@ -34,7 +35,8 @@ var MenuGroup = function MenuGroup(_ref) {
       maxHeight: maxHeight
     },
     css: groupStyles,
-    "data-testid": testId // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    "data-testid": testId,
+    role: role // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 
   }, rest));
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "1.2.6",
+	"version": "1.3.0",
 	"sideEffects": false
 }

package/dist/types/menu-section/menu-group.d.ts

@@ -8,5 +8,5 @@ import type { MenuGroupProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/menu-group)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, ...rest }: MenuGroupProps) => JSX.Element;
+declare const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, role, ...rest }: MenuGroupProps) => JSX.Element;
 export default MenuGroup;

package/dist/types/types.d.ts

@@ -45,6 +45,10 @@ export interface MenuGroupProps extends MenuGroupSizing {
      * should generally be `Section` components.
      */
     children: React.ReactNode;
+    /**
+     * Used to override the accessibility role for the element.
+     */
+    role?: string;
     /**
      * A `testId` prop is provided for specified elements,
      * which is a unique string that appears as a data attribute `data-testid` in the rendered code,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/menu",
-  "version": "1.2.6",
+  "version": "1.3.0",
   "description": "A collection of composable menu components that can be used anywhere.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/ds-lib": "^1.4.0",
     "@atlaskit/focus-ring": "^1.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.6.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@atlaskit/avatar": "^20.5.0",
-    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.0.0",