@atlaskit/empty-state 7.6.0 → 7.6.2
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 +12 -0
- package/dist/cjs/styled/container.js +1 -1
- package/dist/cjs/styled/image.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/empty-state.js +2 -2
- package/dist/es2019/styled/container.js +1 -1
- package/dist/es2019/styled/image.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/empty-state.js +2 -2
- package/dist/esm/styled/container.js +1 -1
- package/dist/esm/styled/image.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +17 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/empty-state
|
|
2
2
|
|
|
3
|
+
## 7.6.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4f17f1d839e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f17f1d839e) - Added this package into push model consumption
|
|
8
|
+
|
|
9
|
+
## 7.6.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
|
|
14
|
+
|
|
3
15
|
## 7.6.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -15,7 +15,7 @@ var verticalMarginSize = "var(--ds-space-600, 48px)";
|
|
|
15
15
|
var columnWidth = gridSize * 8;
|
|
16
16
|
var gutter = gridSize * 2;
|
|
17
17
|
var containerStyles = (0, _react.css)({
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
margin: "".concat(verticalMarginSize, " auto"),
|
|
20
20
|
textAlign: 'center'
|
|
21
21
|
});
|
package/dist/cjs/styled/image.js
CHANGED
|
@@ -15,7 +15,7 @@ var imageStyles = (0, _react.css)({
|
|
|
15
15
|
display: 'block',
|
|
16
16
|
maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
|
|
17
17
|
maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
margin: "0 auto ".concat("var(--ds-space-300, 24px)")
|
|
20
20
|
});
|
|
21
21
|
|
package/dist/cjs/version.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
3
3
|
import Spinner from '@atlaskit/spinner';
|
|
4
|
-
import { ActionsContainer, Container, Description, Header, Image, SpinnerContainer } from './styled';
|
|
4
|
+
import { ActionsContainer, Container, Description, Header, Image as HeaderImage, SpinnerContainer } from './styled';
|
|
5
5
|
/**
|
|
6
6
|
* __Empty state__
|
|
7
7
|
*
|
|
@@ -48,7 +48,7 @@ const EmptyState = ({
|
|
|
48
48
|
return /*#__PURE__*/React.createElement(Container, {
|
|
49
49
|
testId: testId,
|
|
50
50
|
width: width || size || 'wide'
|
|
51
|
-
}, imageUrl ? /*#__PURE__*/React.createElement(
|
|
51
|
+
}, imageUrl ? /*#__PURE__*/React.createElement(HeaderImage, {
|
|
52
52
|
src: imageUrl,
|
|
53
53
|
maxWidth: maxImageWidth,
|
|
54
54
|
maxHeight: maxImageHeight,
|
|
@@ -9,7 +9,7 @@ const verticalMarginSize = "var(--ds-space-600, 48px)";
|
|
|
9
9
|
const columnWidth = gridSize * 8;
|
|
10
10
|
const gutter = gridSize * 2;
|
|
11
11
|
const containerStyles = css({
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
12
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
13
13
|
margin: `${verticalMarginSize} auto`,
|
|
14
14
|
textAlign: 'center'
|
|
15
15
|
});
|
|
@@ -7,7 +7,7 @@ const imageStyles = css({
|
|
|
7
7
|
display: 'block',
|
|
8
8
|
maxWidth: `var(${CSS_VAR_MAX_WIDTH})`,
|
|
9
9
|
maxHeight: `var(${CSS_VAR_MAX_HEIGHT})`,
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
11
11
|
margin: `0 auto ${"var(--ds-space-300, 24px)"}`
|
|
12
12
|
});
|
|
13
13
|
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/empty-state.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
3
3
|
import Spinner from '@atlaskit/spinner';
|
|
4
|
-
import { ActionsContainer, Container, Description, Header, Image, SpinnerContainer } from './styled';
|
|
4
|
+
import { ActionsContainer, Container, Description, Header, Image as HeaderImage, SpinnerContainer } from './styled';
|
|
5
5
|
/**
|
|
6
6
|
* __Empty state__
|
|
7
7
|
*
|
|
@@ -50,7 +50,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
50
50
|
return /*#__PURE__*/React.createElement(Container, {
|
|
51
51
|
testId: testId,
|
|
52
52
|
width: width || size || 'wide'
|
|
53
|
-
}, imageUrl ? /*#__PURE__*/React.createElement(
|
|
53
|
+
}, imageUrl ? /*#__PURE__*/React.createElement(HeaderImage, {
|
|
54
54
|
src: imageUrl,
|
|
55
55
|
maxWidth: maxImageWidth,
|
|
56
56
|
maxHeight: maxImageHeight,
|
|
@@ -9,7 +9,7 @@ var verticalMarginSize = "var(--ds-space-600, 48px)";
|
|
|
9
9
|
var columnWidth = gridSize * 8;
|
|
10
10
|
var gutter = gridSize * 2;
|
|
11
11
|
var containerStyles = css({
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
12
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
13
13
|
margin: "".concat(verticalMarginSize, " auto"),
|
|
14
14
|
textAlign: 'center'
|
|
15
15
|
});
|
package/dist/esm/styled/image.js
CHANGED
|
@@ -8,7 +8,7 @@ var imageStyles = css({
|
|
|
8
8
|
display: 'block',
|
|
9
9
|
maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
|
|
10
10
|
maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
|
|
11
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
12
12
|
margin: "0 auto ".concat("var(--ds-space-300, 24px)")
|
|
13
13
|
});
|
|
14
14
|
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,41 +1,35 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/empty-state",
|
|
3
|
-
"version": "7.6.
|
|
3
|
+
"version": "7.6.2",
|
|
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/"
|
|
7
7
|
},
|
|
8
8
|
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
|
-
"homepage": "https://atlassian.design/components/empty-state/",
|
|
10
9
|
"author": "Atlassian Pty Ltd",
|
|
11
10
|
"license": "Apache-2.0",
|
|
12
11
|
"main": "dist/cjs/index.js",
|
|
13
12
|
"module": "dist/esm/index.js",
|
|
14
13
|
"module:es2019": "dist/es2019/index.js",
|
|
15
14
|
"types": "dist/types/index.d.ts",
|
|
16
|
-
"typesVersions": {
|
|
17
|
-
">=4.5 <4.9": {
|
|
18
|
-
"*": [
|
|
19
|
-
"dist/types-ts4.5/*",
|
|
20
|
-
"dist/types-ts4.5/index.d.ts"
|
|
21
|
-
]
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
15
|
"sideEffects": false,
|
|
25
16
|
"atlaskit:src": "src/index.tsx",
|
|
26
17
|
"atlassian": {
|
|
27
18
|
"team": "Design System Team",
|
|
28
19
|
"releaseModel": "continuous",
|
|
20
|
+
"productPushConsumption": [
|
|
21
|
+
"jira"
|
|
22
|
+
],
|
|
29
23
|
"website": {
|
|
30
24
|
"name": "Empty state",
|
|
31
25
|
"category": "Components"
|
|
32
26
|
}
|
|
33
27
|
},
|
|
34
28
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^16.
|
|
29
|
+
"@atlaskit/button": "^16.9.0",
|
|
36
30
|
"@atlaskit/spinner": "^15.5.0",
|
|
37
31
|
"@atlaskit/theme": "^12.5.0",
|
|
38
|
-
"@atlaskit/tokens": "^1.
|
|
32
|
+
"@atlaskit/tokens": "^1.14.0",
|
|
39
33
|
"@babel/runtime": "^7.0.0",
|
|
40
34
|
"@emotion/react": "^11.7.1"
|
|
41
35
|
},
|
|
@@ -43,13 +37,13 @@
|
|
|
43
37
|
"react": "^16.8.0"
|
|
44
38
|
},
|
|
45
39
|
"devDependencies": {
|
|
46
|
-
"@
|
|
40
|
+
"@af/accessibility-testing": "*",
|
|
41
|
+
"@af/visual-regression": "*",
|
|
47
42
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
48
43
|
"@atlaskit/ssr": "*",
|
|
49
44
|
"@atlaskit/visual-regression": "*",
|
|
50
45
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
51
46
|
"@testing-library/react": "^12.1.5",
|
|
52
|
-
"jest-axe": "^4.0.0",
|
|
53
47
|
"react-dom": "^16.8.0",
|
|
54
48
|
"typescript": "~4.9.5",
|
|
55
49
|
"wait-for-expect": "^1.2.0"
|
|
@@ -73,6 +67,15 @@
|
|
|
73
67
|
"deprecation": "no-deprecated-imports"
|
|
74
68
|
}
|
|
75
69
|
},
|
|
70
|
+
"homepage": "https://atlassian.design/components/empty-state/",
|
|
71
|
+
"typesVersions": {
|
|
72
|
+
">=4.5 <4.9": {
|
|
73
|
+
"*": [
|
|
74
|
+
"dist/types-ts4.5/*",
|
|
75
|
+
"dist/types-ts4.5/index.d.ts"
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
},
|
|
76
79
|
"af:exports": {
|
|
77
80
|
"./types": "./src/types.tsx",
|
|
78
81
|
".": "./src/index.tsx"
|