@atlaskit/page 14.0.3 → 14.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/Grid/package.json +5 -5
- package/GridColumn/package.json +5 -5
- package/Page/package.json +5 -5
- package/constants/package.json +17 -0
- package/dist/cjs/entry-points/constants.js +66 -0
- package/dist/cjs/entry-points/grid-column.js +13 -0
- package/dist/cjs/entry-points/grid.js +13 -0
- package/dist/cjs/entry-points/page.js +13 -0
- package/dist/cjs/entry-points/types.js +1 -0
- package/dist/cjs/grid-column-context.js +25 -0
- package/dist/cjs/grid-column.js +3 -11
- package/dist/cjs/grid-wrapper.js +2 -2
- package/dist/es2019/entry-points/constants.js +1 -0
- package/dist/es2019/entry-points/grid-column.js +1 -0
- package/dist/es2019/entry-points/grid.js +1 -0
- package/dist/es2019/entry-points/page.js +1 -0
- package/dist/es2019/entry-points/types.js +0 -0
- package/dist/es2019/grid-column-context.js +19 -0
- package/dist/es2019/grid-column.js +2 -10
- package/dist/es2019/grid-wrapper.js +1 -1
- package/dist/esm/entry-points/constants.js +1 -0
- package/dist/esm/entry-points/grid-column.js +1 -0
- package/dist/esm/entry-points/grid.js +1 -0
- package/dist/esm/entry-points/page.js +1 -0
- package/dist/esm/entry-points/types.js +0 -0
- package/dist/esm/grid-column-context.js +19 -0
- package/dist/esm/grid-column.js +2 -10
- package/dist/esm/grid-wrapper.js +1 -1
- package/dist/types/entry-points/constants.d.ts +2 -0
- package/dist/types/entry-points/grid-column.d.ts +1 -0
- package/dist/types/entry-points/grid.d.ts +1 -0
- package/dist/types/entry-points/page.d.ts +1 -0
- package/dist/types/entry-points/types.d.ts +1 -0
- package/dist/types/grid-column-context.d.ts +12 -0
- package/dist/types/grid-column.d.ts +0 -8
- package/dist/types/grid-context.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/constants.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/grid-column.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/grid.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/page.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/types.d.ts +1 -0
- package/dist/types-ts4.5/grid-column-context.d.ts +12 -0
- package/dist/types-ts4.5/grid-column.d.ts +0 -8
- package/dist/types-ts4.5/grid-context.d.ts +1 -1
- package/grid/package.json +17 -0
- package/grid-column/package.json +17 -0
- package/package.json +16 -8
- package/page/package.json +17 -0
- package/types/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/page
|
|
2
2
|
|
|
3
|
+
## 14.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`aef119573f01b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aef119573f01b) -
|
|
8
|
+
Autofix: add explicit package exports (barrel removal)
|
|
9
|
+
|
|
10
|
+
## 14.0.4
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
15
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
16
|
+
isReactCompilerActivePlatform.
|
|
17
|
+
|
|
3
18
|
## 14.0.3
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/Grid/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page/Grid",
|
|
3
|
-
"main": "../dist/cjs/grid
|
|
4
|
-
"module": "../dist/esm/grid
|
|
5
|
-
"module:es2019": "../dist/es2019/grid
|
|
3
|
+
"main": "../dist/cjs/entry-points/grid.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/grid.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/grid.js",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/grid
|
|
9
|
+
"types": "../dist/types/entry-points/grid.d.ts",
|
|
10
10
|
"typesVersions": {
|
|
11
11
|
">=4.5 <5.9": {
|
|
12
12
|
"*": [
|
|
13
|
-
"../dist/types-ts4.5/grid
|
|
13
|
+
"../dist/types-ts4.5/entry-points/grid.d.ts"
|
|
14
14
|
]
|
|
15
15
|
}
|
|
16
16
|
}
|
package/GridColumn/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page/GridColumn",
|
|
3
|
-
"main": "../dist/cjs/grid-column.js",
|
|
4
|
-
"module": "../dist/esm/grid-column.js",
|
|
5
|
-
"module:es2019": "../dist/es2019/grid-column.js",
|
|
3
|
+
"main": "../dist/cjs/entry-points/grid-column.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/grid-column.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/grid-column.js",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/grid-column.d.ts",
|
|
9
|
+
"types": "../dist/types/entry-points/grid-column.d.ts",
|
|
10
10
|
"typesVersions": {
|
|
11
11
|
">=4.5 <5.9": {
|
|
12
12
|
"*": [
|
|
13
|
-
"../dist/types-ts4.5/grid-column.d.ts"
|
|
13
|
+
"../dist/types-ts4.5/entry-points/grid-column.d.ts"
|
|
14
14
|
]
|
|
15
15
|
}
|
|
16
16
|
}
|
package/Page/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page/Page",
|
|
3
|
-
"main": "../dist/cjs/page.js",
|
|
4
|
-
"module": "../dist/esm/page.js",
|
|
5
|
-
"module:es2019": "../dist/es2019/page.js",
|
|
3
|
+
"main": "../dist/cjs/entry-points/page.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/page.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/page.js",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/page.d.ts",
|
|
9
|
+
"types": "../dist/types/entry-points/page.d.ts",
|
|
10
10
|
"typesVersions": {
|
|
11
11
|
">=4.5 <5.9": {
|
|
12
12
|
"*": [
|
|
13
|
-
"../dist/types-ts4.5/page.d.ts"
|
|
13
|
+
"../dist/types-ts4.5/entry-points/page.d.ts"
|
|
14
14
|
]
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/page/constants",
|
|
3
|
+
"main": "../dist/cjs/entry-points/constants.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/constants.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/constants.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/constants.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/constants.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "defaultBannerHeight", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _constants.defaultBannerHeight;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "defaultGridColumnWidth", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _constants.defaultGridColumnWidth;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "defaultGridColumns", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _constants.defaultGridColumns;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "defaultLayout", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _constants.defaultLayout;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "defaultMedium", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _constants.defaultMedium;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "defaultSpacing", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _constants.defaultSpacing;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "spacingMapping", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _constants.spacingMapping;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "varColumnSpan", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _constants.varColumnSpan;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "varColumnsNum", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _constants.varColumnsNum;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "varGridSpacing", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _constants.varGridSpacing;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
var _constants = require("../constants");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "GridColumn", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _gridColumn.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _gridColumn = _interopRequireDefault(require("../grid-column"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _gridWrapper.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _gridWrapper = _interopRequireDefault(require("../grid-wrapper"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _page.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _page = _interopRequireDefault(require("../page"));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.GridColumnContext = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _constants = require("./constants");
|
|
9
|
+
/**
|
|
10
|
+
* @jsxRuntime classic
|
|
11
|
+
* @jsx jsx
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* __Grid column context__
|
|
16
|
+
*
|
|
17
|
+
* A grid column context component for the Page component.
|
|
18
|
+
*
|
|
19
|
+
* - [Examples](https://atlassian.design/components/page/grid-column-context/examples)
|
|
20
|
+
* - [Code](https://atlassian.design/components/page/grid-column-context/code)
|
|
21
|
+
* - [Usage](https://atlassian.design/components/page/grid-column-context/usage)
|
|
22
|
+
*/
|
|
23
|
+
var GridColumnContext = exports.GridColumnContext = /*#__PURE__*/(0, _react.createContext)({
|
|
24
|
+
medium: _constants.defaultMedium
|
|
25
|
+
});
|
package/dist/cjs/grid-column.js
CHANGED
|
@@ -6,13 +6,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
value: true
|
|
8
8
|
});
|
|
9
|
-
exports.default =
|
|
9
|
+
exports.default = void 0;
|
|
10
10
|
require("./grid-column.compiled.css");
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var React = _react;
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _constants = require("./constants");
|
|
16
|
+
var _gridColumnContext = require("./grid-column-context");
|
|
16
17
|
var _gridContext = require("./grid-context");
|
|
17
18
|
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); }
|
|
18
19
|
/**
|
|
@@ -75,15 +76,6 @@ var getVariant = function getVariant(_ref) {
|
|
|
75
76
|
return ColumnVariant.FullWidth;
|
|
76
77
|
};
|
|
77
78
|
|
|
78
|
-
/**
|
|
79
|
-
* __Grid column context__
|
|
80
|
-
*
|
|
81
|
-
* @internal
|
|
82
|
-
*/
|
|
83
|
-
var GridColumnContext = exports.GridColumnContext = /*#__PURE__*/(0, _react.createContext)({
|
|
84
|
-
medium: _constants.defaultMedium
|
|
85
|
-
});
|
|
86
|
-
|
|
87
79
|
/**
|
|
88
80
|
* __Grid column__
|
|
89
81
|
*
|
|
@@ -117,7 +109,7 @@ var GridColumn = function GridColumn(_ref2) {
|
|
|
117
109
|
medium: medium,
|
|
118
110
|
columns: columns
|
|
119
111
|
});
|
|
120
|
-
return /*#__PURE__*/React.createElement(GridColumnContext.Provider, {
|
|
112
|
+
return /*#__PURE__*/React.createElement(_gridColumnContext.GridColumnContext.Provider, {
|
|
121
113
|
value: contextValue
|
|
122
114
|
}, /*#__PURE__*/React.createElement("div", {
|
|
123
115
|
style: (0, _defineProperty2.default)({}, varColumnSpan, variant === ColumnVariant.Auto ? 'auto' : colSpan),
|
package/dist/cjs/grid-wrapper.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _constants = require("./constants");
|
|
10
10
|
var _grid = require("./grid");
|
|
11
|
-
var
|
|
11
|
+
var _gridColumnContext = require("./grid-column-context");
|
|
12
12
|
var _gridContext = require("./grid-context");
|
|
13
13
|
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); }
|
|
14
14
|
/**
|
|
@@ -31,7 +31,7 @@ var GridWrapper = function GridWrapper(_ref) {
|
|
|
31
31
|
*/
|
|
32
32
|
var _useContext = (0, _react.useContext)(_gridContext.GridContext),
|
|
33
33
|
isRoot = _useContext.isRoot;
|
|
34
|
-
var _useContext2 = (0, _react.useContext)(
|
|
34
|
+
var _useContext2 = (0, _react.useContext)(_gridColumnContext.GridColumnContext),
|
|
35
35
|
medium = _useContext2.medium;
|
|
36
36
|
|
|
37
37
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, spacingMapping, varColumnSpan, varColumnsNum, varGridSpacing } from '../constants';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GridColumn } from '../grid-column';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../grid-wrapper';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../page';
|
|
File without changes
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { createContext } from 'react';
|
|
6
|
+
import { defaultMedium } from './constants';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* __Grid column context__
|
|
10
|
+
*
|
|
11
|
+
* A grid column context component for the Page component.
|
|
12
|
+
*
|
|
13
|
+
* - [Examples](https://atlassian.design/components/page/grid-column-context/examples)
|
|
14
|
+
* - [Code](https://atlassian.design/components/page/grid-column-context/code)
|
|
15
|
+
* - [Usage](https://atlassian.design/components/page/grid-column-context/usage)
|
|
16
|
+
*/
|
|
17
|
+
export const GridColumnContext = /*#__PURE__*/createContext({
|
|
18
|
+
medium: defaultMedium
|
|
19
|
+
});
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
import "./grid-column.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import {
|
|
5
|
+
import { useContext, useMemo } from 'react';
|
|
6
6
|
import { defaultMedium } from './constants';
|
|
7
|
+
import { GridColumnContext } from './grid-column-context';
|
|
7
8
|
import { GridContext } from './grid-context';
|
|
8
9
|
/**
|
|
9
10
|
* Determines the method by which column width is calculated.
|
|
@@ -66,15 +67,6 @@ const getVariant = ({
|
|
|
66
67
|
return ColumnVariant.FullWidth;
|
|
67
68
|
};
|
|
68
69
|
|
|
69
|
-
/**
|
|
70
|
-
* __Grid column context__
|
|
71
|
-
*
|
|
72
|
-
* @internal
|
|
73
|
-
*/
|
|
74
|
-
export const GridColumnContext = /*#__PURE__*/createContext({
|
|
75
|
-
medium: defaultMedium
|
|
76
|
-
});
|
|
77
|
-
|
|
78
70
|
/**
|
|
79
71
|
* __Grid column__
|
|
80
72
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useContext, useMemo } from 'react';
|
|
2
2
|
import { defaultGridColumns, defaultSpacing } from './constants';
|
|
3
3
|
import { Grid } from './grid';
|
|
4
|
-
import { GridColumnContext } from './grid-column';
|
|
4
|
+
import { GridColumnContext } from './grid-column-context';
|
|
5
5
|
import { GridContext } from './grid-context';
|
|
6
6
|
/**
|
|
7
7
|
* __Grid__
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { defaultBannerHeight, defaultGridColumnWidth, defaultGridColumns, defaultLayout, defaultMedium, defaultSpacing, spacingMapping, varColumnSpan, varColumnsNum, varGridSpacing } from '../constants';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GridColumn } from '../grid-column';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../grid-wrapper';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../page';
|
|
File without changes
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { createContext } from 'react';
|
|
6
|
+
import { defaultMedium } from './constants';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* __Grid column context__
|
|
10
|
+
*
|
|
11
|
+
* A grid column context component for the Page component.
|
|
12
|
+
*
|
|
13
|
+
* - [Examples](https://atlassian.design/components/page/grid-column-context/examples)
|
|
14
|
+
* - [Code](https://atlassian.design/components/page/grid-column-context/code)
|
|
15
|
+
* - [Usage](https://atlassian.design/components/page/grid-column-context/usage)
|
|
16
|
+
*/
|
|
17
|
+
export var GridColumnContext = /*#__PURE__*/createContext({
|
|
18
|
+
medium: defaultMedium
|
|
19
|
+
});
|
package/dist/esm/grid-column.js
CHANGED
|
@@ -3,8 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
import "./grid-column.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
import {
|
|
6
|
+
import { useContext, useMemo } from 'react';
|
|
7
7
|
import { defaultMedium } from './constants';
|
|
8
|
+
import { GridColumnContext } from './grid-column-context';
|
|
8
9
|
import { GridContext } from './grid-context';
|
|
9
10
|
/**
|
|
10
11
|
* Determines the method by which column width is calculated.
|
|
@@ -66,15 +67,6 @@ var getVariant = function getVariant(_ref) {
|
|
|
66
67
|
return ColumnVariant.FullWidth;
|
|
67
68
|
};
|
|
68
69
|
|
|
69
|
-
/**
|
|
70
|
-
* __Grid column context__
|
|
71
|
-
*
|
|
72
|
-
* @internal
|
|
73
|
-
*/
|
|
74
|
-
export var GridColumnContext = /*#__PURE__*/createContext({
|
|
75
|
-
medium: defaultMedium
|
|
76
|
-
});
|
|
77
|
-
|
|
78
70
|
/**
|
|
79
71
|
* __Grid column__
|
|
80
72
|
*
|
package/dist/esm/grid-wrapper.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useContext, useMemo } from 'react';
|
|
2
2
|
import { defaultGridColumns, defaultSpacing } from './constants';
|
|
3
3
|
import { Grid } from './grid';
|
|
4
|
-
import { GridColumnContext } from './grid-column';
|
|
4
|
+
import { GridColumnContext } from './grid-column-context';
|
|
5
5
|
import { GridContext } from './grid-context';
|
|
6
6
|
/**
|
|
7
7
|
* __Grid__
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GridColumn } from '../grid-column';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../grid-wrapper';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../page';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { BaseGridProps, GridColumnProps, GridLayout, GridProps, GridSpacing, PageProps, ThemeProps, } from '../types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* __Grid column context__
|
|
3
|
+
*
|
|
4
|
+
* A grid column context component for the Page component.
|
|
5
|
+
*
|
|
6
|
+
* - [Examples](https://atlassian.design/components/page/grid-column-context/examples)
|
|
7
|
+
* - [Code](https://atlassian.design/components/page/grid-column-context/code)
|
|
8
|
+
* - [Usage](https://atlassian.design/components/page/grid-column-context/usage)
|
|
9
|
+
*/
|
|
10
|
+
export declare const GridColumnContext: import('react').Context<{
|
|
11
|
+
medium: number;
|
|
12
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GridColumn } from '../grid-column';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../grid-wrapper';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../page';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { BaseGridProps, GridColumnProps, GridLayout, GridProps, GridSpacing, PageProps, ThemeProps, } from '../types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* __Grid column context__
|
|
3
|
+
*
|
|
4
|
+
* A grid column context component for the Page component.
|
|
5
|
+
*
|
|
6
|
+
* - [Examples](https://atlassian.design/components/page/grid-column-context/examples)
|
|
7
|
+
* - [Code](https://atlassian.design/components/page/grid-column-context/code)
|
|
8
|
+
* - [Usage](https://atlassian.design/components/page/grid-column-context/usage)
|
|
9
|
+
*/
|
|
10
|
+
export declare const GridColumnContext: import('react').Context<{
|
|
11
|
+
medium: number;
|
|
12
|
+
}>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/page/grid",
|
|
3
|
+
"main": "../dist/cjs/entry-points/grid.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/grid.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/grid.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/grid.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/grid.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/page/grid-column",
|
|
3
|
+
"main": "../dist/cjs/entry-points/grid-column.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/grid-column.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/grid-column.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/grid-column.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/grid-column.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page",
|
|
3
|
-
"version": "14.0
|
|
3
|
+
"version": "14.1.0",
|
|
4
4
|
"description": "A page layout organizes sections on a page using a grid and grid columns.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -26,6 +26,13 @@
|
|
|
26
26
|
"atlaskit:src": "src/index.tsx",
|
|
27
27
|
"atlaskit:designLink": "https://atlassian.design/foundations/grid",
|
|
28
28
|
"atlassian": {
|
|
29
|
+
"react-compiler": {
|
|
30
|
+
"enabled": true,
|
|
31
|
+
"gating": {
|
|
32
|
+
"source": "@atlassian/react-compiler-gating",
|
|
33
|
+
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
29
36
|
"team": "Design System Team",
|
|
30
37
|
"website": {
|
|
31
38
|
"name": "Page",
|
|
@@ -53,14 +60,15 @@
|
|
|
53
60
|
"@af/accessibility-testing": "workspace:^",
|
|
54
61
|
"@af/integration-testing": "workspace:^",
|
|
55
62
|
"@af/visual-regression": "workspace:^",
|
|
56
|
-
"@atlaskit/banner": "^14.
|
|
57
|
-
"@atlaskit/code": "^17.
|
|
58
|
-
"@atlaskit/docs": "^11.
|
|
59
|
-
"@atlaskit/icon": "^34.
|
|
60
|
-
"@atlaskit/link": "^3.
|
|
61
|
-
"@atlaskit/primitives": "^
|
|
63
|
+
"@atlaskit/banner": "^14.1.0",
|
|
64
|
+
"@atlaskit/code": "^17.5.0",
|
|
65
|
+
"@atlaskit/docs": "^11.8.0",
|
|
66
|
+
"@atlaskit/icon": "^34.3.0",
|
|
67
|
+
"@atlaskit/link": "^3.4.0",
|
|
68
|
+
"@atlaskit/primitives": "^19.0.0",
|
|
62
69
|
"@atlaskit/section-message": "^8.12.0",
|
|
63
|
-
"@atlaskit/tokens": "^
|
|
70
|
+
"@atlaskit/tokens": "^13.0.0",
|
|
71
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
64
72
|
"@atlassian/ssr-tests": "workspace:^",
|
|
65
73
|
"@testing-library/react": "^16.3.0",
|
|
66
74
|
"react-dom": "^18.2.0"
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/page/page",
|
|
3
|
+
"main": "../dist/cjs/entry-points/page.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/page.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/page.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/page.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/page.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/types/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page/types",
|
|
3
|
-
"main": "../dist/cjs/types.js",
|
|
4
|
-
"module": "../dist/esm/types.js",
|
|
5
|
-
"module:es2019": "../dist/es2019/types.js",
|
|
3
|
+
"main": "../dist/cjs/entry-points/types.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/types.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/types.js",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/types.d.ts",
|
|
9
|
+
"types": "../dist/types/entry-points/types.d.ts",
|
|
10
10
|
"typesVersions": {
|
|
11
11
|
">=4.5 <5.9": {
|
|
12
12
|
"*": [
|
|
13
|
-
"../dist/types-ts4.5/types.d.ts"
|
|
13
|
+
"../dist/types-ts4.5/entry-points/types.d.ts"
|
|
14
14
|
]
|
|
15
15
|
}
|
|
16
16
|
}
|