@atlaskit/skeleton 2.2.0 → 3.0.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 +26 -0
- package/README.md +1 -2
- package/package.json +7 -15
- package/dist/types-ts4.5/index.d.ts +0 -1
- package/dist/types-ts4.5/ui/index.d.ts +0 -47
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @atlaskit/skeleton
|
|
2
2
|
|
|
3
|
+
## 3.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
|
|
8
|
+
Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
|
|
9
|
+
|
|
10
|
+
Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
|
|
11
|
+
|
|
12
|
+
Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
|
|
13
|
+
|
|
14
|
+
```diff
|
|
15
|
+
- "typesVersions": {
|
|
16
|
+
- ">=4.5 <4.9": {
|
|
17
|
+
- "*": [
|
|
18
|
+
- "dist/types-ts4.5/*",
|
|
19
|
+
- "dist/types-ts4.5/index.d.ts"
|
|
20
|
+
- ]
|
|
21
|
+
- }
|
|
22
|
+
- },
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
|
|
3
29
|
## 2.2.0
|
|
4
30
|
|
|
5
31
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -10,5 +10,4 @@ This package is supported for production use.
|
|
|
10
10
|
|
|
11
11
|
`import Skeleton from '@atlaskit/skeleton';`
|
|
12
12
|
|
|
13
|
-
Detailed docs and example usage can be found
|
|
14
|
-
[here](https://atlassian.design/components/skeleton).
|
|
13
|
+
Detailed docs and example usage can be found [here](https://atlassian.design/components/skeleton).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/skeleton",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
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/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@atlaskit/tokens": "^
|
|
34
|
+
"@atlaskit/tokens": "^14.0.0",
|
|
35
35
|
"@babel/runtime": "^7.0.0",
|
|
36
36
|
"@compiled/react": "^0.20.0"
|
|
37
37
|
},
|
|
@@ -42,10 +42,10 @@
|
|
|
42
42
|
"@af/accessibility-testing": "workspace:^",
|
|
43
43
|
"@af/integration-testing": "workspace:^",
|
|
44
44
|
"@af/visual-regression": "workspace:^",
|
|
45
|
-
"@atlaskit/docs": "^
|
|
46
|
-
"@atlaskit/link": "^
|
|
47
|
-
"@atlaskit/primitives": "^
|
|
48
|
-
"@atlaskit/section-message": "^
|
|
45
|
+
"@atlaskit/docs": "^12.0.0",
|
|
46
|
+
"@atlaskit/link": "^4.0.0",
|
|
47
|
+
"@atlaskit/primitives": "^20.0.0",
|
|
48
|
+
"@atlaskit/section-message": "^9.0.0",
|
|
49
49
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
50
50
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
51
51
|
"@testing-library/react": "^16.3.0",
|
|
@@ -87,13 +87,5 @@
|
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
-
"homepage": "https://atlassian.design/components/skeleton"
|
|
91
|
-
"typesVersions": {
|
|
92
|
-
">=4.5 <4.9": {
|
|
93
|
-
"*": [
|
|
94
|
-
"dist/types-ts4.5/*",
|
|
95
|
-
"dist/types-ts4.5/index.d.ts"
|
|
96
|
-
]
|
|
97
|
-
}
|
|
98
|
-
}
|
|
90
|
+
"homepage": "https://atlassian.design/components/skeleton"
|
|
99
91
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './ui';
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
type SkeletonProps = {
|
|
2
|
-
/**
|
|
3
|
-
* Width of the skeleton.
|
|
4
|
-
*/
|
|
5
|
-
width: string | number;
|
|
6
|
-
/**
|
|
7
|
-
* Height of the skeleton.
|
|
8
|
-
*/
|
|
9
|
-
height: string | number;
|
|
10
|
-
/**
|
|
11
|
-
* Controls the border radius, or rounding of the skeleton's corners.
|
|
12
|
-
*/
|
|
13
|
-
borderRadius?: string | number;
|
|
14
|
-
/**
|
|
15
|
-
* Overrides the default color of skeleton, and overrides the default shimmering start color if ShimmeringEndColor also provided.
|
|
16
|
-
*/
|
|
17
|
-
color?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Overrides the default shimmering ending color of skeleton.
|
|
20
|
-
*/
|
|
21
|
-
ShimmeringEndColor?: string;
|
|
22
|
-
/**
|
|
23
|
-
* Enables the shimmering animation.
|
|
24
|
-
*/
|
|
25
|
-
isShimmering?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Applied as a data-attribute. Use this to target groups of skeletons with the same name (e.g. for applying custom styles)
|
|
28
|
-
* ```
|
|
29
|
-
* groupName="my-skeleton" -> <div data-my-skeleton>
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
groupName?: string;
|
|
33
|
-
/**
|
|
34
|
-
* A test id for automated testing.
|
|
35
|
-
*/
|
|
36
|
-
testId?: string;
|
|
37
|
-
};
|
|
38
|
-
/**
|
|
39
|
-
* __Skeleton__
|
|
40
|
-
*
|
|
41
|
-
* A skeleton acts as a placeholder for content, usually while the content loads.
|
|
42
|
-
*
|
|
43
|
-
* - [Examples](https://atlassian.design/components/skeleton/examples)
|
|
44
|
-
* - [Code](https://atlassian.design/components/skeleton/code)
|
|
45
|
-
*/
|
|
46
|
-
declare const Skeleton: ({ width, height, borderRadius, color, ShimmeringEndColor, isShimmering, groupName, testId, }: SkeletonProps) => JSX.Element;
|
|
47
|
-
export default Skeleton;
|