@atlaskit/menu 2.13.4 → 2.13.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/menu
 
+## 2.13.6
+
+### Patch Changes
+
+- [#167504](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/167504)
+  [`3aef43e98843a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3aef43e98843a) -
+  Internal change to how styles are applied. There is no expected visual change.
+
+## 2.13.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.13.4
 
 ### Patch Changes

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

@@ -11,8 +11,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _colors = require("@atlaskit/theme/colors");
-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", "titleId", "testId", "isScrollable", "hasSeparator", "id", "isList", "className"];
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/ensure-design-token-usage/preview */
@@ -21,14 +19,13 @@ var _excluded = ["children", "overrides", "title", "titleId", "testId", "isScrol
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-var gridSize = (0, _constants.gridSize)();
+var gridSize = 8;
 var itemHeadingTopMargin = gridSize * 2.5;
 var itemHeadingBottomMargin = gridSize * 0.75;
 // Skeleton content is slightly shorter than the real content.
 // Because of that we slightly increase the top margin to offset this so the
 // containing size both real and skeleton always equal approx 30px.
-var itemHeadingContentHeight = _typography.headingSizes.h100.lineHeight;
+var itemHeadingContentHeight = 16; // Originally headingSizes.h100.lineHeight from '@atlaskit/theme/typography'
 var skeletonHeadingHeight = gridSize;
 var skeletonHeadingMarginOffset = 3;
 var skeletonHeadingTopMargin = itemHeadingTopMargin + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset;

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

@@ -10,17 +10,14 @@ import { Children, forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import { N30A } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
 import HeadingItem from '../menu-item/heading-item';
-const gridSize = gridSizeFn();
+const gridSize = 8;
 const itemHeadingTopMargin = gridSize * 2.5;
 const itemHeadingBottomMargin = gridSize * 0.75;
 // Skeleton content is slightly shorter than the real content.
 // Because of that we slightly increase the top margin to offset this so the
 // containing size both real and skeleton always equal approx 30px.
-const itemHeadingContentHeight = headingSizes.h100.lineHeight;
+const itemHeadingContentHeight = 16; // Originally headingSizes.h100.lineHeight from '@atlaskit/theme/typography'
 const skeletonHeadingHeight = gridSize;
 const skeletonHeadingMarginOffset = 3;
 const skeletonHeadingTopMargin = itemHeadingTopMargin + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset;

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

@@ -12,17 +12,14 @@ import { Children, forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import { N30A } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
 import HeadingItem from '../menu-item/heading-item';
-var gridSize = gridSizeFn();
+var gridSize = 8;
 var itemHeadingTopMargin = gridSize * 2.5;
 var itemHeadingBottomMargin = gridSize * 0.75;
 // Skeleton content is slightly shorter than the real content.
 // Because of that we slightly increase the top margin to offset this so the
 // containing size both real and skeleton always equal approx 30px.
-var itemHeadingContentHeight = headingSizes.h100.lineHeight;
+var itemHeadingContentHeight = 16; // Originally headingSizes.h100.lineHeight from '@atlaskit/theme/typography'
 var skeletonHeadingHeight = gridSize;
 var skeletonHeadingMarginOffset = 3;
 var skeletonHeadingTopMargin = itemHeadingTopMargin + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "2.13.4",
+	"version": "2.13.6",
 	"description": "A list of options to help users navigate, or perform actions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,13 +42,13 @@
 	},
 	"dependencies": {
 		"@atlaskit/app-provider": "^1.4.0",
-		"@atlaskit/ds-lib": "^3.2.0",
-		"@atlaskit/focus-ring": "^1.7.0",
+		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/focus-ring": "^2.0.0",
 		"@atlaskit/interaction-context": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^13.2.0",
+		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.3.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},