@atlaskit/navigation-system 0.178.0 → 0.179.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlassian/navigation-system
 
+## 0.179.0
+
+### Minor Changes
+
+- [#199851](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199851)
+  [`625ab3de43de0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/625ab3de43de0) -
+  Cleans up the `platform_dst_nav4_disable_is_fixed_prop` feature gate. The `isFixed` prop has now
+  been removed from `Main` and `Aside` and these slots will now always be fixed, acting as separate
+  scroll containers.
+
 ## 0.178.0
 
 ### Minor Changes

package/afm-volt/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{
@@ -59,9 +65,6 @@
 		{
 			"path": "../../primitives/afm-volt/tsconfig.json"
 		},
-		{
-			"path": "../../../navigation/temp-nav-app-icons/afm-volt/tsconfig.json"
-		},
 		{
 			"path": "../../tokens/afm-volt/tsconfig.json"
 		},

package/dist/cjs/ui/page-layout/aside.js

@@ -53,8 +53,7 @@ function getResizeBounds() {
 }
 var styles = {
   root: "_nd5lns35 _vchhusvi _kqswh2mm _glte1kzp _ndwch9n0",
-  fixedContentArea: "_1reo1wug _18m91wug _152timx3 _165teqxy _13wn1if8",
-  fullHeight: "_4t3i1osq"
+  inner: "_1reo1wug _18m91wug _152timx3 _4t3i1osq _165teqxy _13wn1if8"
 };
 
 /**
@@ -65,7 +64,6 @@ var styles = {
 function Aside(_ref) {
   var children = _ref.children,
     xcss = _ref.xcss,
-    isFixedProp = _ref.isFixed,
     _ref$defaultWidth = _ref.defaultWidth,
     defaultWidth = _ref$defaultWidth === void 0 ? 330 : _ref$defaultWidth,
     _ref$label = _ref.label,
@@ -78,7 +76,6 @@ function Aside(_ref) {
   var id = (0, _idUtils.useLayoutId)({
     providedId: providedId
   });
-  var isFixed = (0, _platformFeatureFlags.fg)('platform_dst_nav4_disable_is_fixed_prop') ? true : isFixedProp;
 
   /**
    * Don't show the skip link if the slot has 0 width.
@@ -154,6 +151,6 @@ function Aside(_ref) {
     position: "start"
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": testId ? "".concat(testId, "--inner") : undefined,
-    className: (0, _runtime.ax)([styles.fullHeight, isFixed && styles.fixedContentArea])
+    className: (0, _runtime.ax)([styles.inner])
   }, children)));
 }

package/dist/cjs/ui/page-layout/main/main-sticky-header.compiled.css

@@ -1,4 +1,3 @@
 ._152tidpf{inset-block-start:0}
-._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
 ._1pbykb7n{z-index:1}
 ._kqsw1if8{position:sticky}

package/dist/cjs/ui/page-layout/main/main-sticky-header.js

@@ -1,21 +1,16 @@
 /* main-sticky-header.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MainStickyHeader = MainStickyHeader;
 require("./main-sticky-header.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _react = _interopRequireWildcard(require("react"));
-var _mainStickyContext = require("./main-sticky-context");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var contentInsetBlockStart = "calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))";
+var _react = _interopRequireDefault(require("react"));
 var stickyHeaderStyles = {
-  root: "_kqsw1if8 _1pbykb7n",
-  stickyInMain: "_152tidpf",
-  stickyInBody: "_152timx3"
+  root: "_kqsw1if8 _1pbykb7n _152tidpf"
 };
 
 /**
@@ -25,9 +20,8 @@ function MainStickyHeader(_ref) {
   var children = _ref.children,
     xcss = _ref.xcss,
     testId = _ref.testId;
-  var isMainFixed = (0, _react.useContext)(_mainStickyContext.MainStickyContext);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
-    className: (0, _runtime.ax)([stickyHeaderStyles.root, isMainFixed && stickyHeaderStyles.stickyInMain, !isMainFixed && stickyHeaderStyles.stickyInBody, xcss])
+    className: (0, _runtime.ax)([stickyHeaderStyles.root, xcss])
   }, children);
 }

package/dist/cjs/ui/page-layout/main/main.compiled.css

@@ -4,4 +4,4 @@
 ._19121cl4{isolation:isolate}
 ._1reo1wug{overflow-x:auto}
 ._njlp1t7j{contain:paint}
-@media (min-width:64rem){._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}._qwfh1wug{isolation:auto}}
+@media (min-width:64rem){._qwfh1wug{isolation:auto}._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}}

package/dist/cjs/ui/page-layout/main/main.js

@@ -14,11 +14,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _skipLinksContext = require("../../../context/skip-links/skip-links-context");
 var _constants = require("../constants");
 var _idUtils = require("../id-utils");
-var _mainStickyContext = require("./main-sticky-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var mainElementStyles = {
-  root: "_nd5l1gzg _19121cl4 _qwfh1wug",
-  fixedContentArea: "_1reo1wug _18m91wug _152timx3 _165teqxy _13wn1if8",
+  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8",
   containPaint: "_njlp1t7j"
 };
 
@@ -27,7 +25,6 @@ var mainElementStyles = {
  */
 function Main(_ref) {
   var children = _ref.children,
-    isFixedProp = _ref.isFixed,
     xcss = _ref.xcss,
     _ref$skipLinkLabel = _ref.skipLinkLabel,
     skipLinkLabel = _ref$skipLinkLabel === void 0 ? 'Main Content' : _ref$skipLinkLabel,
@@ -36,15 +33,12 @@ function Main(_ref) {
   var id = (0, _idUtils.useLayoutId)({
     providedId: providedId
   });
-  var isFixed = (0, _platformFeatureFlags.fg)('platform_dst_nav4_disable_is_fixed_prop') ? true : isFixedProp;
   (0, _skipLinksContext.useSkipLink)(id, skipLinkLabel);
   return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: (0, _runtime.ax)([mainElementStyles.root, isFixed && mainElementStyles.fixedContentArea, (0, _platformFeatureFlags.fg)('platform_dst_nav4_layering_in_main_slot_fixes') && mainElementStyles.containPaint, xcss]),
+    className: (0, _runtime.ax)([mainElementStyles.root, (0, _platformFeatureFlags.fg)('platform_dst_nav4_layering_in_main_slot_fixes') && mainElementStyles.containPaint, xcss]),
     role: "main",
     "data-testid": testId
-  }, /*#__PURE__*/React.createElement(_mainStickyContext.MainStickyContext.Provider, {
-    value: Boolean(isFixed)
-  }, children)));
+  }, children));
 }

package/dist/es2019/ui/page-layout/aside.js

@@ -42,8 +42,7 @@ function getResizeBounds() {
 }
 const styles = {
   root: "_nd5lns35 _vchhusvi _kqswh2mm _glte1kzp _ndwch9n0",
-  fixedContentArea: "_1reo1wug _18m91wug _152timx3 _165teqxy _13wn1if8",
-  fullHeight: "_4t3i1osq"
+  inner: "_1reo1wug _18m91wug _152timx3 _4t3i1osq _165teqxy _13wn1if8"
 };
 
 /**
@@ -54,7 +53,6 @@ const styles = {
 export function Aside({
   children,
   xcss,
-  isFixed: isFixedProp,
   defaultWidth = 330,
   label = 'Aside',
   skipLinkLabel = label,
@@ -65,7 +63,6 @@ export function Aside({
   const id = useLayoutId({
     providedId
   });
-  const isFixed = fg('platform_dst_nav4_disable_is_fixed_prop') ? true : isFixedProp;
 
   /**
    * Don't show the skip link if the slot has 0 width.
@@ -140,6 +137,6 @@ export function Aside({
     position: "start"
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": testId ? `${testId}--inner` : undefined,
-    className: ax([styles.fullHeight, isFixed && styles.fixedContentArea])
+    className: ax([styles.inner])
   }, children)));
 }

package/dist/es2019/ui/page-layout/main/main-sticky-header.compiled.css

@@ -1,4 +1,3 @@
 ._152tidpf{inset-block-start:0}
-._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
 ._1pbykb7n{z-index:1}
 ._kqsw1if8{position:sticky}

package/dist/es2019/ui/page-layout/main/main-sticky-header.js

@@ -1,13 +1,9 @@
 /* main-sticky-header.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useContext } from 'react';
-import { MainStickyContext } from './main-sticky-context';
-const contentInsetBlockStart = `calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))`;
+import React from 'react';
 const stickyHeaderStyles = {
-  root: "_kqsw1if8 _1pbykb7n",
-  stickyInMain: "_152tidpf",
-  stickyInBody: "_152timx3"
+  root: "_kqsw1if8 _1pbykb7n _152tidpf"
 };
 
 /**
@@ -18,9 +14,8 @@ export function MainStickyHeader({
   xcss,
   testId
 }) {
-  const isMainFixed = useContext(MainStickyContext);
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": testId,
-    className: ax([stickyHeaderStyles.root, isMainFixed && stickyHeaderStyles.stickyInMain, !isMainFixed && stickyHeaderStyles.stickyInBody, xcss])
+    className: ax([stickyHeaderStyles.root, xcss])
   }, children);
 }

package/dist/es2019/ui/page-layout/main/main.compiled.css

@@ -4,4 +4,4 @@
 ._19121cl4{isolation:isolate}
 ._1reo1wug{overflow-x:auto}
 ._njlp1t7j{contain:paint}
-@media (min-width:64rem){._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}._qwfh1wug{isolation:auto}}
+@media (min-width:64rem){._qwfh1wug{isolation:auto}._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}}

package/dist/es2019/ui/page-layout/main/main.js

@@ -7,10 +7,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { useSkipLink } from '../../../context/skip-links/skip-links-context';
 import { contentHeightWhenFixed, contentInsetBlockStart } from '../constants';
 import { useLayoutId } from '../id-utils';
-import { MainStickyContext } from './main-sticky-context';
 const mainElementStyles = {
-  root: "_nd5l1gzg _19121cl4 _qwfh1wug",
-  fixedContentArea: "_1reo1wug _18m91wug _152timx3 _165teqxy _13wn1if8",
+  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8",
   containPaint: "_njlp1t7j"
 };
 
@@ -19,7 +17,6 @@ const mainElementStyles = {
  */
 export function Main({
   children,
-  isFixed: isFixedProp,
   xcss,
   skipLinkLabel = 'Main Content',
   testId,
@@ -28,15 +25,12 @@ export function Main({
   const id = useLayoutId({
     providedId
   });
-  const isFixed = fg('platform_dst_nav4_disable_is_fixed_prop') ? true : isFixedProp;
   useSkipLink(id, skipLinkLabel);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: ax([mainElementStyles.root, isFixed && mainElementStyles.fixedContentArea, fg('platform_dst_nav4_layering_in_main_slot_fixes') && mainElementStyles.containPaint, xcss]),
+    className: ax([mainElementStyles.root, fg('platform_dst_nav4_layering_in_main_slot_fixes') && mainElementStyles.containPaint, xcss]),
     role: "main",
     "data-testid": testId
-  }, /*#__PURE__*/React.createElement(MainStickyContext.Provider, {
-    value: Boolean(isFixed)
-  }, children)));
+  }, children));
 }

package/dist/esm/ui/page-layout/aside.js

@@ -44,8 +44,7 @@ function getResizeBounds() {
 }
 var styles = {
   root: "_nd5lns35 _vchhusvi _kqswh2mm _glte1kzp _ndwch9n0",
-  fixedContentArea: "_1reo1wug _18m91wug _152timx3 _165teqxy _13wn1if8",
-  fullHeight: "_4t3i1osq"
+  inner: "_1reo1wug _18m91wug _152timx3 _4t3i1osq _165teqxy _13wn1if8"
 };
 
 /**
@@ -56,7 +55,6 @@ var styles = {
 export function Aside(_ref) {
   var children = _ref.children,
     xcss = _ref.xcss,
-    isFixedProp = _ref.isFixed,
     _ref$defaultWidth = _ref.defaultWidth,
     defaultWidth = _ref$defaultWidth === void 0 ? 330 : _ref$defaultWidth,
     _ref$label = _ref.label,
@@ -69,7 +67,6 @@ export function Aside(_ref) {
   var id = useLayoutId({
     providedId: providedId
   });
-  var isFixed = fg('platform_dst_nav4_disable_is_fixed_prop') ? true : isFixedProp;
 
   /**
    * Don't show the skip link if the slot has 0 width.
@@ -145,6 +142,6 @@ export function Aside(_ref) {
     position: "start"
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": testId ? "".concat(testId, "--inner") : undefined,
-    className: ax([styles.fullHeight, isFixed && styles.fixedContentArea])
+    className: ax([styles.inner])
   }, children)));
 }

package/dist/esm/ui/page-layout/main/main-sticky-header.compiled.css

@@ -1,4 +1,3 @@
 ._152tidpf{inset-block-start:0}
-._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
 ._1pbykb7n{z-index:1}
 ._kqsw1if8{position:sticky}

package/dist/esm/ui/page-layout/main/main-sticky-header.js

@@ -1,13 +1,9 @@
 /* main-sticky-header.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useContext } from 'react';
-import { MainStickyContext } from './main-sticky-context';
-var contentInsetBlockStart = "calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))";
+import React from 'react';
 var stickyHeaderStyles = {
-  root: "_kqsw1if8 _1pbykb7n",
-  stickyInMain: "_152tidpf",
-  stickyInBody: "_152timx3"
+  root: "_kqsw1if8 _1pbykb7n _152tidpf"
 };
 
 /**
@@ -17,9 +13,8 @@ export function MainStickyHeader(_ref) {
   var children = _ref.children,
     xcss = _ref.xcss,
     testId = _ref.testId;
-  var isMainFixed = useContext(MainStickyContext);
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": testId,
-    className: ax([stickyHeaderStyles.root, isMainFixed && stickyHeaderStyles.stickyInMain, !isMainFixed && stickyHeaderStyles.stickyInBody, xcss])
+    className: ax([stickyHeaderStyles.root, xcss])
   }, children);
 }

package/dist/esm/ui/page-layout/main/main.compiled.css

@@ -4,4 +4,4 @@
 ._19121cl4{isolation:isolate}
 ._1reo1wug{overflow-x:auto}
 ._njlp1t7j{contain:paint}
-@media (min-width:64rem){._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}._qwfh1wug{isolation:auto}}
+@media (min-width:64rem){._qwfh1wug{isolation:auto}._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}}

package/dist/esm/ui/page-layout/main/main.js

@@ -7,10 +7,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { useSkipLink } from '../../../context/skip-links/skip-links-context';
 import { contentHeightWhenFixed, contentInsetBlockStart } from '../constants';
 import { useLayoutId } from '../id-utils';
-import { MainStickyContext } from './main-sticky-context';
 var mainElementStyles = {
-  root: "_nd5l1gzg _19121cl4 _qwfh1wug",
-  fixedContentArea: "_1reo1wug _18m91wug _152timx3 _165teqxy _13wn1if8",
+  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8",
   containPaint: "_njlp1t7j"
 };
 
@@ -19,7 +17,6 @@ var mainElementStyles = {
  */
 export function Main(_ref) {
   var children = _ref.children,
-    isFixedProp = _ref.isFixed,
     xcss = _ref.xcss,
     _ref$skipLinkLabel = _ref.skipLinkLabel,
     skipLinkLabel = _ref$skipLinkLabel === void 0 ? 'Main Content' : _ref$skipLinkLabel,
@@ -28,15 +25,12 @@ export function Main(_ref) {
   var id = useLayoutId({
     providedId: providedId
   });
-  var isFixed = fg('platform_dst_nav4_disable_is_fixed_prop') ? true : isFixedProp;
   useSkipLink(id, skipLinkLabel);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: ax([mainElementStyles.root, isFixed && mainElementStyles.fixedContentArea, fg('platform_dst_nav4_layering_in_main_slot_fixes') && mainElementStyles.containPaint, xcss]),
+    className: ax([mainElementStyles.root, fg('platform_dst_nav4_layering_in_main_slot_fixes') && mainElementStyles.containPaint, xcss]),
     role: "main",
     "data-testid": testId
-  }, /*#__PURE__*/React.createElement(MainStickyContext.Provider, {
-    value: Boolean(isFixed)
-  }, children)));
+  }, children));
 }

package/dist/types/ui/page-layout/aside.d.ts

@@ -5,7 +5,7 @@ import type { CommonSlotProps } from './types';
  *
  * You can optionally render a `PanelSplitter` as a child to make the aside area resizable.
  */
-export declare function Aside({ children, xcss, isFixed: isFixedProp, defaultWidth, label, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
+export declare function Aside({ children, xcss, defaultWidth, label, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
     /**
      * The content of the layout area.
      */
@@ -14,27 +14,6 @@ export declare function Aside({ children, xcss, isFixed: isFixedProp, defaultWid
      * The accessible name of the slot, announced by screen readers.
      */
     label?: string;
-    /**
-     * @deprecated
-     *
-     * Support for `isFixed={false}` is being removed and `isFixed={true}` will be the only supported behavior.
-     *
-     * This change is being rolled out behind the `platform_dst_nav4_disable_is_fixed_prop` feature gate. After rollout this prop will be removed.
-     *
-     * Reach out to #help-design-system if you are relying on the `isFixed={false}` behavior.
-     *
-     * ---
-     *
-     * Whether the layout area should be fixed _on large viewports_.
-     *
-     * When fixed, the element will have its own scroll container - it will not use the body scroll.
-     *
-     * **Important:** On small viewports, the element will always use body scroll, to make it easier to scroll the page when
-     * the content is tall.
-     *
-     * When not fixed, the element will use the body scroll.
-     */
-    isFixed?: boolean;
     /**
      * Bounded style overrides.
      */

package/dist/types/ui/page-layout/main/main.d.ts

@@ -3,7 +3,7 @@ import type { CommonSlotProps } from '../types';
 /**
  * Use the Main area for the main page content. It has a fluid width and will expand to fill available space.
  */
-export declare function Main({ children, isFixed: isFixedProp, xcss, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
+export declare function Main({ children, xcss, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
     /**
      * The content of the layout area.
      * This is where you should put the main content of your page.
@@ -13,25 +13,4 @@ export declare function Main({ children, isFixed: isFixedProp, xcss, skipLinkLab
      * Bounded style overrides.
      */
     xcss?: StrictXCSSProp<'backgroundColor', never>;
-    /**
-     * @deprecated
-     *
-     * Support for `isFixed={false}` is being removed and `isFixed={true}` will be the only supported behavior.
-     *
-     * This change is being rolled out behind the `platform_dst_nav4_disable_is_fixed_prop` feature gate. After rollout this prop will be removed.
-     *
-     * Reach out to #help-design-system if you are relying on the `isFixed={false}` behavior.
-     *
-     * ---
-     *
-     * Whether the layout area should be fixed _on large viewports_.
-     *
-     * When fixed, the element will have its own scroll container - it will not use the body scroll.
-     *
-     * **Important:** On small viewports, the element will always use body scroll, to make it easier to scroll the page when
-     * the content is tall.
-     *
-     * When not fixed, the element will use the body scroll.
-     */
-    isFixed?: boolean;
 }): JSX.Element;

package/dist/types-ts4.5/ui/page-layout/aside.d.ts

@@ -5,7 +5,7 @@ import type { CommonSlotProps } from './types';
  *
  * You can optionally render a `PanelSplitter` as a child to make the aside area resizable.
  */
-export declare function Aside({ children, xcss, isFixed: isFixedProp, defaultWidth, label, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
+export declare function Aside({ children, xcss, defaultWidth, label, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
     /**
      * The content of the layout area.
      */
@@ -14,27 +14,6 @@ export declare function Aside({ children, xcss, isFixed: isFixedProp, defaultWid
      * The accessible name of the slot, announced by screen readers.
      */
     label?: string;
-    /**
-     * @deprecated
-     *
-     * Support for `isFixed={false}` is being removed and `isFixed={true}` will be the only supported behavior.
-     *
-     * This change is being rolled out behind the `platform_dst_nav4_disable_is_fixed_prop` feature gate. After rollout this prop will be removed.
-     *
-     * Reach out to #help-design-system if you are relying on the `isFixed={false}` behavior.
-     *
-     * ---
-     *
-     * Whether the layout area should be fixed _on large viewports_.
-     *
-     * When fixed, the element will have its own scroll container - it will not use the body scroll.
-     *
-     * **Important:** On small viewports, the element will always use body scroll, to make it easier to scroll the page when
-     * the content is tall.
-     *
-     * When not fixed, the element will use the body scroll.
-     */
-    isFixed?: boolean;
     /**
      * Bounded style overrides.
      */

package/dist/types-ts4.5/ui/page-layout/main/main.d.ts

@@ -3,7 +3,7 @@ import type { CommonSlotProps } from '../types';
 /**
  * Use the Main area for the main page content. It has a fluid width and will expand to fill available space.
  */
-export declare function Main({ children, isFixed: isFixedProp, xcss, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
+export declare function Main({ children, xcss, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
     /**
      * The content of the layout area.
      * This is where you should put the main content of your page.
@@ -13,25 +13,4 @@ export declare function Main({ children, isFixed: isFixedProp, xcss, skipLinkLab
      * Bounded style overrides.
      */
     xcss?: StrictXCSSProp<'backgroundColor', never>;
-    /**
-     * @deprecated
-     *
-     * Support for `isFixed={false}` is being removed and `isFixed={true}` will be the only supported behavior.
-     *
-     * This change is being rolled out behind the `platform_dst_nav4_disable_is_fixed_prop` feature gate. After rollout this prop will be removed.
-     *
-     * Reach out to #help-design-system if you are relying on the `isFixed={false}` behavior.
-     *
-     * ---
-     *
-     * Whether the layout area should be fixed _on large viewports_.
-     *
-     * When fixed, the element will have its own scroll container - it will not use the body scroll.
-     *
-     * **Important:** On small viewports, the element will always use body scroll, to make it easier to scroll the page when
-     * the content is tall.
-     *
-     * When not fixed, the element will use the body scroll.
-     */
-    isFixed?: boolean;
 }): JSX.Element;

package/examples/advanced-layout.tsx

@@ -99,7 +99,7 @@ export const AdvancedLayoutExample = () => (
 				<AppLogo href="" icon={HomeIcon} name="Home" label="Home page" />
 			</TopNavStart>
 		</TopNav>
-		<Main isFixed>
+		<Main>
 			<div css={advancedLayoutStyles.root}>
 				<div css={advancedLayoutStyles.header}>
 					<PageHeader

package/examples/company-hub-mock.tsx

@@ -148,7 +148,7 @@ export function CompanyHubMockExample({ defaultPanelWidth = 440 }: { defaultPane
 						</MenuListItem>
 					</TopNavEnd>
 				</TopNav>
-				<Main id="main-container" isFixed>
+				<Main id="main-container">
 					<Stack xcss={contentStyles.root}>
 						<div css={contentStyles.header}>
 							<div css={contentStyles.logo}>