@atlaskit/page-layout 3.5.0 → 3.6.0

package/dist/es2019/components/slots/left-sidebar.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Fragment, useCallback, useContext, useEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/slots/page-layout.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/slots/right-panel.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/slots/right-sidebar.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/slots/top-navigation.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/resize-control/grab-area.js

@@ -5,12 +5,11 @@ var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollaps
 /* eslint-disable react/react-in-jsx-scope */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200 } from '@atlaskit/theme/colors';
 import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
 /**
@@ -35,16 +34,14 @@ var grabAreaStyles = css({
   },
   '&:enabled:hover, &:enabled:focus, &:enabled:active': _defineProperty({}, varLineColor, "var(--ds-border-selected, ".concat(B200, ")"))
 });
-var grabAreaReducedHeightStyles = css({
-  height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
-  position: 'absolute',
-  insetBlockEnd: 0
-});
 var grabAreaCollapsedStyles = css({
+  height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
   padding: 0,
+  position: 'absolute',
   backgroundColor: 'transparent',
   border: 0,
-  cursor: 'default'
+  cursor: 'default',
+  insetBlockEnd: 0
 });
 var lineStyles = css({
   display: 'block',
@@ -81,9 +78,7 @@ var GrabArea = function GrabArea(_ref) {
     // usability.
     ,
     role: "slider",
-    css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') && isLeftSidebarCollapsed && grabAreaReducedHeightStyles],
+    css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles],
     "aria-orientation": "vertical",
     "aria-valuenow": leftSidebarPercentageExpanded,
     "aria-valuemin": 0,

package/dist/esm/components/resize-control/index.js

@@ -5,8 +5,8 @@ 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; }
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Fragment, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/resize-control/resize-button.js

@@ -4,29 +4,24 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["isLeftSidebarCollapsed", "label", "testId"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ChevronRight from '@atlaskit/icon/glyph/chevron-right';
 import { easeOut } from '@atlaskit/motion/curves';
 import { mediumDurationMs, smallDurationMs } from '@atlaskit/motion/durations';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';
 import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
 import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
 var increaseHitAreaStyles = css({
   position: 'absolute',
-  insetBlockEnd: "var(--ds-space-negative-100, -8px)",
-  insetBlockStart: "var(--ds-space-negative-100, -8px)",
+  insetBlockEnd: "var(--ds-space-negative-300, -24px)",
+  insetBlockStart: "var(--ds-space-negative-300, -24px)",
   insetInlineEnd: "var(--ds-space-negative-150, -12px)",
   insetInlineStart: "var(--ds-space-negative-100, -8px)"
 });
-var furtherIncreasedHitAreasStyles = css({
-  insetBlockEnd: "var(--ds-space-negative-300, -24px)",
-  insetBlockStart: "var(--ds-space-negative-300, -24px)"
-});
 var mobileStyles = css(_defineProperty({}, UNSAFE_media.below.sm, {
   opacity: 1
 }));
@@ -93,9 +88,7 @@ var ResizeButton = function ResizeButton(_ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props), jsx(ChevronRight, {
     label: ""
-  }), getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? jsx("span", {
-    css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
-  }) : jsx("div", {
+  }), jsx("span", {
     css: increaseHitAreaStyles
   }));
 };

package/dist/esm/components/resize-control/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/components/skip-links/skip-link-components.js

@@ -5,8 +5,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/components/skip-links/use-custom-skip-link.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 import { useSkipLinks } from '../../controllers';
 export var useCustomSkipLink = function useCustomSkipLink(id, skipLinkTitle) {

package/dist/esm/components/slots/banner-slot.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,18 +1,11 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
-
-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 { css, jsx } from '@emotion/react';
 import { CONTENT } from '../../common/constants';
-var zIndexStyle = css({
-  zIndex: layers.navigation()
-});
 var contentStyles = css({
   display: 'flex',
   height: '100%',
@@ -34,7 +27,7 @@ var Content = function Content(props) {
     testId = props.testId;
   return jsx("div", {
     "data-testid": testId,
-    css: [contentStyles, fg('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
+    css: contentStyles
   }, children);
 };
 export default Content;

package/dist/esm/components/slots/internal/left-sidebar-inner.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/components/slots/internal/left-sidebar-outer.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/internal/resizable-children-wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/components/slots/internal/slot-focus-ring.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { ClassNames, css, jsx } from '@emotion/react';

package/dist/esm/components/slots/left-panel.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/left-sidebar-without-resize.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/left-sidebar.js

@@ -4,8 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Fragment, useCallback, useContext, useEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/page-layout.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/right-panel.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/right-sidebar.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/slots/top-navigation.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { useEffect } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/types/components/resize-control/grab-area.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
 import { jsx } from '@emotion/react';
 import { type LeftSidebarProps } from '../../common/types';

package/dist/types/components/resize-control/shadow.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 declare const Shadow: ({ testId }: {
     testId?: string | undefined;

package/dist/types/components/skip-links/skip-link-components.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type SkipLinkWrapperProps } from './types';

package/dist/types/components/slots/content.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface ContentProps {

package/dist/types/components/slots/internal/left-sidebar-inner.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type LeftSidebarInnerProps = {

package/dist/types/components/slots/internal/left-sidebar-outer.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type MouseEventHandler, type ReactNode } from 'react';
 type LeftSidebarOuterProps = {
     children: ReactNode;

package/dist/types/components/slots/internal/resizable-children-wrapper.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type ResizableChildrenWrapperProps = {

package/dist/types/components/slots/internal/slot-focus-ring.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type SlotFocusRingProps = {

package/dist/types-ts4.5/components/resize-control/grab-area.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
 import { jsx } from '@emotion/react';
 import { type LeftSidebarProps } from '../../common/types';

package/dist/types-ts4.5/components/resize-control/shadow.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 declare const Shadow: ({ testId }: {
     testId?: string | undefined;

package/dist/types-ts4.5/components/skip-links/skip-link-components.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type SkipLinkWrapperProps } from './types';

package/dist/types-ts4.5/components/slots/content.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface ContentProps {

package/dist/types-ts4.5/components/slots/internal/left-sidebar-inner.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type LeftSidebarInnerProps = {

package/dist/types-ts4.5/components/slots/internal/left-sidebar-outer.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type MouseEventHandler, type ReactNode } from 'react';
 type LeftSidebarOuterProps = {
     children: ReactNode;

package/dist/types-ts4.5/components/slots/internal/resizable-children-wrapper.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type ResizableChildrenWrapperProps = {

package/dist/types-ts4.5/components/slots/internal/slot-focus-ring.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type SlotFocusRingProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "3.5.0",
+	"version": "3.6.0",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
 	"homepage": "https://atlassian.design/components/page-layout/",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^2.3.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/link": "^1.0.0",
 		"@atlaskit/motion": "^1.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -114,14 +114,8 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform.design-system-team.page-layout-resize-button-fix_u0qxv": {
-			"type": "boolean"
-		},
 		"platform.atlassian.griffin-navigation-redesign": {
 			"type": "boolean"
-		},
-		"ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p": {
-			"type": "boolean"
 		}
 	}
 }