@atlaskit/menu 8.4.16 → 8.4.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/menu
 
+## 8.4.18
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.4.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.4.16
 
 ### Patch Changes

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

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _headingItem = _interopRequireDefault(require("../menu-item/heading-item"));
-var _excluded = ["children", "title", "titleId", "testId", "isScrollable", "hasSeparator", "id", "isList", "isSideNavSection", "className"];
+var _excluded = ["children", "title", "titleId", "testId", "isScrollable", "hasSeparator", "id", "isList", "isSideNavSection", "label", "className"];
 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 itemHeadingTopMargin = 20;
 var itemHeadingBottomMargin = 6;
@@ -55,6 +55,7 @@ var Section = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     isList = _ref$isList === void 0 ? false : _ref$isList,
     _ref$isSideNavSection = _ref.isSideNavSection,
     isSideNavSection = _ref$isSideNavSection === void 0 ? false : _ref$isSideNavSection,
+    label = _ref.label,
     UNSAFE_className = _ref.className,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var content = isList ? /*#__PURE__*/React.createElement("ul", {
@@ -91,7 +92,7 @@ var Section = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // We have made a deliberate choice to leave this behaviour as is.
     ,
 
-    "aria-label": title,
+    "aria-label": title || label,
     "aria-labelledby": titleId,
     "data-testid": testId,
     role: "group",

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

@@ -42,6 +42,7 @@ const Section = /*#__PURE__*/forwardRef(({
   id,
   isList = false,
   isSideNavSection = false,
+  label,
   // Although this isn't defined on props it is available because we've used
   // Spread props below and on the jsx element. To forcibly block usage I've
   // picked it out and supressed the expected type error.
@@ -81,7 +82,7 @@ const Section = /*#__PURE__*/forwardRef(({
     // We have made a deliberate choice to leave this behaviour as is.
     ,
 
-    "aria-label": title,
+    "aria-label": title || label,
     "aria-labelledby": titleId,
     "data-testid": testId,
     role: "group",

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

@@ -1,7 +1,7 @@
 /* section.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "title", "titleId", "testId", "isScrollable", "hasSeparator", "id", "isList", "isSideNavSection", "className"];
+var _excluded = ["children", "title", "titleId", "testId", "isScrollable", "hasSeparator", "id", "isList", "isSideNavSection", "label", "className"];
 import "./section.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -46,6 +46,7 @@ var Section = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isList = _ref$isList === void 0 ? false : _ref$isList,
     _ref$isSideNavSection = _ref.isSideNavSection,
     isSideNavSection = _ref$isSideNavSection === void 0 ? false : _ref$isSideNavSection,
+    label = _ref.label,
     UNSAFE_className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var content = isList ? /*#__PURE__*/React.createElement("ul", {
@@ -82,7 +83,7 @@ var Section = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // We have made a deliberate choice to leave this behaviour as is.
     ,
 
-    "aria-label": title,
+    "aria-label": title || label,
     "aria-labelledby": titleId,
     "data-testid": testId,
     role: "group",

package/dist/types/internal/components/menu-context.d.ts

@@ -6,7 +6,7 @@ export type SpacingMode = 'compact' | 'cozy';
  *
  * @internal Do not use directly.
  */
-export declare const SpacingContext: import("react").Context<SpacingMode>;
+export declare const SpacingContext: import('react').Context<SpacingMode>;
 /**
  * __Selection context__
  *
@@ -14,4 +14,4 @@ export declare const SpacingContext: import("react").Context<SpacingMode>;
  *
  * @internal Do not use directly.
  */
-export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import("react").Context<"notch" | "border" | "none">;
+export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import('react').Context<'notch' | 'border' | 'none'>;

package/dist/types/internal/components/menu-item-primitive.d.ts

@@ -13,5 +13,5 @@ import type { MenuItemPrimitiveProps } from '../../types';
  * </MenuItemPrimitive>
  * ```
  */
-declare const MenuItemPrimitive: ({ children, title, description, iconAfter, iconBefore, className: UNSAFE_externalClassName, shouldTitleWrap, shouldDescriptionWrap, isDisabled, isSelected, isTitleHeading, testId, }: MenuItemPrimitiveProps) => JSX.Element;
+declare const MenuItemPrimitive: (props: MenuItemPrimitiveProps) => JSX.Element;
 export default MenuItemPrimitive;

package/dist/types/menu-item/button-item.d.ts

@@ -7,5 +7,5 @@ import type { ButtonItemProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const ButtonItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ButtonItemProps & import("react").RefAttributes<HTMLElement>>>;
+declare const ButtonItem: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<ButtonItemProps & import('react').RefAttributes<HTMLElement>>>;
 export default ButtonItem;

package/dist/types/menu-item/heading-item.d.ts

@@ -7,5 +7,5 @@ import type { HeadingItemProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/heading-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const HeadingItem: import("react").MemoExoticComponent<({ children, testId, headingLevel, id, className: UNSAFE_className, ...rest }: HeadingItemProps) => JSX.Element>;
+declare const HeadingItem: import('react').MemoExoticComponent<({ children, testId, headingLevel, id, className: UNSAFE_className, ...rest }: HeadingItemProps) => JSX.Element>;
 export default HeadingItem;

package/dist/types/menu-item/link-item.d.ts

@@ -7,5 +7,5 @@ import type { LinkItemProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/link-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const LinkItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LinkItemProps & import("react").RefAttributes<HTMLElement>>>;
+declare const LinkItem: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<LinkItemProps & import('react').RefAttributes<HTMLElement>>>;
 export default LinkItem;

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

@@ -7,5 +7,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: ({ isLoading, maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, menuLabel, className: UNSAFE_className, ...rest }: MenuGroupProps) => JSX.Element;
+declare const MenuGroup: (props: MenuGroupProps) => JSX.Element;
 export default MenuGroup;

package/dist/types/types.d.ts

@@ -104,6 +104,10 @@ export interface SectionProps {
      * @deprecated This API exists to support functionality in `@atlaskit/side-navigation` and should not be used. Once the new navigation is fully rolled out, this prop will be removed.
      */
     isSideNavSection?: boolean;
+    /**
+     * Provide an accessible label for the section via `aria-label` for assistive technology.
+     */
+    label?: string;
 }
 export interface MenuItemPrimitiveProps {
     children: (props: {

package/dist/types-ts4.5/internal/components/menu-context.d.ts

@@ -6,7 +6,7 @@ export type SpacingMode = 'compact' | 'cozy';
  *
  * @internal Do not use directly.
  */
-export declare const SpacingContext: import("react").Context<SpacingMode>;
+export declare const SpacingContext: import('react').Context<SpacingMode>;
 /**
  * __Selection context__
  *
@@ -14,4 +14,4 @@ export declare const SpacingContext: import("react").Context<SpacingMode>;
  *
  * @internal Do not use directly.
  */
-export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import("react").Context<"notch" | "border" | "none">;
+export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import('react').Context<'notch' | 'border' | 'none'>;

package/dist/types-ts4.5/internal/components/menu-item-primitive.d.ts

@@ -13,5 +13,5 @@ import type { MenuItemPrimitiveProps } from '../../types';
  * </MenuItemPrimitive>
  * ```
  */
-declare const MenuItemPrimitive: ({ children, title, description, iconAfter, iconBefore, className: UNSAFE_externalClassName, shouldTitleWrap, shouldDescriptionWrap, isDisabled, isSelected, isTitleHeading, testId, }: MenuItemPrimitiveProps) => JSX.Element;
+declare const MenuItemPrimitive: (props: MenuItemPrimitiveProps) => JSX.Element;
 export default MenuItemPrimitive;

package/dist/types-ts4.5/menu-item/button-item.d.ts

@@ -7,5 +7,5 @@ import type { ButtonItemProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const ButtonItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ButtonItemProps & import("react").RefAttributes<HTMLElement>>>;
+declare const ButtonItem: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<ButtonItemProps & import('react').RefAttributes<HTMLElement>>>;
 export default ButtonItem;

package/dist/types-ts4.5/menu-item/heading-item.d.ts

@@ -7,5 +7,5 @@ import type { HeadingItemProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/heading-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const HeadingItem: import("react").MemoExoticComponent<({ children, testId, headingLevel, id, className: UNSAFE_className, ...rest }: HeadingItemProps) => JSX.Element>;
+declare const HeadingItem: import('react').MemoExoticComponent<({ children, testId, headingLevel, id, className: UNSAFE_className, ...rest }: HeadingItemProps) => JSX.Element>;
 export default HeadingItem;

package/dist/types-ts4.5/menu-item/link-item.d.ts

@@ -7,5 +7,5 @@ import type { LinkItemProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/link-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const LinkItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LinkItemProps & import("react").RefAttributes<HTMLElement>>>;
+declare const LinkItem: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<LinkItemProps & import('react').RefAttributes<HTMLElement>>>;
 export default LinkItem;

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

@@ -7,5 +7,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: ({ isLoading, maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, menuLabel, className: UNSAFE_className, ...rest }: MenuGroupProps) => JSX.Element;
+declare const MenuGroup: (props: MenuGroupProps) => JSX.Element;
 export default MenuGroup;

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

@@ -104,6 +104,10 @@ export interface SectionProps {
      * @deprecated This API exists to support functionality in `@atlaskit/side-navigation` and should not be used. Once the new navigation is fully rolled out, this prop will be removed.
      */
     isSideNavSection?: boolean;
+    /**
+     * Provide an accessible label for the section via `aria-label` for assistive technology.
+     */
+    label?: string;
 }
 export interface MenuItemPrimitiveProps {
     children: (props: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "8.4.16",
+	"version": "8.4.18",
 	"description": "A list of options to help users navigate, or perform actions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,13 +40,13 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/app-provider": "^3.3.0",
+		"@atlaskit/app-provider": "^4.1.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/interaction-context": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^17.1.0",
-		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/theme": "^22.0.0",
+		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
 	},
@@ -58,10 +58,10 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.9.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/docs": "^11.5.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon": "^32.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/link": "^3.3.0",

package/report.api.md

@@ -82,8 +82,9 @@ export interface CustomItemComponentProps {
 }
 
 // @public (undocumented)
-export interface CustomItemProps<TCustomComponentProps = CustomItemComponentProps>
-	extends BaseItemProps {
+export interface CustomItemProps<
+	TCustomComponentProps = CustomItemComponentProps,
+> extends BaseItemProps {
 	component?: React.ComponentType<TCustomComponentProps>;
 }