@atlaskit/empty-state 7.9.1 → 7.10.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/dist/cjs/empty-state.js +10 -1
- package/dist/cjs/styled/actions-container.js +1 -1
- package/dist/cjs/styled/container.js +1 -1
- package/dist/cjs/styled/description.js +1 -1
- package/dist/cjs/styled/header.js +1 -1
- package/dist/cjs/styled/image.js +1 -1
- package/dist/cjs/styled/spinner-container.js +1 -1
- package/dist/es2019/empty-state.js +10 -1
- package/dist/es2019/styled/actions-container.js +1 -1
- package/dist/es2019/styled/container.js +1 -1
- package/dist/es2019/styled/description.js +1 -1
- package/dist/es2019/styled/header.js +1 -1
- package/dist/es2019/styled/image.js +1 -1
- package/dist/es2019/styled/spinner-container.js +1 -1
- package/dist/esm/empty-state.js +10 -1
- package/dist/esm/styled/actions-container.js +1 -1
- package/dist/esm/styled/container.js +1 -1
- package/dist/esm/styled/description.js +1 -1
- package/dist/esm/styled/header.js +1 -1
- package/dist/esm/styled/image.js +1 -1
- package/dist/esm/styled/spinner-container.js +1 -1
- package/dist/types/styled/actions-container.d.ts +1 -1
- package/dist/types/styled/container.d.ts +1 -1
- package/dist/types/styled/description.d.ts +1 -1
- package/dist/types/styled/header.d.ts +1 -1
- package/dist/types/styled/image.d.ts +1 -1
- package/dist/types/styled/spinner-container.d.ts +1 -1
- package/dist/types-ts4.5/styled/actions-container.d.ts +1 -1
- package/dist/types-ts4.5/styled/container.d.ts +1 -1
- package/dist/types-ts4.5/styled/description.d.ts +1 -1
- package/dist/types-ts4.5/styled/header.d.ts +1 -1
- package/dist/types-ts4.5/styled/image.d.ts +1 -1
- package/dist/types-ts4.5/styled/spinner-container.d.ts +1 -1
- package/package.json +11 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/empty-state
|
|
2
2
|
|
|
3
|
+
## 7.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#126756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126756)
|
|
8
|
+
[`1bb99c2a69e9c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1bb99c2a69e9c) -
|
|
9
|
+
We are testing a visual change behind a feature flag. The letter spacing of empty state title
|
|
10
|
+
changes. If this change is successful it will be available in a later release.
|
|
11
|
+
|
|
12
|
+
## 7.9.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 7.9.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/cjs/empty-state.js
CHANGED
|
@@ -7,6 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
|
|
10
|
+
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
11
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
|
+
var _primitives = require("@atlaskit/primitives");
|
|
10
13
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
11
14
|
var _styled = require("./styled");
|
|
12
15
|
/**
|
|
@@ -58,6 +61,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
58
61
|
}, secondaryAction, primaryAction), /*#__PURE__*/_react.default.createElement(_styled.SpinnerContainer, null, isLoading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
59
62
|
testId: "empty-state-spinner"
|
|
60
63
|
}))) : null;
|
|
64
|
+
var tag = "h".concat(headingLevel > 0 && headingLevel < 7 ? headingLevel : headingLevel > 6 ? 6 : 4);
|
|
61
65
|
return /*#__PURE__*/_react.default.createElement(_styled.Container, {
|
|
62
66
|
testId: testId,
|
|
63
67
|
width: width || size || 'wide'
|
|
@@ -72,7 +76,12 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
72
76
|
maxImageHeight: maxImageHeight,
|
|
73
77
|
imageWidth: imageWidth,
|
|
74
78
|
imageHeight: imageHeight
|
|
75
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
79
|
+
}), (0, _platformFeatureFlags.fg)('platform.design-system-team.empty-state-typography-updates_gndrj') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
80
|
+
paddingBlockEnd: "space.200"
|
|
81
|
+
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
82
|
+
size: "medium",
|
|
83
|
+
as: tag
|
|
84
|
+
}, header)) : /*#__PURE__*/_react.default.createElement(_styled.Header, {
|
|
76
85
|
level: headingLevel
|
|
77
86
|
}, header), description && /*#__PURE__*/_react.default.createElement(_styled.Description, null, description), actionsContainer, tertiaryAction);
|
|
78
87
|
};
|
|
@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _constants = require("@atlaskit/theme/constants");
|
|
9
9
|
/**
|
|
10
10
|
* @jsxRuntime classic
|
|
11
|
+
* @jsx jsx
|
|
11
12
|
*/
|
|
12
|
-
/** @jsx jsx */
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
15
|
|
|
@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
9
|
/**
|
|
10
10
|
* @jsxRuntime classic
|
|
11
|
+
* @jsx jsx
|
|
11
12
|
*/
|
|
12
|
-
/** @jsx jsx */
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
15
|
|
|
@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _typography = require("@atlaskit/theme/typography");
|
|
9
9
|
/**
|
|
10
10
|
* @jsxRuntime classic
|
|
11
|
+
* @jsx jsx
|
|
11
12
|
*/
|
|
12
|
-
/** @jsx jsx */
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
15
|
|
package/dist/cjs/styled/image.js
CHANGED
|
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
/**
|
|
11
11
|
* @jsxRuntime classic
|
|
12
|
+
* @jsx jsx
|
|
12
13
|
*/
|
|
13
|
-
/** @jsx jsx */
|
|
14
14
|
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
16
|
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
3
|
+
import Heading from '@atlaskit/heading';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
+
import { Box } from '@atlaskit/primitives';
|
|
3
6
|
import Spinner from '@atlaskit/spinner';
|
|
4
7
|
import { ActionsContainer, Container, Description, Header, Image as HeaderImage, SpinnerContainer } from './styled';
|
|
5
8
|
/**
|
|
@@ -49,6 +52,7 @@ const EmptyState = ({
|
|
|
49
52
|
}, secondaryAction, primaryAction), /*#__PURE__*/React.createElement(SpinnerContainer, null, isLoading && /*#__PURE__*/React.createElement(Spinner, {
|
|
50
53
|
testId: "empty-state-spinner"
|
|
51
54
|
}))) : null;
|
|
55
|
+
const tag = `h${headingLevel > 0 && headingLevel < 7 ? headingLevel : headingLevel > 6 ? 6 : 4}`;
|
|
52
56
|
return /*#__PURE__*/React.createElement(Container, {
|
|
53
57
|
testId: testId,
|
|
54
58
|
width: width || size || 'wide'
|
|
@@ -63,7 +67,12 @@ const EmptyState = ({
|
|
|
63
67
|
maxImageHeight,
|
|
64
68
|
imageWidth,
|
|
65
69
|
imageHeight
|
|
66
|
-
}), /*#__PURE__*/React.createElement(
|
|
70
|
+
}), fg('platform.design-system-team.empty-state-typography-updates_gndrj') ? /*#__PURE__*/React.createElement(Box, {
|
|
71
|
+
paddingBlockEnd: "space.200"
|
|
72
|
+
}, /*#__PURE__*/React.createElement(Heading, {
|
|
73
|
+
size: "medium",
|
|
74
|
+
as: tag
|
|
75
|
+
}, header)) : /*#__PURE__*/React.createElement(Header, {
|
|
67
76
|
level: headingLevel
|
|
68
77
|
}, header), description && /*#__PURE__*/React.createElement(Description, null, description), actionsContainer, tertiaryAction);
|
|
69
78
|
};
|
package/dist/esm/empty-state.js
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
3
|
+
import Heading from '@atlaskit/heading';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
+
import { Box } from '@atlaskit/primitives';
|
|
3
6
|
import Spinner from '@atlaskit/spinner';
|
|
4
7
|
import { ActionsContainer, Container, Description, Header, Image as HeaderImage, SpinnerContainer } from './styled';
|
|
5
8
|
/**
|
|
@@ -51,6 +54,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
51
54
|
}, secondaryAction, primaryAction), /*#__PURE__*/React.createElement(SpinnerContainer, null, isLoading && /*#__PURE__*/React.createElement(Spinner, {
|
|
52
55
|
testId: "empty-state-spinner"
|
|
53
56
|
}))) : null;
|
|
57
|
+
var tag = "h".concat(headingLevel > 0 && headingLevel < 7 ? headingLevel : headingLevel > 6 ? 6 : 4);
|
|
54
58
|
return /*#__PURE__*/React.createElement(Container, {
|
|
55
59
|
testId: testId,
|
|
56
60
|
width: width || size || 'wide'
|
|
@@ -65,7 +69,12 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
65
69
|
maxImageHeight: maxImageHeight,
|
|
66
70
|
imageWidth: imageWidth,
|
|
67
71
|
imageHeight: imageHeight
|
|
68
|
-
}), /*#__PURE__*/React.createElement(
|
|
72
|
+
}), fg('platform.design-system-team.empty-state-typography-updates_gndrj') ? /*#__PURE__*/React.createElement(Box, {
|
|
73
|
+
paddingBlockEnd: "space.200"
|
|
74
|
+
}, /*#__PURE__*/React.createElement(Heading, {
|
|
75
|
+
size: "medium",
|
|
76
|
+
as: tag
|
|
77
|
+
}, header)) : /*#__PURE__*/React.createElement(Header, {
|
|
69
78
|
level: headingLevel
|
|
70
79
|
}, header), description && /*#__PURE__*/React.createElement(Description, null, description), actionsContainer, tertiaryAction);
|
|
71
80
|
};
|
package/dist/esm/styled/image.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
/**
|
|
3
3
|
* @jsxRuntime classic
|
|
4
|
+
* @jsx jsx
|
|
4
5
|
*/
|
|
5
|
-
/** @jsx jsx */
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/empty-state",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.10.0",
|
|
4
4
|
"description": "An empty state appears when there is no data to display and describes what the user can do next.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,10 +27,13 @@
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@atlaskit/button": "^
|
|
30
|
+
"@atlaskit/button": "^19.1.0",
|
|
31
|
+
"@atlaskit/heading": "^2.3.2",
|
|
32
|
+
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
33
|
+
"@atlaskit/primitives": "^11.0.2",
|
|
31
34
|
"@atlaskit/spinner": "^16.2.0",
|
|
32
35
|
"@atlaskit/theme": "^12.11.0",
|
|
33
|
-
"@atlaskit/tokens": "^1.
|
|
36
|
+
"@atlaskit/tokens": "^1.57.0",
|
|
34
37
|
"@babel/runtime": "^7.0.0",
|
|
35
38
|
"@emotion/react": "^11.7.1"
|
|
36
39
|
},
|
|
@@ -68,6 +71,11 @@
|
|
|
68
71
|
}
|
|
69
72
|
},
|
|
70
73
|
"homepage": "https://atlassian.design/components/empty-state/",
|
|
74
|
+
"platform-feature-flags": {
|
|
75
|
+
"platform.design-system-team.empty-state-typography-updates_gndrj": {
|
|
76
|
+
"type": "boolean"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
71
79
|
"typesVersions": {
|
|
72
80
|
">=4.5 <4.9": {
|
|
73
81
|
"*": [
|