@atlaskit/skeleton 0.2.3 → 0.3.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 (9) hide show
  1. package/CHANGELOG.md +35 -7
  2. package/dist/cjs/ui/index.js +4 -5
  3. package/dist/es2019/ui/index.js +2 -2
  4. package/dist/esm/ui/index.js +3 -3
  5. package/package.json +35 -34
  6. package/dist/cjs/version.json +0 -5
  7. package/dist/es2019/version.json +0 -5
  8. package/dist/esm/version.json +0 -5
  9. package/tmp/api-report-tmp.d.ts +0 -25
package/CHANGELOG.md CHANGED
@@ -1,41 +1,69 @@
1
1
  # @atlaskit/skeleton
2
2
 
3
+ ## 0.3.0
4
+
5
+ ### Minor Changes
6
+
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.
10
+
11
+ ## 0.2.4
12
+
13
+ ### Patch Changes
14
+
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`
18
+
3
19
  ## 0.2.3
4
20
 
5
21
  ### Patch Changes
6
22
 
7
- - [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
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
8
26
 
9
27
  ## 0.2.2
10
28
 
11
29
  ### Patch Changes
12
30
 
13
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
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
14
34
 
15
35
  ## 0.2.1
16
36
 
17
37
  ### Patch Changes
18
38
 
19
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
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`
20
42
 
21
43
  ## 0.2.0
22
44
 
23
45
  ### Minor Changes
24
46
 
25
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
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
26
50
 
27
51
  ### Patch Changes
28
52
 
29
- - Updated dependencies
53
+ - Updated dependencies
30
54
 
31
55
  ## 0.1.1
32
56
 
33
57
  ### Patch Changes
34
58
 
35
- - [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
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
36
62
 
37
63
  ## 0.1.0
38
64
 
39
65
  ### Minor Changes
40
66
 
41
- - [`bc3550c9773`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc3550c9773) - Added new Skeleton component for displaying a placeholder whilst loading.
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.
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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
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 @repo/internal/react/consistent-css-prop-usage
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 @repo/internal/react/consistent-css-prop-usage
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 @repo/internal/react/consistent-css-prop-usage
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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
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 @repo/internal/react/consistent-css-prop-usage
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",
3
+ "version": "0.3.0",
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
- "homepage": "https://atlassian.design/components/skeleton",
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,
@@ -18,43 +24,25 @@
18
24
  "status": {
19
25
  "type": "alpha"
20
26
  }
21
- }
22
- },
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"
27
+ },
28
+ "runReact18": true
40
29
  },
41
30
  "dependencies": {
42
- "@atlaskit/theme": "^12.5.0",
31
+ "@atlaskit/theme": "^12.7.0",
43
32
  "@babel/runtime": "^7.0.0",
44
33
  "@emotion/react": "^11.7.1"
45
34
  },
46
35
  "peerDependencies": {
47
- "react": "^16.8.0"
36
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
48
37
  },
49
38
  "devDependencies": {
50
- "@atlaskit/docs": "*",
51
- "@atlaskit/ds-explorations": "^2.2.0",
52
- "@atlaskit/primitives": "^0.9.0",
39
+ "@af/accessibility-testing": "*",
40
+ "@af/visual-regression": "*",
53
41
  "@atlaskit/visual-regression": "*",
54
42
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
55
43
  "@testing-library/react": "^12.1.5",
56
44
  "react-dom": "^16.8.0",
57
- "typescript": "~4.9.5",
45
+ "typescript": "~5.4.2",
58
46
  "wait-for-expect": "^1.2.0"
59
47
  },
60
48
  "techstack": {
@@ -82,14 +70,27 @@
82
70
  "primitives",
83
71
  "lite-mode"
84
72
  ],
85
- "deprecation": [
86
- "no-deprecated-imports"
87
- ],
73
+ "deprecation": "no-deprecated-imports",
88
74
  "styling": [
89
- "static",
75
+ "emotion",
90
76
  "emotion"
77
+ ],
78
+ "imports": [
79
+ "import-no-extraneous-disable-for-examples-and-docs"
91
80
  ]
92
81
  }
93
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
+ },
94
95
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
95
- }
96
+ }
package/dist/cjs/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/skeleton",
3
- "version": "0.2.3",
4
- "sideEffects": false
5
- }
package/dist/es2019/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/skeleton",
3
- "version": "0.2.3",
4
- "sideEffects": false
5
- }
package/dist/esm/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/skeleton",
3
- "version": "0.2.3",
4
- "sideEffects": false
5
- }
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
- ```