@atlaskit/dropdown-menu 12.3.0 → 12.5.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/dropdown-menu
 
+## 12.5.0
+
+### Minor Changes
+
+- [#65862](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65862) [`7e4f1a341224`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7e4f1a341224) - [ux] Updated dropdown-menu trigger to consume the new button. The new default button trigger (text + arrow icon) would be narrower than before. The fallback color on button trigger is now darker when no theme is applied.
+
+## 12.4.0
+
+### Minor Changes
+
+- [#70664](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70664) [`776e5ba8fc41`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/776e5ba8fc41) - Enable layering in popup and dropdown to support nested navigation
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.3.0
 
 ### Minor Changes

package/dist/cjs/dropdown-menu.js

@@ -12,7 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _keycodes = require("@atlaskit/ds-lib/keycodes");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
@@ -214,16 +214,13 @@ var DropdownMenu = function DropdownMenu(_ref) {
           testId: testId && "".concat(testId, "--trigger")
         }));
       }
-      return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, bindFocus, {
+      return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, bindFocus, {
         ref: (0, _mergeRefs.default)([ref, itemRef]),
         "aria-controls": ariaControls,
         "aria-expanded": ariaExpanded,
         "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
-        iconAfter: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-          size: "medium",
-          label: ""
-        }),
+        iconAfter: _chevronDown.default,
         onClick: handleTriggerClicked,
         testId: testId && "".concat(testId, "--trigger"),
         "aria-label": label

package/dist/es2019/dropdown-menu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { bind } from 'bind-event-listener';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import { KEY_DOWN } from '@atlaskit/ds-lib/keycodes';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import noop from '@atlaskit/ds-lib/noop';
@@ -194,10 +194,7 @@ const DropdownMenu = ({
         "aria-expanded": ariaExpanded,
         "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
-        iconAfter: /*#__PURE__*/React.createElement(ExpandIcon, {
-          size: "medium",
-          label: ""
-        }),
+        iconAfter: ExpandIcon,
         onClick: handleTriggerClicked,
         testId: testId && `${testId}--trigger`,
         "aria-label": label

package/dist/esm/dropdown-menu.js

@@ -7,7 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { bind } from 'bind-event-listener';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import { KEY_DOWN } from '@atlaskit/ds-lib/keycodes';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import noop from '@atlaskit/ds-lib/noop';
@@ -211,10 +211,7 @@ var DropdownMenu = function DropdownMenu(_ref) {
         "aria-expanded": ariaExpanded,
         "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
-        iconAfter: /*#__PURE__*/React.createElement(ExpandIcon, {
-          size: "medium",
-          label: ""
-        }),
+        iconAfter: ExpandIcon,
         onClick: handleTriggerClicked,
         testId: testId && "".concat(testId, "--trigger"),
         "aria-label": label

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "12.3.0",
+  "version": "12.5.0",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
     "@atlaskit/layering": "^0.2.0",
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
-    "@atlaskit/popup": "^1.11.0",
+    "@atlaskit/popup": "^1.12.0",
     "@atlaskit/primitives": "^2.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
@@ -107,9 +107,6 @@
   "platform-feature-flags": {
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
-    },
-    "platform.design-system-team.layering_popup_1cnzt": {
-      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/dropdown-menu/",