@atlaskit/page-layout 3.1.4 → 3.1.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/page-layout
 
+## 3.1.5
+
+### Patch Changes
+
+- [#91041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91041) [`c5634a5ddf4f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c5634a5ddf4f) - Fix a11y failure in ResizeButton by replacing empty div with span element.
+
 ## 3.1.4
 
 ### Patch Changes

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

@@ -12,6 +12,7 @@ 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");
@@ -86,7 +87,9 @@ var ResizeButton = function ResizeButton(_ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props), (0, _react.jsx)(_chevronRight.default, {
     label: ""
-  }), (0, _react.jsx)("div", {
+  }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? (0, _react.jsx)("span", {
+    css: increaseHitAreaStyles
+  }) : (0, _react.jsx)("div", {
     css: increaseHitAreaStyles
   }));
 };

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

@@ -5,6 +5,7 @@ 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';
@@ -84,7 +85,9 @@ const ResizeButton = ({
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props), jsx(ChevronRight, {
   label: ""
-}), jsx("div", {
+}), getBooleanFF('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? jsx("span", {
+  css: increaseHitAreaStyles
+}) : jsx("div", {
   css: increaseHitAreaStyles
 }));
 

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

@@ -8,6 +8,7 @@ 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';
@@ -80,7 +81,9 @@ var ResizeButton = function ResizeButton(_ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props), jsx(ChevronRight, {
     label: ""
-  }), jsx("div", {
+  }), getBooleanFF('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? jsx("span", {
+    css: increaseHitAreaStyles
+  }) : jsx("div", {
     css: increaseHitAreaStyles
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/page-layout",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "A collection of components which let you compose an application's page layout.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -118,6 +118,9 @@
     },
     "platform.atlassian.griffin-navigation-redesign": {
       "type": "boolean"
+    },
+    "platform.design-system-team.page-layout-remove-empty-div_4jg0j": {
+      "type": "boolean"
     }
   }
 }