@atlaskit/skeleton 0.2.3 → 0.2.4
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 -6
- package/dist/cjs/ui/index.js +4 -5
- package/dist/es2019/ui/index.js +2 -2
- package/dist/esm/ui/index.js +3 -3
- package/package.json +32 -32
- package/dist/cjs/version.json +0 -5
- package/dist/es2019/version.json +0 -5
- package/dist/esm/version.json +0 -5
- package/tmp/api-report-tmp.d.ts +0 -25
package/CHANGELOG.md
CHANGED
|
@@ -1,28 +1,34 @@
|
|
|
1
1
|
# @atlaskit/skeleton
|
|
2
2
|
|
|
3
|
+
## 0.2.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
8
|
+
|
|
3
9
|
## 0.2.3
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
- [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
|
|
13
|
+
- [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443) [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
|
|
8
14
|
|
|
9
15
|
## 0.2.2
|
|
10
16
|
|
|
11
17
|
### Patch Changes
|
|
12
18
|
|
|
13
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
19
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
14
20
|
|
|
15
21
|
## 0.2.1
|
|
16
22
|
|
|
17
23
|
### Patch Changes
|
|
18
24
|
|
|
19
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
25
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
20
26
|
|
|
21
27
|
## 0.2.0
|
|
22
28
|
|
|
23
29
|
### Minor Changes
|
|
24
30
|
|
|
25
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
31
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
26
32
|
|
|
27
33
|
### Patch Changes
|
|
28
34
|
|
|
@@ -32,10 +38,10 @@
|
|
|
32
38
|
|
|
33
39
|
### Patch Changes
|
|
34
40
|
|
|
35
|
-
- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
|
|
41
|
+
- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
|
|
36
42
|
|
|
37
43
|
## 0.1.0
|
|
38
44
|
|
|
39
45
|
### Minor Changes
|
|
40
46
|
|
|
41
|
-
- [`bc3550c9773`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc3550c9773) - Added new Skeleton component for displaying a placeholder whilst loading.
|
|
47
|
+
- [#28534](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28534) [`bc3550c9773`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc3550c9773) - Added new Skeleton component for displaying a placeholder whilst loading.
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
var _constants = require("@atlaskit/theme/constants");
|
|
12
|
-
function ownKeys(
|
|
13
|
-
function _objectSpread(
|
|
12
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
14
14
|
var shimmer = (0, _constants.skeletonShimmer)();
|
|
15
15
|
var shimmerKeyframes = (0, _react.keyframes)(shimmer.keyframes);
|
|
16
16
|
var skeletonStyles = (0, _react.css)(_objectSpread({}, shimmer.css));
|
|
@@ -39,7 +39,7 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
39
39
|
return (0, _react.jsx)("div", (0, _extends2.default)({
|
|
40
40
|
"data-testid": testId,
|
|
41
41
|
css: [skeletonStyles, isShimmering && activeShimmerStyles,
|
|
42
|
-
// eslint-disable-next-line @
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
43
43
|
{
|
|
44
44
|
width: width,
|
|
45
45
|
height: height,
|
|
@@ -47,5 +47,4 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
47
47
|
}]
|
|
48
48
|
}, groupDataAttribute && (0, _defineProperty2.default)({}, groupDataAttribute, 'true')));
|
|
49
49
|
};
|
|
50
|
-
var _default = Skeleton;
|
|
51
|
-
exports.default = _default;
|
|
50
|
+
var _default = exports.default = Skeleton;
|
package/dist/es2019/ui/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { skeletonShimmer } from '@atlaskit/theme/constants';
|
|
|
5
5
|
const shimmer = skeletonShimmer();
|
|
6
6
|
const shimmerKeyframes = keyframes(shimmer.keyframes);
|
|
7
7
|
const skeletonStyles = css({
|
|
8
|
-
// eslint-disable-next-line @
|
|
8
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
9
9
|
...shimmer.css
|
|
10
10
|
});
|
|
11
11
|
const activeShimmerStyles = css({
|
|
@@ -32,7 +32,7 @@ const Skeleton = ({
|
|
|
32
32
|
return jsx("div", _extends({
|
|
33
33
|
"data-testid": testId,
|
|
34
34
|
css: [skeletonStyles, isShimmering && activeShimmerStyles,
|
|
35
|
-
// eslint-disable-next-line @
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
36
36
|
{
|
|
37
37
|
width,
|
|
38
38
|
height,
|
package/dist/esm/ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
function ownKeys(
|
|
4
|
-
function _objectSpread(
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
/** @jsx jsx */
|
|
6
6
|
import { css, jsx, keyframes } from '@emotion/react';
|
|
7
7
|
import { skeletonShimmer } from '@atlaskit/theme/constants';
|
|
@@ -33,7 +33,7 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
33
33
|
return jsx("div", _extends({
|
|
34
34
|
"data-testid": testId,
|
|
35
35
|
css: [skeletonStyles, isShimmering && activeShimmerStyles,
|
|
36
|
-
// eslint-disable-next-line @
|
|
36
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
37
37
|
{
|
|
38
38
|
width: width,
|
|
39
39
|
height: height,
|
package/package.json
CHANGED
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/skeleton",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"description": "A skeleton acts as a placeholder for content, usually while the content loads.",
|
|
5
|
-
"author": "Atlassian Pty Ltd",
|
|
6
|
-
"license": "Apache-2.0",
|
|
7
5
|
"publishConfig": {
|
|
8
6
|
"registry": "https://registry.npmjs.org/"
|
|
9
7
|
},
|
|
10
|
-
"
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
|
+
"author": "Atlassian Pty Ltd",
|
|
10
|
+
"license": "Apache-2.0",
|
|
11
|
+
"main": "dist/cjs/index.js",
|
|
12
|
+
"module": "dist/esm/index.js",
|
|
13
|
+
"module:es2019": "dist/es2019/index.js",
|
|
14
|
+
"types": "dist/types/index.d.ts",
|
|
15
|
+
"sideEffects": false,
|
|
16
|
+
"atlaskit:src": "src/index.tsx",
|
|
11
17
|
"atlassian": {
|
|
12
18
|
"team": "Design System Team",
|
|
13
19
|
"inPublicMirror": false,
|
|
@@ -20,26 +26,8 @@
|
|
|
20
26
|
}
|
|
21
27
|
}
|
|
22
28
|
},
|
|
23
|
-
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
24
|
-
"main": "dist/cjs/index.js",
|
|
25
|
-
"module": "dist/esm/index.js",
|
|
26
|
-
"module:es2019": "dist/es2019/index.js",
|
|
27
|
-
"types": "dist/types/index.d.ts",
|
|
28
|
-
"typesVersions": {
|
|
29
|
-
">=4.5 <4.9": {
|
|
30
|
-
"*": [
|
|
31
|
-
"dist/types-ts4.5/*",
|
|
32
|
-
"dist/types-ts4.5/index.d.ts"
|
|
33
|
-
]
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"sideEffects": false,
|
|
37
|
-
"atlaskit:src": "src/index.tsx",
|
|
38
|
-
"af:exports": {
|
|
39
|
-
".": "./src/index.tsx"
|
|
40
|
-
},
|
|
41
29
|
"dependencies": {
|
|
42
|
-
"@atlaskit/theme": "^12.
|
|
30
|
+
"@atlaskit/theme": "^12.6.0",
|
|
43
31
|
"@babel/runtime": "^7.0.0",
|
|
44
32
|
"@emotion/react": "^11.7.1"
|
|
45
33
|
},
|
|
@@ -47,14 +35,13 @@
|
|
|
47
35
|
"react": "^16.8.0"
|
|
48
36
|
},
|
|
49
37
|
"devDependencies": {
|
|
50
|
-
"@
|
|
51
|
-
"@
|
|
52
|
-
"@atlaskit/primitives": "^0.9.0",
|
|
38
|
+
"@af/accessibility-testing": "*",
|
|
39
|
+
"@af/visual-regression": "*",
|
|
53
40
|
"@atlaskit/visual-regression": "*",
|
|
54
41
|
"@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
|
|
55
42
|
"@testing-library/react": "^12.1.5",
|
|
56
43
|
"react-dom": "^16.8.0",
|
|
57
|
-
"typescript": "~4.
|
|
44
|
+
"typescript": "~5.4.2",
|
|
58
45
|
"wait-for-expect": "^1.2.0"
|
|
59
46
|
},
|
|
60
47
|
"techstack": {
|
|
@@ -82,14 +69,27 @@
|
|
|
82
69
|
"primitives",
|
|
83
70
|
"lite-mode"
|
|
84
71
|
],
|
|
85
|
-
"deprecation":
|
|
86
|
-
"no-deprecated-imports"
|
|
87
|
-
],
|
|
72
|
+
"deprecation": "no-deprecated-imports",
|
|
88
73
|
"styling": [
|
|
89
|
-
"
|
|
74
|
+
"emotion",
|
|
90
75
|
"emotion"
|
|
76
|
+
],
|
|
77
|
+
"imports": [
|
|
78
|
+
"import-no-extraneous-disable-for-examples-and-docs"
|
|
79
|
+
]
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
"homepage": "https://atlassian.design/components/skeleton",
|
|
83
|
+
"typesVersions": {
|
|
84
|
+
">=4.5 <4.9": {
|
|
85
|
+
"*": [
|
|
86
|
+
"dist/types-ts4.5/*",
|
|
87
|
+
"dist/types-ts4.5/index.d.ts"
|
|
91
88
|
]
|
|
92
89
|
}
|
|
93
90
|
},
|
|
91
|
+
"af:exports": {
|
|
92
|
+
".": "./src/index.tsx"
|
|
93
|
+
},
|
|
94
94
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
|
|
95
|
-
}
|
|
95
|
+
}
|
package/dist/cjs/version.json
DELETED
package/dist/es2019/version.json
DELETED
package/dist/esm/version.json
DELETED
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/skeleton"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import { jsx } from '@emotion/react';
|
|
8
|
-
|
|
9
|
-
// @public
|
|
10
|
-
const Skeleton: ({ width, height, borderRadius, isShimmering, groupName, testId, }: SkeletonProps) => jsx.JSX.Element;
|
|
11
|
-
export default Skeleton;
|
|
12
|
-
|
|
13
|
-
// @public (undocumented)
|
|
14
|
-
type SkeletonProps = {
|
|
15
|
-
width: number | string;
|
|
16
|
-
height: number | string;
|
|
17
|
-
borderRadius?: number | string;
|
|
18
|
-
isShimmering?: boolean;
|
|
19
|
-
groupName?: string;
|
|
20
|
-
testId?: string;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
// (No @packageDocumentation comment for this package)
|
|
24
|
-
|
|
25
|
-
```
|