@atlaskit/page-layout 3.5.1 → 3.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/page-layout
 
+## 3.7.0
+
+### Minor Changes
+
+- [#125278](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125278)
+  [`f80ae8ed91fc9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f80ae8ed91fc9) -
+  Adding data-vc attributes for tracking TTVC (go/ttvc).
+
+## 3.6.0
+
+### Minor Changes
+
+- [#123311](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123311)
+  [`2176e65169e6f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2176e65169e6f) -
+  Surface layout fixes without feature flag.
+
 ## 3.5.1
 
 ### Patch Changes

package/__perf__/utils/perf-example.tsx

@@ -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/__perf__/utils/product-integration/atlassian-navigation.tsx

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

package/__perf__/utils/product-integration/notifications-popup.tsx

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

package/__perf__/utils/product-integration/sample-footer.tsx

@@ -1,7 +1,7 @@
 /**
  * @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/__perf__/utils/product-integration/sample-header.tsx

@@ -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 { jsx } from '@emotion/react';
 

package/__perf__/utils/product-integration/side-navigation.tsx

@@ -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 { jsx } from '@emotion/react';

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

@@ -9,15 +9,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../common/constants");
 var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollapsed", "label", "leftSidebarPercentageExpanded", "onKeyDown", "onMouseDown", "onBlur", "onFocus", "ref"];
 /* 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
 /**
  * Determines the color of the grab line.
@@ -41,16 +40,14 @@ var grabAreaStyles = (0, _react.css)({
   },
   '&:enabled:hover, &:enabled:focus, &:enabled:active': (0, _defineProperty2.default)({}, varLineColor, "var(--ds-border-selected, ".concat(_colors.B200, ")"))
 });
-var grabAreaReducedHeightStyles = (0, _react.css)({
-  height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
-  position: 'absolute',
-  insetBlockEnd: 0
-});
 var grabAreaCollapsedStyles = (0, _react.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 = (0, _react.css)({
   display: 'block',
@@ -87,9 +84,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
-    (0, _platformFeatureFlags.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/cjs/components/resize-control/index.js

@@ -22,7 +22,8 @@ var _shadow = _interopRequireDefault(require("./shadow"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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 */ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /* import useUpdateCssVar from '../../controllers/use-update-css-vars'; */
 var cssSelector = (0, _defineProperty2.default)({}, _constants.RESIZE_CONTROL_SELECTOR, true);
 var resizeControlStyles = (0, _react2.css)({

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

@@ -12,27 +12,22 @@ var _react = require("@emotion/react");
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
 var _curves = require("@atlaskit/motion/curves");
 var _durations = require("@atlaskit/motion/durations");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _responsive = require("@atlaskit/primitives/responsive");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../common/constants");
 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
 var increaseHitAreaStyles = (0, _react.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 = (0, _react.css)({
-  insetBlockEnd: "var(--ds-space-negative-300, -24px)",
-  insetBlockStart: "var(--ds-space-negative-300, -24px)"
-});
 var mobileStyles = (0, _react.css)((0, _defineProperty2.default)({}, _responsive.UNSAFE_media.below.sm, {
   opacity: 1
 }));
@@ -99,9 +94,7 @@ var ResizeButton = function ResizeButton(_ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props), (0, _react.jsx)(_chevronRight.default, {
     label: ""
-  }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? (0, _react.jsx)("span", {
-    css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
-  }) : (0, _react.jsx)("div", {
+  }), (0, _react.jsx)("span", {
     css: increaseHitAreaStyles
   }));
 };

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

@@ -9,8 +9,8 @@ var _motion = require("@atlaskit/motion");
 var _hooks = require("../../common/hooks");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -16,7 +16,8 @@ var _controllers = require("../../controllers");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */ /**
  * @jsxRuntime classic
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var prefersReducedMotionStyles = (0, _react.css)((0, _motion.prefersReducedMotion)());
 var skipLinkStyles = (0, _react.css)({

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

@@ -8,8 +8,8 @@ var _react = require("react");
 var _controllers = require("../../controllers");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 var useCustomSkipLink = exports.useCustomSkipLink = function useCustomSkipLink(id, skipLinkTitle) {
   var listIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;

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

@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
 var _constants = require("../../common/constants");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -13,8 +13,8 @@ var _constants = require("../../../common/constants");
 var _hooks = require("../../../common/hooks");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -18,8 +18,8 @@ var _controllers = require("../../../controllers");
 var _slotFocusRing = _interopRequireDefault(require("./slot-focus-ring"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -10,8 +10,8 @@ var _constants = require("../../../common/constants");
 var _hooks = require("../../../common/hooks");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -16,8 +16,8 @@ var _leftSidebarOuter = _interopRequireDefault(require("./internal/left-sidebar-
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -23,7 +23,8 @@ var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */ /**
  * @jsxRuntime classic
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var openBackdropStyles = (0, _react2.css)({
   width: '100%',
   height: '100%',

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

@@ -17,8 +17,8 @@ var _controllers = require("../../controllers");
 var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -15,8 +15,8 @@ var _controllers = require("../../controllers");
 var _skipLinks = require("../skip-links");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -59,7 +59,8 @@ var PageLayout = function PageLayout(_ref) {
   }), (0, _react2.jsx)("div", (0, _extends2.default)({}, pageLayoutSelector, {
     "data-testid": testId,
     css: [gridStyles, gridStylesMobileStyles],
-    tabIndex: -1
+    tabIndex: -1,
+    "data-vc": "page-layout"
   }), (0, _react2.jsx)(_controllers.SidebarResizeController, {
     onLeftSidebarCollapse: onLeftSidebarCollapse,
     onLeftSidebarExpand: onLeftSidebarExpand

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

@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 /* 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';
 /**
@@ -34,16 +33,14 @@ const grabAreaStyles = css({
     [varLineColor]: `var(--ds-border-selected, ${B200})`
   }
 });
-const grabAreaReducedHeightStyles = css({
-  height: `calc(100% - ${"var(--ds-space-600, 3rem)"} * 2)`,
-  position: 'absolute',
-  insetBlockEnd: 0
-});
 const grabAreaCollapsedStyles = css({
+  height: `calc(100% - ${"var(--ds-space-600, 3rem)"} * 2)`,
   padding: 0,
+  position: 'absolute',
   backgroundColor: 'transparent',
   border: 0,
-  cursor: 'default'
+  cursor: 'default',
+  insetBlockEnd: 0
 });
 const lineStyles = css({
   display: 'block',
@@ -83,9 +80,7 @@ const GrabArea = ({
   // 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/es2019/components/resize-control/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @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/es2019/components/resize-control/resize-button.js

@@ -1,29 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @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';
 const 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)"}`
 });
-const furtherIncreasedHitAreasStyles = css({
-  insetBlockEnd: `${"var(--ds-space-negative-300, -24px)"}`,
-  insetBlockStart: `${"var(--ds-space-negative-300, -24px)"}`
-});
 const mobileStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [UNSAFE_media.below.sm]: {
@@ -97,9 +92,7 @@ const ResizeButton = ({
   // 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/es2019/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/es2019/components/skip-links/skip-link-components.js

@@ -1,8 +1,8 @@
 /* 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/es2019/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 const useCustomSkipLink = (id, skipLinkTitle, listIndex = 0) => {

package/dist/es2019/components/slots/banner-slot.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/content.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/es2019/components/slots/internal/left-sidebar-inner.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/es2019/components/slots/internal/left-sidebar-outer.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @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/es2019/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/es2019/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/es2019/components/slots/left-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/left-sidebar-without-resize.js

@@ -1,7 +1,7 @@
 /**
  * @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/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