@atlaskit/page 14.1.0 → 15.0.1

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/page
 
+## 15.0.1
+
+### Patch Changes
+
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- Updated dependencies
+
+## 15.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
 ## 14.1.0
 
 ### Minor Changes

package/Grid/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/grid.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/grid.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/grid.d.ts"
 }

package/GridColumn/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/grid-column.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/grid-column.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/grid-column.d.ts"
 }

package/Page/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/page.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/page.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/page.d.ts"
 }

package/constants/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/constants.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/constants.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/constants.d.ts"
 }

package/dist/cjs/constants.js

@@ -3,15 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.varGridSpacing = exports.varColumnsNum = exports.varColumnSpan = exports.spacingMapping = exports.defaultSpacing = exports.defaultMedium = exports.defaultLayout = exports.defaultGridColumns = exports.defaultGridColumnWidth = exports.defaultBannerHeight = void 0;
+exports.varGridSpacing = exports.varColumnsNum = exports.varColumnSpan = exports.defaultSpacing = exports.defaultMedium = exports.defaultLayout = exports.defaultGridColumns = exports.defaultGridColumnWidth = exports.defaultBannerHeight = void 0;
 var defaultGridSize = 8;
 var defaultGridColumns = exports.defaultGridColumns = 12;
 var defaultGridColumnWidth = exports.defaultGridColumnWidth = defaultGridSize * 10;
-var spacingMapping = exports.spacingMapping = {
-  comfortable: defaultGridSize * 5,
-  cosy: defaultGridSize * 2,
-  compact: defaultGridSize * 0.5
-};
 var defaultSpacing = exports.defaultSpacing = 'cosy';
 var defaultBannerHeight = exports.defaultBannerHeight = 52;
 

package/dist/cjs/entry-points/constants.js

@@ -42,7 +42,7 @@ Object.defineProperty(exports, "defaultSpacing", {
 Object.defineProperty(exports, "spacingMapping", {
   enumerable: true,
   get: function get() {
-    return _constants.spacingMapping;
+    return _spacingMapping.spacingMapping;
   }
 });
 Object.defineProperty(exports, "varColumnSpan", {
@@ -63,4 +63,5 @@ Object.defineProperty(exports, "varGridSpacing", {
     return _constants.varGridSpacing;
   }
 });
-var _constants = require("../constants");
+var _constants = require("../constants");
+var _spacingMapping = require("../spacing-mapping");

package/dist/cjs/grid.js

@@ -14,6 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("./constants");
 var _gridContext = require("./grid-context");
+var _spacingMapping = require("./spacing-mapping");
 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 defaultGridColumnWidth = 80;
 
@@ -55,7 +56,7 @@ var Grid = exports.Grid = function Grid(_ref) {
     columns = _useContext.columns,
     spacing = _useContext.spacing;
   return /*#__PURE__*/React.createElement("div", {
-    style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, varColumnsNum, columns), varGridSpacing, "".concat(_constants.spacingMapping[spacing], "px")),
+    style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, varColumnsNum, columns), varGridSpacing, "".concat(_spacingMapping.spacingMapping[spacing], "px")),
     "data-testid": testId,
     className: (0, _runtime.ax)([styles.grid, gridLayoutMapStyles[layout], isNested && styles.nestedGrid])
   }, children);

package/dist/cjs/spacing-mapping.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spacingMapping = void 0;
+var defaultGridSize = 8;
+var spacingMapping = exports.spacingMapping = {
+  comfortable: defaultGridSize * 5,
+  cosy: defaultGridSize * 2,
+  compact: defaultGridSize * 0.5
+};

package/dist/es2019/constants.js

@@ -1,11 +1,6 @@
 const defaultGridSize = 8;
 export const defaultGridColumns = 12;
 export const defaultGridColumnWidth = defaultGridSize * 10;
-export const spacingMapping = {
-  comfortable: defaultGridSize * 5,
-  cosy: defaultGridSize * 2,
-  compact: defaultGridSize * 0.5
-};
 export const defaultSpacing = 'cosy';
 export const defaultBannerHeight = 52;
 

package/dist/es2019/entry-points/constants.js

@@ -1 +1,2 @@
-export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, spacingMapping, varColumnSpan, varColumnsNum, varGridSpacing } from '../constants';
+export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, varColumnSpan, varColumnsNum, varGridSpacing } from '../constants';
+export { spacingMapping } from '../spacing-mapping';

