@atlaskit/skeleton 0.3.0 → 0.4.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 +34 -25
  2. package/LICENSE.md +6 -8
  3. package/README.md +2 -1
  4. package/dist/cjs/ui/index.js +4 -1
  5. package/dist/es2019/ui/index.js +6 -1
  6. package/dist/esm/ui/index.js +5 -0
  7. package/dist/types/ui/index.d.ts +3 -0
  8. package/dist/types-ts4.5/ui/index.d.ts +3 -0
  9. package/package.json +93 -95
  10. package/report.api.md +15 -14
package/CHANGELOG.md CHANGED
@@ -1,69 +1,78 @@
1
1
  # @atlaskit/skeleton
2
2
 
3
+ ## 0.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#110836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110836)
8
+ [`a8bd419fd70b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8bd419fd70b9) -
9
+ Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
10
+ is implicitly set to automatic.
11
+
3
12
  ## 0.3.0
4
13
 
5
14
  ### Minor Changes
6
15
 
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.
16
+ - [#94408](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94408)
17
+ [`12457b76f836`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/12457b76f836) -
18
+ Add support for React 18 in non-strict mode.
10
19
 
11
20
  ## 0.2.4
12
21
 
13
22
  ### Patch Changes
14
23
 
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`
24
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
25
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
26
+ Upgrade Typescript from `4.9.5` to `5.4.2`
18
27
 
19
28
  ## 0.2.3
20
29
 
21
30
  ### Patch Changes
22
31
 
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
32
+ - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
33
+ [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing
34
+ unused dependencies and dev dependencies
26
35
 
27
36
  ## 0.2.2
28
37
 
29
38
  ### Patch Changes
30
39
 
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
40
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
41
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
42
+ legacy types are published for TS 4.5-4.8
34
43
 
35
44
  ## 0.2.1
36
45
 
37
46
  ### Patch Changes
38
47
 
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`
48
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
49
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
50
+ Typescript from `4.5.5` to `4.9.5`
42
51
 
43
52
  ## 0.2.0
44
53
 
45
54
  ### Minor Changes
46
55
 
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
56
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
57
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
58
+ minor dependency bump
50
59
 
51
60
  ### Patch Changes
52
61
 
53
- - Updated dependencies
62
+ - Updated dependencies
54
63
 
55
64
  ## 0.1.1
56
65
 
57
66
  ### Patch Changes
58
67
 
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
68
+ - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424)
69
+ [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY
70
+ remove before merging to master; dupe adf-schema via adf-utils
62
71
 
63
72
  ## 0.1.0
64
73
 
65
74
  ### Minor Changes
66
75
 
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.
76
+ - [#28534](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28534)
77
+ [`bc3550c9773`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc3550c9773) - Added
78
+ 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,11 @@ 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 */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
16
  var shimmer = (0, _constants.skeletonShimmer)();
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
18
  var shimmerKeyframes = (0, _react.keyframes)(shimmer.keyframes);
16
19
  var skeletonStyles = (0, _react.css)(_objectSpread({}, shimmer.css));
17
20
  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
+ /**
3
+ * @jsxRuntime classic
4
+ */
2
5
  /** @jsx jsx */
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
+ /**
6
+ * @jsxRuntime classic
7
+ */
5
8
  /** @jsx jsx */
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,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { jsx } from '@emotion/react';
3
6
  type SkeletonProps = {
package/dist/types-ts4.5/ui/index.d.ts CHANGED
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { jsx } from '@emotion/react';
3
6
  type SkeletonProps = {
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.4.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.10.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
+ "@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