@atlaskit/menu 1.5.1 → 1.5.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/menu
 
+## 1.5.3
+
+### Patch Changes
+
+- [`a8debc96871`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8debc96871) - Internal update to menu primitive so it renders a span instead of a div as child of button.
+
+## 1.5.2
+
+### Patch Changes
+
+- [`3ca97be0c06`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ca97be0c06) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
+- Updated dependencies
+
 ## 1.5.1
 
 ### Patch Changes

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _inline = _interopRequireDefault(require("@atlaskit/ds-explorations/inline"));
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
+var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
 var _colors = require("@atlaskit/theme/colors");
 var _menuContext = require("./menu-context");
 /** @jsx jsx */
@@ -129,8 +129,8 @@ var selectedStyles = (0, _react2.css)({
   }
 });
 var gapMap = {
-  compact: 'space.100',
-  cozy: 'space.150'
+  compact: '100',
+  cozy: '150'
 };
 
 /**
@@ -173,13 +173,11 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     }, children({
       className: cx([cn([primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && selectedStyles, isDisabled ? disabledStyles : interactiveStyles]), className]),
       children: (0, _react2.jsx)(_inline.default, {
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: gapMap[spacing],
-        UNSAFE_style: {
-          flexGrow: 1,
-          width: '100%'
-        }
+        as: "span",
+        spread: "space-between",
+        alignBlock: "center",
+        space: gapMap[spacing],
+        grow: "fill"
       }, iconBefore && (0, _react2.jsx)("span", {
         "data-item-elem-before": true,
         css: beforeAfterElementStyles

package/dist/cjs/version.json

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

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import { useContext } from 'react';
 import { ClassNames, css, jsx } from '@emotion/react';
-import Inline from '@atlaskit/ds-explorations/inline';
 import FocusRing from '@atlaskit/focus-ring';
+import Inline from '@atlaskit/primitives/inline';
 import { N20, N200, N30 } from '@atlaskit/theme/colors';
 import { SpacingContext } from './menu-context';
 const defaultRender = (Component, props) =>
@@ -118,8 +118,8 @@ const selectedStyles = css({
   }
 });
 const gapMap = {
-  compact: 'space.100',
-  cozy: 'space.150'
+  compact: '100',
+  cozy: '150'
 };
 
 /**
@@ -160,13 +160,11 @@ const MenuItemPrimitive = ({
     }, children({
       className: cx([cn([primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && selectedStyles, isDisabled ? disabledStyles : interactiveStyles]), className]),
       children: jsx(Inline, {
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: gapMap[spacing],
-        UNSAFE_style: {
-          flexGrow: 1,
-          width: '100%'
-        }
+        as: "span",
+        spread: "space-between",
+        alignBlock: "center",
+        space: gapMap[spacing],
+        grow: "fill"
       }, iconBefore && jsx("span", {
         "data-item-elem-before": true,
         css: beforeAfterElementStyles

package/dist/es2019/version.json

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

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import { useContext } from 'react';
 import { ClassNames, css, jsx } from '@emotion/react';
-import Inline from '@atlaskit/ds-explorations/inline';
 import FocusRing from '@atlaskit/focus-ring';
+import Inline from '@atlaskit/primitives/inline';
 import { N20, N200, N30 } from '@atlaskit/theme/colors';
 import { SpacingContext } from './menu-context';
 var defaultRender = function defaultRender(Component, props) {
@@ -121,8 +121,8 @@ var selectedStyles = css({
   }
 });
 var gapMap = {
-  compact: 'space.100',
-  cozy: 'space.150'
+  compact: '100',
+  cozy: '150'
 };
 
 /**
@@ -165,13 +165,11 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     }, children({
       className: cx([cn([primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && selectedStyles, isDisabled ? disabledStyles : interactiveStyles]), className]),
       children: jsx(Inline, {
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: gapMap[spacing],
-        UNSAFE_style: {
-          flexGrow: 1,
-          width: '100%'
-        }
+        as: "span",
+        spread: "space-between",
+        alignBlock: "center",
+        space: gapMap[spacing],
+        grow: "fill"
       }, iconBefore && jsx("span", {
         "data-item-elem-before": true,
         css: beforeAfterElementStyles

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/menu",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "A collection of composable menu components that can be used anywhere.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,6 +39,7 @@
     "@atlaskit/ds-explorations": "^2.0.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/focus-ring": "^1.2.0",
+    "@atlaskit/primitives": "^0.4.0",
     "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",