package/dist/es2019/grid.js

@@ -3,8 +3,9 @@ import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
-import { defaultLayout, spacingMapping } from './constants';
+import { defaultLayout } from './constants';
 import { GridContext } from './grid-context';
+import { spacingMapping } from './spacing-mapping';
 const defaultGridColumnWidth = 80;
 
 /**

package/dist/es2019/spacing-mapping.js

@@ -0,0 +1,6 @@
+const defaultGridSize = 8;
+export const spacingMapping = {
+  comfortable: defaultGridSize * 5,
+  cosy: defaultGridSize * 2,
+  compact: defaultGridSize * 0.5
+};

package/dist/esm/constants.js

@@ -1,11 +1,6 @@
 var defaultGridSize = 8;
 export var defaultGridColumns = 12;
 export var defaultGridColumnWidth = defaultGridSize * 10;
-export var spacingMapping = {
-  comfortable: defaultGridSize * 5,
-  cosy: defaultGridSize * 2,
-  compact: defaultGridSize * 0.5
-};
 export var defaultSpacing = 'cosy';
 export var defaultBannerHeight = 52;
 

package/dist/esm/entry-points/constants.js

@@ -1 +1,2 @@
-export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, spacingMapping, varColumnSpan, varColumnsNum, varGridSpacing } from '../constants';
+export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, varColumnSpan, varColumnsNum, varGridSpacing } from '../constants';
+export { spacingMapping } from '../spacing-mapping';

package/dist/esm/grid.js

@@ -4,8 +4,9 @@ import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
-import { defaultLayout, spacingMapping } from './constants';
+import { defaultLayout } from './constants';
 import { GridContext } from './grid-context';
+import { spacingMapping } from './spacing-mapping';
 var defaultGridColumnWidth = 80;
 
 /**

package/dist/esm/spacing-mapping.js

@@ -0,0 +1,6 @@
+var defaultGridSize = 8;
+export var spacingMapping = {
+  comfortable: defaultGridSize * 5,
+  cosy: defaultGridSize * 2,
+  compact: defaultGridSize * 0.5
+};

package/dist/types/constants.d.ts

@@ -1,10 +1,6 @@
+import type { spacingMapping } from './spacing-mapping';
 export declare const defaultGridColumns = 12;
 export declare const defaultGridColumnWidth: number;
-export declare const spacingMapping: {
-    readonly comfortable: number;
-    readonly cosy: number;
-    readonly compact: number;
-};
 export type GridSpacing = keyof typeof spacingMapping;
 export declare const defaultSpacing = "cosy";
 export declare const defaultBannerHeight = 52;

package/dist/types/entry-points/constants.d.ts

@@ -1,2 +1,3 @@
-export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, spacingMapping, varColumnSpan, varColumnsNum, varGridSpacing, } from '../constants';
+export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, varColumnSpan, varColumnsNum, varGridSpacing, } from '../constants';
+export { spacingMapping } from '../spacing-mapping';
 export type { GridSpacing } from '../constants';

package/dist/types/spacing-mapping.d.ts

@@ -0,0 +1,5 @@
+export declare const spacingMapping: {
+    readonly comfortable: number;
+    readonly cosy: number;
+    readonly compact: number;
+};

package/grid/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/grid.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/grid.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/grid.d.ts"
 }

package/grid-column/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/grid-column.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/grid-column.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/grid-column.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page",
-	"version": "14.1.0",
+	"version": "15.0.1",
 	"description": "A page layout organizes sections on a page using a grid and grid columns.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
@@ -50,6 +42,7 @@
 		}
 	},
 	"dependencies": {
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -60,17 +53,17 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/banner": "^14.1.0",
-		"@atlaskit/code": "^17.5.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/icon": "^34.3.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/tokens": "^13.0.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
+		"@atlaskit/banner": "^15.0.0",
+		"@atlaskit/code": "^18.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/section-message": "^9.1.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^16.3.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"keywords": [

package/page/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/page.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/page.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/page.d.ts"
 }

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/dist/types-ts4.5/constants.d.ts

@@ -1,24 +0,0 @@
-export declare const defaultGridColumns = 12;
-export declare const defaultGridColumnWidth: number;
-export declare const spacingMapping: {
-    readonly comfortable: number;
-    readonly cosy: number;
-    readonly compact: number;
-};
-export type GridSpacing = keyof typeof spacingMapping;
-export declare const defaultSpacing = "cosy";
-export declare const defaultBannerHeight = 52;
-export declare const defaultMedium = 0;
-export declare const defaultLayout = "fixed";
-/**
- * The number of available columns in each row.
- */
-export declare const varColumnsNum = "--ds-columns-num";
-/**
- * The number of columns that a `GridColumn` covers.
- */
-export declare const varColumnSpan = "--ds-column-span";
-/**
- * The spacing (in `px`) between each column.
- */
-export declare const varGridSpacing = "--ds-grid-spacing";

