@atlaskit/skeleton 0.3.0 → 0.5.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +50 -25
  2. package/LICENSE.md +6 -8
  3. package/README.md +2 -1
  4. package/dist/cjs/ui/index.js +5 -1
  5. package/dist/es2019/ui/index.js +7 -2
  6. package/dist/esm/ui/index.js +6 -1
  7. package/dist/types/ui/index.d.ts +4 -1
  8. package/dist/types-ts4.5/ui/index.d.ts +4 -1
  9. package/package.json +93 -95
  10. package/report.api.md +15 -14
package/CHANGELOG.md CHANGED
@@ -1,69 +1,94 @@
1
1
  # @atlaskit/skeleton
2
2
 
3
+ ## 0.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511)
8
+ [`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) -
9
+ Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0`
10
+ to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
11
+
12
+ This change has been done to enable usage of `react@18.3` as well as to have a consistent peer
13
+ dependency range for `react` and `react-dom` for `/platform` packages.
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
19
+ ## 0.4.0
20
+
21
+ ### Minor Changes
22
+
23
+ - [#110836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110836)
24
+ [`a8bd419fd70b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8bd419fd70b9) -
25
+ Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
26
+ is implicitly set to automatic.
27
+
3
28
  ## 0.3.0
4
29
 
5
30
  ### Minor Changes
6
31
 
7
- - [#94408](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94408)
8
- [`12457b76f836`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/12457b76f836) -
9
- Add support for React 18.
32
+ - [#94408](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94408)
33
+ [`12457b76f836`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/12457b76f836) -
34
+ Add support for React 18 in non-strict mode.
10
35
 
11
36
  ## 0.2.4
12
37
 
13
38
  ### Patch Changes
14
39
 
15
- - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
16
- [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
17
- Upgrade Typescript from `4.9.5` to `5.4.2`
40
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
41
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
42
+ Upgrade Typescript from `4.9.5` to `5.4.2`
18
43
 
19
44
  ## 0.2.3
20
45
 
21
46
  ### Patch Changes
22
47
 
23
- - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
24
- [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) -
25
- Removing unused dependencies and dev dependencies
48
+ - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
49
+ [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing
50
+ unused dependencies and dev dependencies
26
51
 
27
52
  ## 0.2.2
28
53
 
29
54
  ### Patch Changes
30
55
 
31
- - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
32
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
33
- legacy types are published for TS 4.5-4.8
56
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
57
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
58
+ legacy types are published for TS 4.5-4.8
34
59
 
35
60
  ## 0.2.1
36
61
 
37
62
  ### Patch Changes
38
63
 
39
- - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
40
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
41
- Upgrade Typescript from `4.5.5` to `4.9.5`
64
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
65
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
66
+ Typescript from `4.5.5` to `4.9.5`
42
67
 
43
68
  ## 0.2.0
44
69
 
45
70
  ### Minor Changes
46
71
 
47
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
48
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
49
- minor dependency bump
72
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
73
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
74
+ minor dependency bump
50
75
 
51
76
  ### Patch Changes
52
77
 
53
- - Updated dependencies
78
+ - Updated dependencies
54
79
 
55
80
  ## 0.1.1
56
81
 
57
82
  ### Patch Changes
58
83
 
59
- - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424)
60
- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY
61
- remove before merging to master; dupe adf-schema via adf-utils
84
+ - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424)
85
+ [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY
86
+ remove before merging to master; dupe adf-schema via adf-utils
62
87
 
63
88
  ## 0.1.0
64
89
 
65
90
  ### Minor Changes
66
91
 
67
- - [#28534](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28534)
68
- [`bc3550c9773`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc3550c9773) - Added
69
- new Skeleton component for displaying a placeholder whilst loading.
92
+ - [#28534](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28534)
93
+ [`bc3550c9773`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc3550c9773) - Added
94
+ new Skeleton component for displaying a placeholder whilst loading.
package/LICENSE.md CHANGED
@@ -1,13 +1,11 @@
1
1
  Copyright 2022 Atlassian Pty Ltd
2
2
 
3
- Licensed under the Apache License, Version 2.0 (the "License");
4
- you may not use this file except in compliance with the License.
5
- You may obtain a copy of the License at
3
+ Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
4
+ compliance with the License. You may obtain a copy of the License at
6
5
 
7
6
  http://www.apache.org/licenses/LICENSE-2.0
8
7
 
9
- Unless required by applicable law or agreed to in writing, software
10
- distributed under the License is distributed on an "AS IS" BASIS,
11
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- See the License for the specific language governing permissions and
13
- limitations under the License.
8
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
9
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
10
+ implied. See the License for the specific language governing permissions and limitations under the
11
+ License.
package/README.md CHANGED
@@ -6,4 +6,5 @@ A skeleton acts as a placeholder for content, usually while the content loads.
6
6
 
7
7
  `import Skeleton from '@atlaskit/skeleton';`
8
8
 
9
- Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/design-system/skeleton).
9
+ Detailed docs and example usage can be found
10
+ [here](https://atlaskit.atlassian.com/packages/design-system/skeleton).
package/dist/cjs/ui/index.js CHANGED
@@ -10,8 +10,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
10
10
  var _react = require("@emotion/react");
11
11
  var _constants = require("@atlaskit/theme/constants");
12
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 */
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; } /**
14
+ * @jsxRuntime classic
15
+ * @jsx jsx
16
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
17
  var shimmer = (0, _constants.skeletonShimmer)();
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
19
  var shimmerKeyframes = (0, _react.keyframes)(shimmer.keyframes);
16
20
  var skeletonStyles = (0, _react.css)(_objectSpread({}, shimmer.css));
17
21
  var activeShimmerStyles = (0, _react.css)({
package/dist/es2019/ui/index.js CHANGED
@@ -1,11 +1,16 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- /** @jsx jsx */
2
+ /**
3
+ * @jsxRuntime classic
4
+ * @jsx jsx
5
+ */
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
7
  import { css, jsx, keyframes } from '@emotion/react';
4
8
  import { skeletonShimmer } from '@atlaskit/theme/constants';
5
9
  const shimmer = skeletonShimmer();
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
6
11
  const shimmerKeyframes = keyframes(shimmer.keyframes);
7
12
  const skeletonStyles = css({
8
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
13
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
9
14
  ...shimmer.css
10
15
  });
11
16
  const activeShimmerStyles = css({
package/dist/esm/ui/index.js CHANGED
@@ -2,10 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
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
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
- /** @jsx jsx */
5
+ /**
6
+ * @jsxRuntime classic
7
+ * @jsx jsx
8
+ */
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
10
  import { css, jsx, keyframes } from '@emotion/react';
7
11
  import { skeletonShimmer } from '@atlaskit/theme/constants';
8
12
  var shimmer = skeletonShimmer();
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
9
14
  var shimmerKeyframes = keyframes(shimmer.keyframes);
10
15
  var skeletonStyles = css(_objectSpread({}, shimmer.css));
11
16
  var activeShimmerStyles = css({
package/dist/types/ui/index.d.ts CHANGED
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  type SkeletonProps = {
4
7
  width: string | number;
package/dist/types-ts4.5/ui/index.d.ts CHANGED
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  type SkeletonProps = {
4
7
  width: string | number;
package/package.json CHANGED
@@ -1,96 +1,94 @@
1
1
  {
2
- "name": "@atlaskit/skeleton",
3
- "version": "0.3.0",
4
- "description": "A skeleton acts as a placeholder for content, usually while the content loads.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
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",
17
- "atlassian": {
18
- "team": "Design System Team",
19
- "inPublicMirror": false,
20
- "releaseModel": "continuous",
21
- "website": {
22
- "name": "Skeleton",
23
- "category": "Components",
24
- "status": {
25
- "type": "alpha"
26
- }
27
- },
28
- "runReact18": true
29
- },
30
- "dependencies": {
31
- "@atlaskit/theme": "^12.7.0",
32
- "@babel/runtime": "^7.0.0",
33
- "@emotion/react": "^11.7.1"
34
- },
35
- "peerDependencies": {
36
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
37
- },
38
- "devDependencies": {
39
- "@af/accessibility-testing": "*",
40
- "@af/visual-regression": "*",
41
- "@atlaskit/visual-regression": "*",
42
- "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
43
- "@testing-library/react": "^12.1.5",
44
- "react-dom": "^16.8.0",
45
- "typescript": "~5.4.2",
46
- "wait-for-expect": "^1.2.0"
47
- },
48
- "techstack": {
49
- "@atlassian/frontend": {
50
- "code-structure": [
51
- "tangerine-next"
52
- ],
53
- "import-structure": [
54
- "atlassian-conventions"
55
- ],
56
- "circular-dependencies": [
57
- "file-and-folder-level"
58
- ]
59
- },
60
- "@repo/internal": {
61
- "dom-events": "use-bind-event-listener",
62
- "analytics": [
63
- "analytics-next"
64
- ],
65
- "theming": [
66
- "react-context",
67
- "tokens"
68
- ],
69
- "ui-components": [
70
- "primitives",
71
- "lite-mode"
72
- ],
73
- "deprecation": "no-deprecated-imports",
74
- "styling": [
75
- "emotion",
76
- "emotion"
77
- ],
78
- "imports": [
79
- "import-no-extraneous-disable-for-examples-and-docs"
80
- ]
81
- }
82
- },
83
- "homepage": "https://atlassian.design/components/skeleton",
84
- "typesVersions": {
85
- ">=4.5 <4.9": {
86
- "*": [
87
- "dist/types-ts4.5/*",
88
- "dist/types-ts4.5/index.d.ts"
89
- ]
90
- }
91
- },
92
- "af:exports": {
93
- ".": "./src/index.tsx"
94
- },
95
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
96
- }
2
+ "name": "@atlaskit/skeleton",
3
+ "version": "0.5.0",
4
+ "description": "A skeleton acts as a placeholder for content, usually while the content loads.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
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",
17
+ "atlassian": {
18
+ "team": "Design System Team",
19
+ "inPublicMirror": false,
20
+ "releaseModel": "continuous",
21
+ "website": {
22
+ "name": "Skeleton",
23
+ "category": "Components",
24
+ "status": {
25
+ "type": "alpha"
26
+ }
27
+ },
28
+ "runReact18": true
29
+ },
30
+ "dependencies": {
31
+ "@atlaskit/theme": "^12.12.0",
32
+ "@babel/runtime": "^7.0.0",
33
+ "@emotion/react": "^11.7.1"
34
+ },
35
+ "peerDependencies": {
36
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
37
+ },
38
+ "devDependencies": {
39
+ "@af/accessibility-testing": "*",
40
+ "@af/visual-regression": "*",
41
+ "@atlaskit/visual-regression": "*",
42
+ "@testing-library/react": "^12.1.5",
43
+ "react-dom": "^16.8.0",
44
+ "typescript": "~5.4.2",
45
+ "wait-for-expect": "^1.2.0"
46
+ },
47
+ "techstack": {
48
+ "@atlassian/frontend": {
49
+ "code-structure": [
50
+ "tangerine-next"
51
+ ],
52
+ "import-structure": [
53
+ "atlassian-conventions"
54
+ ],
55
+ "circular-dependencies": [
56
+ "file-and-folder-level"
57
+ ]
58
+ },
59
+ "@repo/internal": {
60
+ "dom-events": "use-bind-event-listener",
61
+ "analytics": [
62
+ "analytics-next"
63
+ ],
64
+ "theming": [
65
+ "react-context",
66
+ "tokens"
67
+ ],
68
+ "ui-components": [
69
+ "primitives",
70
+ "lite-mode"
71
+ ],
72
+ "deprecation": "no-deprecated-imports",
73
+ "styling": [
74
+ "emotion",
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"
88
+ ]
89
+ }
90
+ },
91
+ "af:exports": {
92
+ ".": "./src/index.tsx"
93
+ }
94
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/skeleton"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -19,23 +20,23 @@ import { jsx } from '@emotion/react';
19
20
 
20
21
  // @public
21
22
  const Skeleton: ({
22
- width,
23
- height,
24
- borderRadius,
25
- isShimmering,
26
- groupName,
27
- testId,
23
+ width,
24
+ height,
25
+ borderRadius,
26
+ isShimmering,
27
+ groupName,
28
+ testId,
28
29
  }: SkeletonProps) => jsx.JSX.Element;
29
30
  export default Skeleton;
30
31
 
31
32
  // @public (undocumented)
32
33
  type SkeletonProps = {
33
- width: number | string;
34
- height: number | string;
35
- borderRadius?: number | string;
36
- isShimmering?: boolean;
37
- groupName?: string;
38
- testId?: string;
34
+ width: number | string;
35
+ height: number | string;
36
+ borderRadius?: number | string;
37
+ isShimmering?: boolean;
38
+ groupName?: string;
39
+ testId?: string;
39
40
  };
40
41
 
41
42
  // (No @packageDocumentation comment for this package)
@@ -49,7 +50,7 @@ type SkeletonProps = {
49
50
 
50
51
  ```json
51
52
  {
52
- "react": "^16.8.0"
53
+ "react": "^16.8.0"
53
54
  }
54
55
  ```
55
56