@atlaskit/page-layout 3.1.6 → 3.2.0

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

@@ -25,6 +25,10 @@ var increaseHitAreaStyles = (0, _react.css)({
   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
 }));
@@ -87,8 +91,8 @@ 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-remove-empty-div_4jg0j') ? (0, _react.jsx)("span", {
-    css: increaseHitAreaStyles
+  }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? (0, _react.jsx)("span", {
+    css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
   }) : (0, _react.jsx)("div", {
     css: increaseHitAreaStyles
   }));

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

@@ -16,6 +16,10 @@ const increaseHitAreaStyles = css({
   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
   [UNSAFE_media.below.sm]: {
@@ -85,8 +89,8 @@ const ResizeButton = ({
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props), jsx(ChevronRight, {
   label: ""
-}), getBooleanFF('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? jsx("span", {
-  css: increaseHitAreaStyles
+}), getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? jsx("span", {
+  css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
 }) : jsx("div", {
   css: increaseHitAreaStyles
 }));

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

@@ -19,6 +19,10 @@ var increaseHitAreaStyles = css({
   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
 }));
@@ -81,8 +85,8 @@ 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-remove-empty-div_4jg0j') ? jsx("span", {
-    css: increaseHitAreaStyles
+  }), getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? jsx("span", {
+    css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
   }) : jsx("div", {
     css: increaseHitAreaStyles
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/page-layout",
-  "version": "3.1.6",
+  "version": "3.2.0",
   "description": "A collection of components which let you compose an application's page layout.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,9 +42,9 @@
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/motion": "^1.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^5.6.0",
+    "@atlaskit/primitives": "^5.7.0",
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.43.0",
+    "@atlaskit/tokens": "^1.44.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^3.0.0",
@@ -61,13 +61,14 @@
     "@atlaskit/atlassian-notifications": "^0.4.0",
     "@atlaskit/drawer": "^7.7.0",
     "@atlaskit/logo": "^13.15.0",
-    "@atlaskit/menu": "^2.1.0",
+    "@atlaskit/menu": "^2.2.0",
     "@atlaskit/notification-indicator": "^9.2.0",
     "@atlaskit/notification-log-client": "^6.1.0",
-    "@atlaskit/popup": "^1.14.0",
+    "@atlaskit/popup": "^1.15.0",
     "@atlaskit/side-navigation": "^3.0.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^18.2.1",
+    "@atlaskit/toggle": "^13.0.0",
+    "@atlaskit/tooltip": "^18.3.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/dom": "^8.17.1",
@@ -118,9 +119,6 @@
     },
     "platform.atlassian.griffin-navigation-redesign": {
       "type": "boolean"
-    },
-    "platform.design-system-team.page-layout-remove-empty-div_4jg0j": {
-      "type": "boolean"
     }
   }
 }