@atlaskit/menu 1.9.5 → 1.9.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/menu
 
+## 1.9.6
+
+### Patch Changes
+
+- [`71c51a488d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71c51a488d7) - Removes max-height constraint on compact density.
+
 ## 1.9.5
 
 ### Patch Changes

package/dist/cjs/internal/components/menu-item-primitive.js

@@ -85,7 +85,6 @@ var spacingMapStyles = {
   }),
   compact: (0, _react2.css)({
     minHeight: 32,
-    maxHeight: 32,
     // 4 * 2 (8) + icon (24) === 32
     paddingBlock: "var(--ds-space-050, 4px)",
     paddingInline: "var(--ds-space-150, 12px)"

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

@@ -15,7 +15,7 @@ var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 var _headingItem = _interopRequireDefault(require("../menu-item/heading-item"));
 var _excluded = ["children", "overrides", "title", "testId", "isScrollable", "hasSeparator", "id", "isList"];
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/ensure-design-token-usage/preview */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var gridSize = (0, _constants.gridSize)();
@@ -38,7 +38,7 @@ var sectionStyles = (0, _react2.css)({
     height: sectionPaddingTopBottom,
     content: '""'
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& [data-ds--menu--heading-item]': {
     marginTop: itemHeadingTopMargin,
     marginBottom: itemHeadingBottomMargin,
@@ -46,7 +46,7 @@ var sectionStyles = (0, _react2.css)({
       marginTop: itemHeadingTopMargin - sectionPaddingTopBottom
     }
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& [data-ds--menu--skeleton-heading-item]': {
     marginTop: skeletonHeadingTopMargin,
     marginBottom: skeletonHeadingBottomMargin,
@@ -74,7 +74,7 @@ var separatorStyles = (0, _react2.css)({
 });
 var noSeparatorStyles = (0, _react2.css)({
   // this is to ensure that adjacent sections without separators don't get additional margins.
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '[data-section] + &': {
     marginTop: -6
   }

package/dist/cjs/version.json

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

package/dist/es2019/internal/components/menu-item-primitive.js

@@ -74,7 +74,6 @@ const spacingMapStyles = {
   }),
   compact: css({
     minHeight: 32,
-    maxHeight: 32,
     // 4 * 2 (8) + icon (24) === 32
     paddingBlock: "var(--ds-space-050, 4px)",
     paddingInline: "var(--ds-space-150, 12px)"

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/ensure-design-token-usage/preview */
 /** @jsx jsx */
 import { Children, forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -29,7 +29,7 @@ const sectionStyles = css({
     height: sectionPaddingTopBottom,
     content: '""'
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& [data-ds--menu--heading-item]': {
     marginTop: itemHeadingTopMargin,
     marginBottom: itemHeadingBottomMargin,
@@ -37,7 +37,7 @@ const sectionStyles = css({
       marginTop: itemHeadingTopMargin - sectionPaddingTopBottom
     }
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& [data-ds--menu--skeleton-heading-item]': {
     marginTop: skeletonHeadingTopMargin,
     marginBottom: skeletonHeadingBottomMargin,
@@ -65,7 +65,7 @@ const separatorStyles = css({
 });
 const noSeparatorStyles = css({
   // this is to ensure that adjacent sections without separators don't get additional margins.
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '[data-section] + &': {
     marginTop: -6
   }

package/dist/es2019/version.json

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

package/dist/esm/internal/components/menu-item-primitive.js

@@ -77,7 +77,6 @@ var spacingMapStyles = {
   }),
   compact: css({
     minHeight: 32,
-    maxHeight: 32,
     // 4 * 2 (8) + icon (24) === 32
     paddingBlock: "var(--ds-space-050, 4px)",
     paddingInline: "var(--ds-space-150, 12px)"

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "overrides", "title", "testId", "isScrollable", "hasSeparator", "id", "isList"];
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/ensure-design-token-usage/preview */
 /** @jsx jsx */
 import { Children, forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -31,7 +31,7 @@ var sectionStyles = css({
     height: sectionPaddingTopBottom,
     content: '""'
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& [data-ds--menu--heading-item]': {
     marginTop: itemHeadingTopMargin,
     marginBottom: itemHeadingBottomMargin,
@@ -39,7 +39,7 @@ var sectionStyles = css({
       marginTop: itemHeadingTopMargin - sectionPaddingTopBottom
     }
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& [data-ds--menu--skeleton-heading-item]': {
     marginTop: skeletonHeadingTopMargin,
     marginBottom: skeletonHeadingBottomMargin,
@@ -67,7 +67,7 @@ var separatorStyles = css({
 });
 var noSeparatorStyles = css({
   // this is to ensure that adjacent sections without separators don't get additional margins.
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '[data-section] + &': {
     marginTop: -6
   }

package/dist/esm/version.json

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

package/dist/types/types.d.ts

@@ -111,7 +111,7 @@ export interface SectionProps {
      */
     title?: string;
     /**
-     * Specifically adds <ul> and <li> elements around the items for better semantic markup if it is a list of items
+     * Adds `<ul>` and `<li>` tags around the items for better semantic markup in a list of items.
      */
     isList?: boolean;
 }

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

@@ -111,7 +111,7 @@ export interface SectionProps {
      */
     title?: string;
     /**
-     * Specifically adds <ul> and <li> elements around the items for better semantic markup if it is a list of items
+     * Adds `<ul>` and `<li>` tags around the items for better semantic markup in a list of items.
      */
     isList?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/menu",
-  "version": "1.9.5",
+  "version": "1.9.6",
   "description": "A collection of composable menu components that can be used anywhere.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
-    "team": "Design System Team",
+    "team": "Design System Pyxis",
     "productPushConsumption": [
       "jira"
     ],
@@ -32,7 +32,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^1.0.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.13.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,221 @@
+## API Report File for "@atlaskit/menu"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ComponentType } from 'react';
+import { Context } from 'react';
+import { CSSObject } from '@emotion/react';
+import { ForwardRefExoticComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { MemoExoticComponent } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+
+// @public (undocumented)
+export interface BaseItemProps {
+    children?: React.ReactNode;
+    // @deprecated
+    cssFn?: CSSFn;
+    description?: JSX.Element | string;
+    iconAfter?: React.ReactNode;
+    iconBefore?: React.ReactNode;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
+    onMouseDown?: React.MouseEventHandler;
+    // @deprecated
+    overrides?: Overrides;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    testId?: string;
+}
+
+// @public
+export const ButtonItem: MemoExoticComponent<ForwardRefExoticComponent<ButtonItemProps & RefAttributes<HTMLElement>>>;
+
+// @public (undocumented)
+export interface ButtonItemProps extends BaseItemProps {
+    id?: string;
+    role?: string;
+}
+
+// @public @deprecated
+export interface CSSFn<TState = ItemState extends void ? void : ItemState> {
+    // (undocumented)
+    (currentState: TState): CSSObject | CSSObject[];
+}
+
+// @public
+export const CustomItem: CustomItemTypeGenericHackProps;
+
+// @public (undocumented)
+export interface CustomItemComponentProps {
+    'data-testid'?: string;
+    children: React.ReactNode;
+    className: string;
+    disabled?: boolean;
+    draggable: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onDragStart?: (event: React.DragEvent) => void;
+    onMouseDown?: (event: React.MouseEvent<HTMLElement>) => void;
+    ref?: Ref<any>;
+    tabIndex?: number;
+}
+
+// @public (undocumented)
+export interface CustomItemProps<TCustomComponentProps = CustomItemComponentProps> extends BaseItemProps {
+    component?: React.ComponentType<TCustomComponentProps>;
+}
+
+// @public (undocumented)
+interface CustomItemTypeGenericHackProps {
+    // (undocumented)
+    <TComponentProps>(props: CustomItemProps<TComponentProps> & {
+        ref?: any;
+    } & Omit<TComponentProps, keyof CustomItemComponentProps>): JSX.Element | null;
+}
+
+// @public (undocumented)
+export type Dimension = number | string;
+
+// @public
+export const HeadingItem: MemoExoticComponent<({ children, testId, id, cssFn, ...rest }: HeadingItemProps) => jsx.JSX.Element>;
+
+// @public (undocumented)
+export interface HeadingItemProps {
+    children: React.ReactNode;
+    // @deprecated
+    cssFn?: StatelessCSSFn;
+    id?: string;
+    testId?: string;
+}
+
+// @public (undocumented)
+export type ItemState = {
+    isSelected: boolean;
+    isDisabled: boolean;
+};
+
+// @public
+export const LinkItem: MemoExoticComponent<ForwardRefExoticComponent<LinkItemProps & RefAttributes<HTMLElement>>>;
+
+// @public (undocumented)
+export interface LinkItemProps extends BaseItemProps {
+    href?: string;
+    rel?: string;
+    role?: string;
+    target?: string;
+}
+
+// @public
+export const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, ...rest }: MenuGroupProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface MenuGroupProps extends MenuGroupSizing {
+    children: React.ReactNode;
+    onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
+    role?: string;
+    spacing?: SpacingMode;
+    testId?: string;
+}
+
+// @public (undocumented)
+export interface MenuGroupSizing {
+    maxHeight?: Dimension;
+    maxWidth?: Dimension;
+    minHeight?: Dimension;
+    minWidth?: Dimension;
+}
+
+// @public @deprecated (undocumented)
+export interface Overrides {
+    // (undocumented)
+    Title?: TitleOverrides;
+}
+
+// @public @deprecated (undocumented)
+export const PopupMenuGroup: ({ maxWidth, minWidth, ...rest }: MenuGroupProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface RenderFunction<TProps = {}> {
+    // (undocumented)
+    (Component: ComponentType | string, props: TProps): React.ReactNode;
+}
+
+// @public
+export const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLElement>>;
+
+// @public (undocumented)
+interface SectionProps {
+    children: React.ReactNode;
+    hasSeparator?: boolean;
+    id?: string;
+    isList?: boolean;
+    isScrollable?: boolean;
+    // @deprecated (undocumented)
+    overrides?: {
+        HeadingItem?: {
+            cssFn?: StatelessCSSFn;
+        };
+    };
+    testId?: string;
+    title?: string;
+}
+export { SectionProps as SectionBaseProps }
+export { SectionProps }
+
+// @internal
+export const SELECTION_STYLE_CONTEXT_DO_NOT_USE: Context<"border" | "none" | "notch">;
+
+// @public
+export const SkeletonHeadingItem: ({ isShimmering, testId, width, cssFn, }: SkeletonHeadingItemProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface SkeletonHeadingItemProps {
+    // @deprecated
+    cssFn?: StatelessCSSFn;
+    isShimmering?: boolean;
+    testId?: string;
+    width?: Dimension;
+}
+
+// @public
+export const SkeletonItem: ({ hasAvatar, hasIcon, isShimmering, testId, width, cssFn, }: SkeletonItemProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface SkeletonItemProps {
+    cssFn?: StatelessCSSFn;
+    hasAvatar?: boolean;
+    hasIcon?: boolean;
+    isShimmering?: boolean;
+    testId?: string;
+    width?: Dimension;
+}
+
+// @internal
+export const SpacingContext: Context<SpacingMode>;
+
+// @public (undocumented)
+type SpacingMode = 'compact' | 'cozy';
+
+// @public @deprecated (undocumented)
+export type StatelessCSSFn = CSSFn<void>;
+
+// @public @deprecated (undocumented)
+export interface TitleOverrides {
+    // (undocumented)
+    render?: RenderFunction<{
+        className?: string;
+        children: ReactNode;
+        'data-item-title': boolean;
+    }>;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```