package/dist/types-ts4.5/entry-points/constants.d.ts

@@ -1,2 +0,0 @@
-export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, spacingMapping, varColumnSpan, varColumnsNum, varGridSpacing, } from '../constants';
-export type { GridSpacing } from '../constants';

package/dist/types-ts4.5/entry-points/grid-column.d.ts

@@ -1 +0,0 @@
-export { default as GridColumn } from '../grid-column';

package/dist/types-ts4.5/entry-points/grid.d.ts

@@ -1 +0,0 @@
-export { default } from '../grid-wrapper';

package/dist/types-ts4.5/entry-points/page.d.ts

@@ -1 +0,0 @@
-export { default } from '../page';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +0,0 @@
-export type { BaseGridProps, GridColumnProps, GridLayout, GridProps, GridSpacing, PageProps, ThemeProps, } from '../types';

package/dist/types-ts4.5/grid-column-context.d.ts

@@ -1,12 +0,0 @@
-/**
- * __Grid column context__
- *
- * A grid column context component for the Page component.
- *
- * - [Examples](https://atlassian.design/components/page/grid-column-context/examples)
- * - [Code](https://atlassian.design/components/page/grid-column-context/code)
- * - [Usage](https://atlassian.design/components/page/grid-column-context/usage)
- */
-export declare const GridColumnContext: import('react').Context<{
-    medium: number;
-}>;

package/dist/types-ts4.5/grid-column.d.ts

@@ -1,10 +0,0 @@
-import type { GridColumnProps } from './types';
-/**
- * __Grid column__
- *
- * A grid column can span one or more column positions within a grid.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/page)
- */
-declare const GridColumn: ({ medium, children, testId }: GridColumnProps) => JSX.Element;
-export default GridColumn;

package/dist/types-ts4.5/grid-context.d.ts

@@ -1,17 +0,0 @@
-import { type GridSpacing } from './constants';
-type GridContextProps = {
-    isRoot: boolean;
-    isNested: boolean;
-    spacing: GridSpacing;
-    columns: number;
-};
-/**
- * __Grid context__
- *
- * Provides contextual information which is used by both
- * the `Grid` and its `GridColumn` children.
- *
- * @internal
- */
-export declare const GridContext: import('react').Context<GridContextProps>;
-export {};

package/dist/types-ts4.5/grid-wrapper.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { GridProps } from './types';
-/**
- * __Grid__
- *
- * A grid contains one or more `GridColumn` to provide a grid layout.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/page)
- */
-declare const GridWrapper: ({ spacing: spacingProp, columns: columnsProp, layout, testId, children, theme, }: GridProps) => React.JSX.Element;
-export default GridWrapper;

package/dist/types-ts4.5/grid.d.ts

@@ -1,12 +0,0 @@
-import type { GridProps } from './types';
-/**
- * __Grid__
- *
- * A container for one or more `GridColumn`.
- *
- * This is the internal component, which relies on the context provided by the
- * grid wrapper.
- *
- * @internal
- */
-export declare const Grid: ({ layout, testId, children }: GridProps) => JSX.Element;

package/dist/types-ts4.5/index.d.ts

@@ -1,4 +0,0 @@
-import Page from './page';
-export default Page;
-export { default as Grid } from './grid-wrapper';
-export { default as GridColumn } from './grid-column';

package/dist/types-ts4.5/page.d.ts

@@ -1,13 +0,0 @@
-import type { PageProps } from './types';
-/**
- * __Page__
- *
- * Used to build page layouts.
- *
- * Has built in support for positioning [banners](https://atlassian.design/components/banner/examples)
- * and the deprecated `@atlaskit/navigation`.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/page)
- */
-declare const Page: ({ isBannerOpen, bannerHeight, banner, navigation, children, testId, }: PageProps) => JSX.Element;
-export default Page;

