@atlaskit/empty-state 10.1.13 → 10.1.15
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 +17 -0
- package/dist/cjs/styled/actions-container.js +1 -1
- package/dist/cjs/styled/container.js +1 -1
- package/dist/cjs/styled/image.js +1 -1
- package/dist/cjs/styled/spinner-container.js +1 -1
- package/dist/es2019/styled/actions-container.js +1 -1
- package/dist/es2019/styled/container.js +1 -1
- package/dist/es2019/styled/image.js +1 -1
- package/dist/es2019/styled/spinner-container.js +1 -1
- package/dist/esm/styled/actions-container.js +1 -1
- package/dist/esm/styled/container.js +1 -1
- package/dist/esm/styled/image.js +1 -1
- package/dist/esm/styled/spinner-container.js +1 -1
- package/empty-state.docs.tsx +54 -0
- package/package.json +15 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/empty-state
|
|
2
2
|
|
|
3
|
+
## 10.1.15
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
8
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
9
|
+
isReactCompilerActivePlatform.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 10.1.14
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
|
|
17
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 10.1.13
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
package/dist/cjs/styled/image.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* actions-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* actions-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./actions-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* spinner-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* spinner-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./spinner-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* actions-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* actions-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./actions-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
package/dist/esm/styled/image.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* spinner-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* spinner-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./spinner-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'EmptyState',
|
|
8
|
+
description:
|
|
9
|
+
'A component for when there is nothing to display (no tasks, cleared inbox, no results).',
|
|
10
|
+
status: 'general-availability',
|
|
11
|
+
import: {
|
|
12
|
+
name: 'EmptyState',
|
|
13
|
+
package: '@atlaskit/empty-state',
|
|
14
|
+
type: 'default',
|
|
15
|
+
packagePath: path.resolve(__dirname),
|
|
16
|
+
packageJson: require('./package.json'),
|
|
17
|
+
},
|
|
18
|
+
usageGuidelines: [
|
|
19
|
+
'Use when nothing to display in a view (no tasks, no results, cleared inbox)',
|
|
20
|
+
'Header is required; illustration, description, and buttons are optional',
|
|
21
|
+
'Use wide (464px) or narrow (304px) layout as appropriate',
|
|
22
|
+
'Provide one primary CTA; do not stack multiple primary buttons',
|
|
23
|
+
'Use illustration as spot only—do not resize; keep relevant, neutral or humorous',
|
|
24
|
+
'Explain why the state is empty and provide clear next steps',
|
|
25
|
+
'Consider i18n for illustrations (e.g. culturally neutral imagery, translatable alt text)',
|
|
26
|
+
],
|
|
27
|
+
contentGuidelines: [
|
|
28
|
+
'Blank slate: inspirational, motivating tone',
|
|
29
|
+
'All done: celebratory tone',
|
|
30
|
+
'No results: neutral tone with next steps',
|
|
31
|
+
'Use clear, descriptive headers',
|
|
32
|
+
'Provide specific next steps; avoid negative language',
|
|
33
|
+
],
|
|
34
|
+
accessibilityGuidelines: [
|
|
35
|
+
'Avoid jargon; use simple language',
|
|
36
|
+
'Use descriptive link text (not "click here")',
|
|
37
|
+
'Add alt text only if the illustration is meaningful; otherwise omit or mark decorative',
|
|
38
|
+
'Provide clear empty state messaging',
|
|
39
|
+
'Use appropriate headings and structure',
|
|
40
|
+
'Ensure actionable content is accessible',
|
|
41
|
+
],
|
|
42
|
+
examples: [
|
|
43
|
+
{
|
|
44
|
+
name: 'Empty State',
|
|
45
|
+
description: 'Empty State example',
|
|
46
|
+
source: path.resolve(__dirname, './examples/ai/empty-state.tsx'),
|
|
47
|
+
},
|
|
48
|
+
],
|
|
49
|
+
keywords: ['empty', 'state', 'placeholder', 'no-content', 'void'],
|
|
50
|
+
categories: ['status'],
|
|
51
|
+
},
|
|
52
|
+
];
|
|
53
|
+
|
|
54
|
+
export default documentation;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/empty-state",
|
|
3
|
-
"version": "10.1.
|
|
3
|
+
"version": "10.1.15",
|
|
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/"
|
|
@@ -17,6 +17,13 @@
|
|
|
17
17
|
],
|
|
18
18
|
"atlaskit:src": "src/index.tsx",
|
|
19
19
|
"atlassian": {
|
|
20
|
+
"react-compiler": {
|
|
21
|
+
"enabled": true,
|
|
22
|
+
"gating": {
|
|
23
|
+
"source": "@atlassian/react-compiler-gating",
|
|
24
|
+
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
20
27
|
"team": "Design System Team",
|
|
21
28
|
"website": {
|
|
22
29
|
"name": "Empty state",
|
|
@@ -24,13 +31,13 @@
|
|
|
24
31
|
}
|
|
25
32
|
},
|
|
26
33
|
"dependencies": {
|
|
27
|
-
"@atlaskit/button": "^23.
|
|
34
|
+
"@atlaskit/button": "^23.10.0",
|
|
28
35
|
"@atlaskit/heading": "^5.3.0",
|
|
29
|
-
"@atlaskit/primitives": "^18.
|
|
36
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
30
37
|
"@atlaskit/spinner": "^19.0.0",
|
|
31
|
-
"@atlaskit/tokens": "^11.
|
|
38
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
32
39
|
"@babel/runtime": "^7.0.0",
|
|
33
|
-
"@compiled/react": "^0.
|
|
40
|
+
"@compiled/react": "^0.20.0"
|
|
34
41
|
},
|
|
35
42
|
"peerDependencies": {
|
|
36
43
|
"react": "^18.2.0"
|
|
@@ -39,10 +46,12 @@
|
|
|
39
46
|
"@af/accessibility-testing": "workspace:^",
|
|
40
47
|
"@af/integration-testing": "workspace:^",
|
|
41
48
|
"@af/visual-regression": "workspace:^",
|
|
42
|
-
"@atlaskit/docs": "^11.
|
|
49
|
+
"@atlaskit/docs": "^11.7.0",
|
|
43
50
|
"@atlaskit/link": "^3.3.0",
|
|
44
51
|
"@atlaskit/section-message": "^8.12.0",
|
|
52
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
45
53
|
"@atlassian/ssr-tests": "workspace:^",
|
|
54
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
46
55
|
"@testing-library/react": "^16.3.0",
|
|
47
56
|
"react-dom": "^18.2.0"
|
|
48
57
|
},
|