@atlaskit/skeleton 2.1.7 → 2.1.9
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/ui/index.js +1 -1
- package/dist/es2019/ui/index.js +1 -1
- package/dist/esm/ui/index.js +1 -1
- package/package.json +15 -6
- package/skeleton.docs.tsx +48 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/skeleton
|
|
2
2
|
|
|
3
|
+
## 2.1.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 2.1.8
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
14
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
15
|
+
isReactCompilerActivePlatform.
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 2.1.7
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/cjs/ui/index.js
CHANGED
package/dist/es2019/ui/index.js
CHANGED
package/dist/esm/ui/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import "./index.compiled.css";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/skeleton",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.9",
|
|
4
4
|
"description": "A skeleton acts as a placeholder for content, usually while the content loads.",
|
|
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": "Skeleton",
|
|
@@ -27,9 +34,9 @@
|
|
|
27
34
|
}
|
|
28
35
|
},
|
|
29
36
|
"dependencies": {
|
|
30
|
-
"@atlaskit/tokens": "^
|
|
37
|
+
"@atlaskit/tokens": "^12.0.0",
|
|
31
38
|
"@babel/runtime": "^7.0.0",
|
|
32
|
-
"@compiled/react": "^0.
|
|
39
|
+
"@compiled/react": "^0.20.0"
|
|
33
40
|
},
|
|
34
41
|
"peerDependencies": {
|
|
35
42
|
"react": "^18.2.0"
|
|
@@ -38,10 +45,12 @@
|
|
|
38
45
|
"@af/accessibility-testing": "workspace:^",
|
|
39
46
|
"@af/integration-testing": "workspace:^",
|
|
40
47
|
"@af/visual-regression": "workspace:^",
|
|
41
|
-
"@atlaskit/docs": "^11.
|
|
42
|
-
"@atlaskit/link": "^3.
|
|
43
|
-
"@atlaskit/primitives": "^18.
|
|
48
|
+
"@atlaskit/docs": "^11.7.0",
|
|
49
|
+
"@atlaskit/link": "^3.4.0",
|
|
50
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
44
51
|
"@atlaskit/section-message": "^8.12.0",
|
|
52
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
53
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
45
54
|
"@testing-library/react": "^16.3.0",
|
|
46
55
|
"react-dom": "^18.2.0"
|
|
47
56
|
},
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'Skeleton',
|
|
8
|
+
description: 'A skeleton acts as a placeholder for content, usually while the content loads.',
|
|
9
|
+
status: 'early-access',
|
|
10
|
+
import: {
|
|
11
|
+
name: 'Skeleton',
|
|
12
|
+
package: '@atlaskit/skeleton',
|
|
13
|
+
type: 'default',
|
|
14
|
+
packagePath: path.resolve(__dirname),
|
|
15
|
+
packageJson: require('./package.json'),
|
|
16
|
+
},
|
|
17
|
+
usageGuidelines: [
|
|
18
|
+
'Use to indicate content is loading',
|
|
19
|
+
'Match skeleton structure to actual content layout',
|
|
20
|
+
'Use appropriate animation and timing',
|
|
21
|
+
'Replace with actual content when ready',
|
|
22
|
+
'Consider different skeleton patterns for different content types',
|
|
23
|
+
],
|
|
24
|
+
contentGuidelines: [
|
|
25
|
+
'Use skeleton patterns that represent actual content structure',
|
|
26
|
+
'Maintain consistent skeleton styling',
|
|
27
|
+
'Consider content hierarchy in skeleton design',
|
|
28
|
+
'Use appropriate animation timing',
|
|
29
|
+
],
|
|
30
|
+
accessibilityGuidelines: [
|
|
31
|
+
'Provide appropriate loading announcements',
|
|
32
|
+
'Use skeleton patterns that match actual content structure',
|
|
33
|
+
'Ensure skeleton content is not announced as actual content',
|
|
34
|
+
'Consider screen reader experience during loading states',
|
|
35
|
+
],
|
|
36
|
+
examples: [
|
|
37
|
+
{
|
|
38
|
+
name: 'Skeleton',
|
|
39
|
+
description: 'Skeleton example',
|
|
40
|
+
source: path.resolve(__dirname, './examples/ai/skeleton.tsx'),
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
keywords: ['skeleton', 'placeholder', 'loading', 'content', 'shimmer', 'animation'],
|
|
44
|
+
categories: ['loading'],
|
|
45
|
+
},
|
|
46
|
+
];
|
|
47
|
+
|
|
48
|
+
export default documentation;
|