@atlaskit/page-layout 3.4.7 → 3.5.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/page-layout
 
+## 3.5.0
+
+### Minor Changes
+
+- [#121452](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121452)
+  [`b49735b1f1e69`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b49735b1f1e69) -
+  Fix zindex for content container in page-layout behind FF
+  'ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p'. If successful will remove flag in
+  a cleanup PR.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.4.7
 
 ### Patch Changes

package/dist/cjs/components/slots/content.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _constants = require("../../common/constants");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("@atlaskit/theme/constants");
+var _constants2 = require("../../common/constants");
 /**
  * @jsxRuntime classic
  */
@@ -13,12 +15,15 @@ var _constants = require("../../common/constants");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+var zIndexStyle = (0, _react.css)({
+  zIndex: _constants.layers.navigation()
+});
 var contentStyles = (0, _react.css)({
   display: 'flex',
   height: '100%',
   position: 'relative',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  gridArea: _constants.CONTENT
+  gridArea: _constants2.CONTENT
 });
 
 /**
@@ -34,7 +39,7 @@ var Content = function Content(props) {
     testId = props.testId;
   return (0, _react.jsx)("div", {
     "data-testid": testId,
-    css: contentStyles
+    css: [contentStyles, (0, _platformFeatureFlags.fg)('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
   }, children);
 };
 var _default = exports.default = Content;

package/dist/es2019/components/slots/content.js

@@ -3,9 +3,16 @@
  */
 /** @jsx jsx */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { layers } from '@atlaskit/theme/constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { CONTENT } from '../../common/constants';
+const zIndexStyle = css({
+  zIndex: layers.navigation()
+});
 const contentStyles = css({
   display: 'flex',
   height: '100%',
@@ -29,7 +36,7 @@ const Content = props => {
   } = props;
   return jsx("div", {
     "data-testid": testId,
-    css: contentStyles
+    css: [contentStyles, fg('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
   }, children);
 };
 export default Content;

package/dist/esm/components/slots/content.js

@@ -3,9 +3,16 @@
  */
 /** @jsx jsx */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { layers } from '@atlaskit/theme/constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { CONTENT } from '../../common/constants';
+var zIndexStyle = css({
+  zIndex: layers.navigation()
+});
 var contentStyles = css({
   display: 'flex',
   height: '100%',
@@ -27,7 +34,7 @@ var Content = function Content(props) {
     testId = props.testId;
   return jsx("div", {
     "data-testid": testId,
-    css: contentStyles
+    css: [contentStyles, fg('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
   }, children);
 };
 export default Content;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "3.4.7",
+	"version": "3.5.0",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.54.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -59,7 +59,7 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
-		"@atlaskit/atlassian-navigation": "^4.2.0",
+		"@atlaskit/atlassian-navigation": "^4.3.0",
 		"@atlaskit/atlassian-notifications": "^0.4.0",
 		"@atlaskit/drawer": "^7.13.0",
 		"@atlaskit/logo": "^14.1.0",
@@ -119,6 +119,9 @@
 		},
 		"platform.atlassian.griffin-navigation-redesign": {
 			"type": "boolean"
+		},
+		"ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p": {
+			"type": "boolean"
 		}
 	}
 }