@atlaskit/dropdown-menu 12.4.0 → 12.5.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/dropdown-menu
 
+## 12.5.1
+
+### Patch Changes
+
+- [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
+- Updated dependencies
+
+## 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

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"));
@@ -64,11 +64,13 @@ var getFallbackPlacements = function getFallbackPlacements(placement) {
 };
 
 /**
+ * __Dropdown menu__
+ *
  * A dropdown menu displays a list of actions or options to a user.
  *
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
 var DropdownMenu = function DropdownMenu(_ref) {
   var _ref$autoFocus = _ref.autoFocus,
@@ -214,16 +216,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';
@@ -49,11 +49,13 @@ const getFallbackPlacements = placement => {
 };
 
 /**
+ * __Dropdown menu__
+ *
  * A dropdown menu displays a list of actions or options to a user.
  *
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
 const DropdownMenu = ({
   autoFocus = false,
@@ -194,10 +196,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';
@@ -55,11 +55,13 @@ var getFallbackPlacements = function getFallbackPlacements(placement) {
 };
 
 /**
+ * __Dropdown menu__
+ *
  * A dropdown menu displays a list of actions or options to a user.
  *
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
 var DropdownMenu = function DropdownMenu(_ref) {
   var _ref$autoFocus = _ref.autoFocus,
@@ -211,10 +213,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/dist/types/dropdown-menu.d.ts

@@ -3,11 +3,13 @@ import type { DropdownMenuProps } from './types';
 export declare const KEY_SPACE = " ";
 export declare const KEY_ENTER = "Enter";
 /**
+ * __Dropdown menu__
+ *
  * A dropdown menu displays a list of actions or options to a user.
  *
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
 declare const DropdownMenu: <T extends HTMLElement = HTMLElement>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFlip, shouldRenderToParent, spacing, statusLabel, testId, trigger, zIndex, label, }: DropdownMenuProps<T>) => JSX.Element;
 export default DropdownMenu;

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

@@ -3,11 +3,13 @@ import type { DropdownMenuProps } from './types';
 export declare const KEY_SPACE = " ";
 export declare const KEY_ENTER = "Enter";
 /**
+ * __Dropdown menu__
+ *
  * A dropdown menu displays a list of actions or options to a user.
  *
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
 declare const DropdownMenu: <T extends HTMLElement = HTMLElement>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFlip, shouldRenderToParent, spacing, statusLabel, testId, trigger, zIndex, label, }: DropdownMenuProps<T>) => JSX.Element;
 export default DropdownMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "12.4.0",
+  "version": "12.5.1",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^17.3.0",
+    "@atlaskit/button": "^17.4.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^22.0.0",
@@ -37,7 +37,7 @@
     "@atlaskit/primitives": "^2.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1"