@atlaskit/page 14.0.4 → 15.0.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/page
 
+## 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
+
+- [`aef119573f01b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aef119573f01b) -
+  Autofix: add explicit package exports (barrel removal)
+
 ## 14.0.4
 
 ### Patch Changes

package/Grid/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@atlaskit/page/Grid",
-  "main": "../dist/cjs/grid-wrapper.js",
-  "module": "../dist/esm/grid-wrapper.js",
-  "module:es2019": "../dist/es2019/grid-wrapper.js",
+  "main": "../dist/cjs/entry-points/grid.js",
+  "module": "../dist/esm/entry-points/grid.js",
+  "module:es2019": "../dist/es2019/entry-points/grid.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/grid-wrapper.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/grid-wrapper.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/grid.d.ts"
 }

package/GridColumn/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@atlaskit/page/GridColumn",
-  "main": "../dist/cjs/grid-column.js",
-  "module": "../dist/esm/grid-column.js",
-  "module:es2019": "../dist/es2019/grid-column.js",
+  "main": "../dist/cjs/entry-points/grid-column.js",
+  "module": "../dist/esm/entry-points/grid-column.js",
+  "module:es2019": "../dist/es2019/entry-points/grid-column.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/grid-column.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/grid-column.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/grid-column.d.ts"
 }

package/Page/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@atlaskit/page/Page",
-  "main": "../dist/cjs/page.js",
-  "module": "../dist/esm/page.js",
-  "module:es2019": "../dist/es2019/page.js",
+  "main": "../dist/cjs/entry-points/page.js",
+  "module": "../dist/esm/entry-points/page.js",
+  "module:es2019": "../dist/es2019/entry-points/page.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/page.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/page.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/page.d.ts"
 }

package/constants/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/page/constants",
+  "main": "../dist/cjs/entry-points/constants.js",
+  "module": "../dist/esm/entry-points/constants.js",
+  "module:es2019": "../dist/es2019/entry-points/constants.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "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

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "defaultBannerHeight", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultBannerHeight;
+  }
+});
+Object.defineProperty(exports, "defaultGridColumnWidth", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultGridColumnWidth;
+  }
+});
+Object.defineProperty(exports, "defaultGridColumns", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultGridColumns;
+  }
+});
+Object.defineProperty(exports, "defaultLayout", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultLayout;
+  }
+});
+Object.defineProperty(exports, "defaultMedium", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultMedium;
+  }
+});
+Object.defineProperty(exports, "defaultSpacing", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultSpacing;
+  }
+});
+Object.defineProperty(exports, "spacingMapping", {
+  enumerable: true,
+  get: function get() {
+    return _spacingMapping.spacingMapping;
+  }
+});
+Object.defineProperty(exports, "varColumnSpan", {
+  enumerable: true,
+  get: function get() {
+    return _constants.varColumnSpan;
+  }
+});
+Object.defineProperty(exports, "varColumnsNum", {
+  enumerable: true,
+  get: function get() {
+    return _constants.varColumnsNum;
+  }
+});
+Object.defineProperty(exports, "varGridSpacing", {
+  enumerable: true,
+  get: function get() {
+    return _constants.varGridSpacing;
+  }
+});
+var _constants = require("../constants");
+var _spacingMapping = require("../spacing-mapping");

package/dist/cjs/entry-points/grid-column.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GridColumn", {
+  enumerable: true,
+  get: function get() {
+    return _gridColumn.default;
+  }
+});
+var _gridColumn = _interopRequireDefault(require("../grid-column"));

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _gridWrapper.default;
+  }
+});
+var _gridWrapper = _interopRequireDefault(require("../grid-wrapper"));

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _page.default;
+  }
+});
+var _page = _interopRequireDefault(require("../page"));

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

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/grid-column-context.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridColumnContext = void 0;
+var _react = require("react");
+var _constants = require("./constants");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+/**
+ * __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)
+ */
+var GridColumnContext = exports.GridColumnContext = /*#__PURE__*/(0, _react.createContext)({
+  medium: _constants.defaultMedium
+});

package/dist/cjs/grid-column.js

@@ -6,13 +6,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.GridColumnContext = void 0;
+exports.default = void 0;
 require("./grid-column.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("./constants");
+var _gridColumnContext = require("./grid-column-context");
 var _gridContext = require("./grid-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); }
 /**
@@ -75,15 +76,6 @@ var getVariant = function getVariant(_ref) {
   return ColumnVariant.FullWidth;
 };
 
-/**
- * __Grid column context__
- *
- * @internal
- */
-var GridColumnContext = exports.GridColumnContext = /*#__PURE__*/(0, _react.createContext)({
-  medium: _constants.defaultMedium
-});
-
 /**
  * __Grid column__
  *
@@ -117,7 +109,7 @@ var GridColumn = function GridColumn(_ref2) {
     medium: medium,
     columns: columns
   });
-  return /*#__PURE__*/React.createElement(GridColumnContext.Provider, {
+  return /*#__PURE__*/React.createElement(_gridColumnContext.GridColumnContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
     style: (0, _defineProperty2.default)({}, varColumnSpan, variant === ColumnVariant.Auto ? 'auto' : colSpan),

package/dist/cjs/grid-wrapper.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("./constants");
 var _grid = require("./grid");
-var _gridColumn = require("./grid-column");
+var _gridColumnContext = require("./grid-column-context");
 var _gridContext = require("./grid-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); }
 /**
@@ -31,7 +31,7 @@ var GridWrapper = function GridWrapper(_ref) {
    */
   var _useContext = (0, _react.useContext)(_gridContext.GridContext),
     isRoot = _useContext.isRoot;
-  var _useContext2 = (0, _react.useContext)(_gridColumn.GridColumnContext),
+  var _useContext2 = (0, _react.useContext)(_gridColumnContext.GridColumnContext),
     medium = _useContext2.medium;
 
   /**

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

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

package/dist/es2019/entry-points/grid-column.js

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

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

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

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

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

package/dist/es2019/grid-column-context.js

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { createContext } from 'react';
+import { defaultMedium } from './constants';
+
+/**
+ * __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 const GridColumnContext = /*#__PURE__*/createContext({
+  medium: defaultMedium
+});

package/dist/es2019/grid-column.js

@@ -2,8 +2,9 @@
 import "./grid-column.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { createContext, useContext, useMemo } from 'react';
+import { useContext, useMemo } from 'react';
 import { defaultMedium } from './constants';
+import { GridColumnContext } from './grid-column-context';
 import { GridContext } from './grid-context';
 /**
  * Determines the method by which column width is calculated.
@@ -66,15 +67,6 @@ const getVariant = ({
   return ColumnVariant.FullWidth;
 };
 
-/**
- * __Grid column context__
- *
- * @internal
- */
-export const GridColumnContext = /*#__PURE__*/createContext({
-  medium: defaultMedium
-});
-
 /**
  * __Grid column__
  *

package/dist/es2019/grid-wrapper.js

@@ -1,7 +1,7 @@
 import React, { useContext, useMemo } from 'react';
 import { defaultGridColumns, defaultSpacing } from './constants';
 import { Grid } from './grid';
-import { GridColumnContext } from './grid-column';
+import { GridColumnContext } from './grid-column-context';
 import { GridContext } from './grid-context';
 /**
  * __Grid__

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

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

package/dist/esm/entry-points/grid-column.js

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

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

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

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

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

package/dist/esm/grid-column-context.js

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { createContext } from 'react';
+import { defaultMedium } from './constants';
+
+/**
+ * __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 var GridColumnContext = /*#__PURE__*/createContext({
+  medium: defaultMedium
+});

package/dist/esm/grid-column.js

@@ -3,8 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./grid-column.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { createContext, useContext, useMemo } from 'react';
+import { useContext, useMemo } from 'react';
 import { defaultMedium } from './constants';
+import { GridColumnContext } from './grid-column-context';
 import { GridContext } from './grid-context';
 /**
  * Determines the method by which column width is calculated.
@@ -66,15 +67,6 @@ var getVariant = function getVariant(_ref) {
   return ColumnVariant.FullWidth;
 };
 
-/**
- * __Grid column context__
- *
- * @internal
- */
-export var GridColumnContext = /*#__PURE__*/createContext({
-  medium: defaultMedium
-});
-
 /**
  * __Grid column__
  *

package/dist/esm/grid-wrapper.js

@@ -1,7 +1,7 @@
 import React, { useContext, useMemo } from 'react';
 import { defaultGridColumns, defaultSpacing } from './constants';
 import { Grid } from './grid';
-import { GridColumnContext } from './grid-column';
+import { GridColumnContext } from './grid-column-context';
 import { GridContext } from './grid-context';
 /**
  * __Grid__

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

@@ -0,0 +1,3 @@
+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/entry-points/grid-column.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/**
+ * __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/grid-column.d.ts

@@ -1,12 +1,4 @@
 import type { GridColumnProps } from './types';
-/**
- * __Grid column context__
- *
- * @internal
- */
-export declare const GridColumnContext: import('react').Context<{
-    medium: number;
-}>;
 /**
  * __Grid column__
  *

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

@@ -1,4 +1,4 @@
-import { type GridSpacing } from './types';
+import { type GridSpacing } from './constants';
 type GridContextProps = {
     isRoot: boolean;
     isNested: boolean;

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

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/page/grid",
+  "main": "../dist/cjs/entry-points/grid.js",
+  "module": "../dist/esm/entry-points/grid.js",
+  "module:es2019": "../dist/es2019/entry-points/grid.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/grid.d.ts"
+}

package/grid-column/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/page/grid-column",
+  "main": "../dist/cjs/entry-points/grid-column.js",
+  "module": "../dist/esm/entry-points/grid-column.js",
+  "module:es2019": "../dist/es2019/entry-points/grid-column.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/grid-column.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page",
-	"version": "14.0.4",
+	"version": "15.0.0",
 	"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"
 	],
@@ -60,17 +52,18 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/banner": "^14.0.0",
-		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/docs": "^11.7.0",
-		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@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.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^16.3.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"keywords": [

package/page/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/page/page",
+  "main": "../dist/cjs/entry-points/page.js",
+  "module": "../dist/esm/entry-points/page.js",
+  "module:es2019": "../dist/es2019/entry-points/page.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/page.d.ts"
+}

package/types/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@atlaskit/page/types",
-  "main": "../dist/cjs/types.js",
-  "module": "../dist/esm/types.js",
-  "module:es2019": "../dist/es2019/types.js",
+  "main": "../dist/cjs/entry-points/types.js",
+  "module": "../dist/esm/entry-points/types.js",
+  "module:es2019": "../dist/es2019/entry-points/types.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/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/grid-column.d.ts

@@ -1,18 +0,0 @@
-import type { GridColumnProps } from './types';
-/**
- * __Grid column context__
- *
- * @internal
- */
-export declare const GridColumnContext: import('react').Context<{
-    medium: number;
-}>;
-/**
- * __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 './types';
-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;
-};