@atlaskit/skeleton 0.2.4 → 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 +38 -7
  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 -94
  10. package/report.api.md +15 -14
package/CHANGELOG.md CHANGED
@@ -1,34 +1,61 @@
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
+
12
+ ## 0.3.0
13
+
14
+ ### Minor Changes
15
+
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.
19
+
3
20
  ## 0.2.4
4
21
 
5
22
  ### Patch Changes
6
23
 
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`
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`
8
27
 
9
28
  ## 0.2.3
10
29
 
11
30
  ### Patch Changes
12
31
 
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
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
14
35
 
15
36
  ## 0.2.2
16
37
 
17
38
  ### Patch Changes
18
39
 
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
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
20
43
 
21
44
  ## 0.2.1
22
45
 
23
46
  ### Patch Changes
24
47
 
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`
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`
26
51
 
27
52
  ## 0.2.0
28
53
 
29
54
  ### Minor Changes
30
55
 
31
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip 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
32
59
 
33
60
  ### Patch Changes
34
61
 
@@ -38,10 +65,14 @@
38
65
 
39
66
  ### Patch Changes
40
67
 
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
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
42
71
 
43
72
  ## 0.1.0
44
73
 
45
74
  ### Minor Changes
46
75
 
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.
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,95 +1,94 @@
1
1
  {
2
- "name": "@atlaskit/skeleton",
3
- "version": "0.2.4",
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
- },
29
- "dependencies": {
30
- "@atlaskit/theme": "^12.6.0",
31
- "@babel/runtime": "^7.0.0",
32
- "@emotion/react": "^11.7.1"
33
- },
34
- "peerDependencies": {
35
- "react": "^16.8.0"
36
- },
37
- "devDependencies": {
38
- "@af/accessibility-testing": "*",
39
- "@af/visual-regression": "*",
40
- "@atlaskit/visual-regression": "*",
41
- "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
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
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
95
- }
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