package/dist/types-ts4.5/types.d.ts

@@ -1,132 +0,0 @@
-import type { ReactNode } from 'react';
-import type { GridSpacing } from './constants';
-export type { GridSpacing } from './constants';
-/**
- * The props accepted by the internal `Grid` element.
- */
-export type BaseGridProps = {
-    /**
-     * The content of the grid. Direct children should be instances of `GridColumn`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Controls whether the grid should use a fixed-width layout or expand to fill available space.
-     *
-     * Defaults to `"fixed"`.
-     */
-    layout?: GridLayout;
-    /**
-     * A unique string that appears as a data attribute `data-testid` in the rendered code. Serves as a hook for automated tests.
-     */
-    testId?: string;
-};
-/**
- * Values set for the theme.
- */
-export type ThemeProps = {
-    /**
-     * Number of columns in the grid.
-     */
-    columns: number;
-    /**
-     * The amount of space between each grid column.
-     * `comfortable` adds 40px of spacing, `cosy` adds 16px and `compact` creates 4px gap between columns.
-     *
-     * Defaults to `"cosy"`.
-     */
-    spacing: GridSpacing;
-    /**
-     * Sets whether the grid is nested or not.
-     */
-    isNestedGrid?: boolean;
-};
-/**
- * The props accepted by the external `Grid` element.
- *
- * @extends BaseGridProps
- */
-export type GridProps = BaseGridProps & {
-    /**
-     * The amount of space between each grid column.
-     * `comfortable` adds 40px of spacing, `cosy` adds 16px and `compact` creates 4px gap between columns.
-     *
-     * Defaults to `"cosy"`.
-     */
-    spacing?: GridSpacing;
-    /**
-     * The total number of columns available in each row of the grid.
-     *
-     * Defaults to `12`.
-     */
-    columns?: number;
-    /**
-     * For consumers still using the theme prop to set the grid layout.
-     */
-    theme?: ThemeProps;
-};
-export type GridColumnProps = {
-    /**
-     * The number of columns in its parent `Grid` that the `GridColumn` should span.
-     *
-     * Defaults to `12`.
-     */
-    medium?: number;
-    /**
-     * The content to display within the column.
-     */
-    children?: ReactNode;
-    /**
-     * A unique string that appears as a data attribute `data-testid` in the rendered code. Serves as a hook for automated tests.
-     */
-    testId?: string;
-};
-export type GridLayout = 'fluid' | 'fixed';
-export type PageProps = {
-    /**
-     * If you provide the banner or banners you are to use, page will help you
-     * coordinate the showing and hiding of them in conjunction with `isBannerOpen`.
-     * This is designed to take [banner](https://atlassian.design/components/banner/examples) component, and
-     * matches its animation timing.
-     *
-     * The only time that two banners should be rendered are when an announcement
-     * banner is loaded alongside an error or warning banner.
-     */
-    banner?: ReactNode;
-    /**
-     * Takes [side navigation component](/components/side-navigation/) and helps
-     * position it with consideration to rendered banners.
-     */
-    navigation?: ReactNode;
-    /**
-     * The contents of the page, to be rendered next to navigation. It will be
-     * correctly position with relation to both any banner, as well as navigation.
-     */
-    children?: ReactNode;
-    /**
-     * Sets whether to show or hide the banner. This is responsible for moving the
-     * page contents down, as well as whether to render the banner component.
-     *
-     * Defaults to `false`.
-     */
-    isBannerOpen?: boolean;
-    /**
-     * `52` is line height `(20) + 4 * grid`. This is the height of all banners aside
-     * from the dynamically heighted announcement banner.
-     *
-     * Banner height can be retrieved from banner using its `innerRef`, which always
-     * returns its height when expanded even when it's collapsed.
-     *
-     * In addition to setting the height of the banner's container for dynamically
-     * heighted banners, you will need to set the `pageOffset` in navigation. Since
-     * this is a lot to think about, [here](/components/page/examples#announcement-banners)
-     * is an example that implements displaying both an announcement banner and a
-     * warning banner on a page, while matching the height of each.
-     *
-     * Defaults to `52`.
-     */
-    bannerHeight?: number;
-    /**
-     * A unique string that appears as a data attribute `data-testid` in the rendered code. Serves as a hook for automated tests.
-     */
-    testId?: string;
-};