@atlaskit/dropdown-menu 11.5.12 → 11.6.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/dropdown-menu
 
+## 11.6.1
+
+### Patch Changes
+
+- [`842bb999a85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/842bb999a85) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
+
+## 11.6.0
+
+### Minor Changes
+
+- [`814e6ed4e14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/814e6ed4e14) - [ux] Adds a new spacing prop on the `DropdownMenu` component to support information density.
+  - New usage `<DropdownMenu spacing="compact" />`
+  - The current default (can also be omitted) `<DropdownMenu spacing="cozy" />`
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.5.12
 
 ### Patch Changes

package/dist/cjs/checkbox/dropdown-item-checkbox.js

@@ -40,7 +40,7 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
     _props$shouldDescript = props.shouldDescriptionWrap,
     shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemCheckbox] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }

package/dist/cjs/dropdown-menu.js

@@ -78,6 +78,7 @@ var DropdownMenu = function DropdownMenu(props) {
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
     _trigger = props.trigger,
+    spacing = props.spacing,
     _props$shouldFlip = props.shouldFlip,
     shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
     _props$isLoading = props.isLoading,
@@ -201,6 +202,7 @@ var DropdownMenu = function DropdownMenu(props) {
       var setInitialFocusRef = _ref.setInitialFocusRef,
         update = _ref.update;
       return /*#__PURE__*/_react.default.createElement(_focusManager.default, null, /*#__PURE__*/_react.default.createElement(_menuWrapper.default, {
+        spacing: spacing,
         maxHeight: MAX_HEIGHT,
         maxWidth: 800,
         onClose: handleOnClose,

package/dist/cjs/radio/dropdown-item-radio.js

@@ -40,7 +40,7 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
     _props$shouldDescript = props.shouldDescriptionWrap,
     shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemRadio] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.12",
+	"version": "11.6.1",
 	"sideEffects": false
 }

package/dist/es2019/checkbox/dropdown-item-checkbox.js

@@ -26,7 +26,7 @@ const DropdownItemCheckbox = props => {
     shouldDescriptionWrap = true,
     ...rest
   } = props;
-  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemCheckbox] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }

package/dist/es2019/dropdown-menu.js

@@ -60,6 +60,7 @@ const DropdownMenu = props => {
     children,
     placement = 'bottom-start',
     trigger,
+    spacing,
     shouldFlip = true,
     isLoading = false,
     autoFocus = false,
@@ -177,6 +178,7 @@ const DropdownMenu = props => {
       setInitialFocusRef,
       update
     }) => /*#__PURE__*/React.createElement(FocusManager, null, /*#__PURE__*/React.createElement(MenuWrapper, {
+      spacing: spacing,
       maxHeight: MAX_HEIGHT,
       maxWidth: 800,
       onClose: handleOnClose,

package/dist/es2019/radio/dropdown-item-radio.js

@@ -26,7 +26,7 @@ const DropdownItemRadio = props => {
     shouldDescriptionWrap = true,
     ...rest
   } = props;
-  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemRadio] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.12",
+	"version": "11.6.1",
 	"sideEffects": false
 }

package/dist/esm/checkbox/dropdown-item-checkbox.js

@@ -30,7 +30,7 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
     _props$shouldDescript = props.shouldDescriptionWrap,
     shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
     rest = _objectWithoutProperties(props, _excluded);
-  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemCheckbox] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }

package/dist/esm/dropdown-menu.js

@@ -68,6 +68,7 @@ var DropdownMenu = function DropdownMenu(props) {
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
     _trigger = props.trigger,
+    spacing = props.spacing,
     _props$shouldFlip = props.shouldFlip,
     shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
     _props$isLoading = props.isLoading,
@@ -191,6 +192,7 @@ var DropdownMenu = function DropdownMenu(props) {
       var setInitialFocusRef = _ref.setInitialFocusRef,
         update = _ref.update;
       return /*#__PURE__*/React.createElement(FocusManager, null, /*#__PURE__*/React.createElement(MenuWrapper, {
+        spacing: spacing,
         maxHeight: MAX_HEIGHT,
         maxWidth: 800,
         onClose: handleOnClose,

package/dist/esm/radio/dropdown-item-radio.js

@@ -30,7 +30,7 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
     _props$shouldDescript = props.shouldDescriptionWrap,
     shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
     rest = _objectWithoutProperties(props, _excluded);
-  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemRadio] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.12",
+	"version": "11.6.1",
 	"sideEffects": false
 }

package/dist/types/types.d.ts

@@ -92,6 +92,10 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      * fit in the viewport.
      */
     shouldFlip?: boolean;
+    /**
+     * Controls the spacing density of the menu.
+     */
+    spacing?: Extract<MenuGroupProps['spacing'], 'cozy' | 'compact'>;
     /**
      * Content which will trigger the dropdown menu to open and close. Use with `triggerType`
      * to easily get a button trigger.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.5.12",
+  "version": "11.6.1",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "disableProductCI": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Dropdown menu",
@@ -28,11 +27,11 @@
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/menu": "^1.4.0",
+    "@atlaskit/menu": "^1.5.0",
     "@atlaskit/popup": "^1.5.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.0.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@atlaskit/visually-hidden": "^1.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -49,6 +48,7 @@
     "@atlaskit/heading": "^1.1.0",
     "@atlaskit/lozenge": "11.3.7",
     "@atlaskit/modal-dialog": "^12.4.0",
+    "@atlaskit/primitives": "^0.3.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/tooltip": "^17.6.0",
@@ -82,6 +82,7 @@
       ],
       "design-system": "v1",
       "design-tokens": [
+        "color",
         "spacing"
       ],
       "styling": [
@@ -89,8 +90,7 @@
         "emotion"
       ],
       "analytics": "analytics-next",
-      "deprecation": "no-deprecated-imports",
-      "theming": "tokens"
+      "deprecation": "no-deprecated-imports"
     }
   },
   "af:exports": {