@atlaskit/empty-state 8.0.0 → 8.1.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/empty-state
2
2
 
3
+ ## 8.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#181325](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/181325)
8
+ [`c9ff1f8d5e9ca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c9ff1f8d5e9ca) -
9
+ Migrated from primitives components to primitives/compiled components
10
+
11
+ ## 8.0.1
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 8.0.0
4
18
 
5
19
  ### Major Changes
@@ -8,14 +8,9 @@ exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
10
10
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
11
- var _primitives = require("@atlaskit/primitives");
11
+ var _compiled = require("@atlaskit/primitives/compiled");
12
12
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
13
13
  var _styled = require("./styled");
14
- /**
15
- * TODO - https://product-fabric.atlassian.net/browse/DSP-21565
16
- * Will be moved to @atlaskit/primitives/compiled, VRs will be updated.
17
- */
18
-
19
14
  /**
20
15
  * __Empty state__
21
16
  *
@@ -80,14 +75,14 @@ var EmptyState = function EmptyState(_ref) {
80
75
  maxImageHeight: maxImageHeight,
81
76
  imageWidth: imageWidth,
82
77
  imageHeight: imageHeight
83
- }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
78
+ }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
84
79
  paddingBlockEnd: "space.200"
85
80
  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
86
81
  size: "medium",
87
82
  as: tag
88
- }, header)), description && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
83
+ }, header)), description && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
89
84
  paddingBlockEnd: "space.300"
90
- }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
85
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
91
86
  as: "p"
92
87
  }, description)), actionsContainer, tertiaryAction);
93
88
  };
@@ -1,4 +1,4 @@
1
- /* actions-container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* actions-container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* description.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* description.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* image.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* image.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -27,7 +27,6 @@ var imageStyles = null;
27
27
  * @internal
28
28
  */
29
29
  var Image = function Image(_ref) {
30
- var _objectSpread2;
31
30
  var maxHeight = _ref.maxHeight,
32
31
  maxWidth = _ref.maxWidth,
33
32
  _ref$height = _ref.height,
@@ -41,8 +40,8 @@ var Image = function Image(_ref) {
41
40
  alt: "",
42
41
  role: "presentation",
43
42
  src: src,
44
- className: (0, _runtime.ax)(["_1e0c1ule _p12f163m _c71l649k _18s81t55"]),
45
- style: _objectSpread(_objectSpread({}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), (0, _defineProperty2.default)(_objectSpread2, CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px")), _objectSpread2)), {}, {
43
+ className: (0, _runtime.ax)(["_18s81t55 _1e0c1ule _p12f163m _c71l649k"]),
44
+ style: _objectSpread(_objectSpread({}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px"))), {}, {
46
45
  "--_11x3y0": (0, _runtime.ix)("var(".concat(CSS_VAR_MAX_WIDTH, ")")),
47
46
  "--_zsxb2b": (0, _runtime.ix)("var(".concat(CSS_VAR_MAX_HEIGHT, ")")),
48
47
  "--_a0hk7v": (0, _runtime.ix)("0 auto ".concat("var(--ds-space-300, 24px)"))
@@ -1,4 +1,4 @@
1
- /* spinner-container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* spinner-container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,11 +1,7 @@
1
1
  import React from 'react';
2
2
  import ButtonGroup from '@atlaskit/button/button-group';
3
3
  import Heading from '@atlaskit/heading';
4
- /**
5
- * TODO - https://product-fabric.atlassian.net/browse/DSP-21565
6
- * Will be moved to @atlaskit/primitives/compiled, VRs will be updated.
7
- */
8
- import { Box, Text } from '@atlaskit/primitives';
4
+ import { Box, Text } from '@atlaskit/primitives/compiled';
9
5
  import Spinner from '@atlaskit/spinner';
10
6
  import { ActionsContainer, Container, Image as HeaderImage, SpinnerContainer } from './styled';
11
7
  /**
@@ -1,4 +1,4 @@
1
- /* actions-container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* actions-container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./actions-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* description.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* description.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./description.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* image.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* image.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./image.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -30,6 +30,6 @@ const Image = ({
30
30
  alt: "",
31
31
  role: "presentation",
32
32
  src: src,
33
- className: ax(["_1e0c1ule _p12fnzqo _c71l8wry _18s81ixx"])
33
+ className: ax(["_18s81ixx _1e0c1ule _p12fnzqo _c71l8wry"])
34
34
  });
35
35
  export default Image;
@@ -1,4 +1,4 @@
1
- /* spinner-container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* spinner-container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./spinner-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,11 +1,7 @@
1
1
  import React from 'react';
2
2
  import ButtonGroup from '@atlaskit/button/button-group';
3
3
  import Heading from '@atlaskit/heading';
4
- /**
5
- * TODO - https://product-fabric.atlassian.net/browse/DSP-21565
6
- * Will be moved to @atlaskit/primitives/compiled, VRs will be updated.
7
- */
8
- import { Box, Text } from '@atlaskit/primitives';
4
+ import { Box, Text } from '@atlaskit/primitives/compiled';
9
5
  import Spinner from '@atlaskit/spinner';
10
6
  import { ActionsContainer, Container, Image as HeaderImage, SpinnerContainer } from './styled';
11
7
  /**
@@ -1,4 +1,4 @@
1
- /* actions-container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* actions-container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./actions-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* description.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* description.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./description.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* image.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* image.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./image.compiled.css";
4
4
  import * as React from 'react';
@@ -17,7 +17,6 @@ var imageStyles = null;
17
17
  * @internal
18
18
  */
19
19
  var Image = function Image(_ref) {
20
- var _objectSpread2;
21
20
  var maxHeight = _ref.maxHeight,
22
21
  maxWidth = _ref.maxWidth,
23
22
  _ref$height = _ref.height,
@@ -31,8 +30,8 @@ var Image = function Image(_ref) {
31
30
  alt: "",
32
31
  role: "presentation",
33
32
  src: src,
34
- className: ax(["_1e0c1ule _p12f163m _c71l649k _18s81t55"]),
35
- style: _objectSpread(_objectSpread({}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), _defineProperty(_objectSpread2, CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px")), _objectSpread2)), {}, {
33
+ className: ax(["_18s81t55 _1e0c1ule _p12f163m _c71l649k"]),
34
+ style: _objectSpread(_objectSpread({}, _defineProperty(_defineProperty({}, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px"))), {}, {
36
35
  "--_11x3y0": ix("var(".concat(CSS_VAR_MAX_WIDTH, ")")),
37
36
  "--_zsxb2b": ix("var(".concat(CSS_VAR_MAX_HEIGHT, ")")),
38
37
  "--_a0hk7v": ix("0 auto ".concat("var(--ds-space-300, 24px)"))
@@ -1,4 +1,4 @@
1
- /* spinner-container.tsx generated by @compiled/babel-plugin v0.32.2 */
1
+ /* spinner-container.tsx generated by @compiled/babel-plugin v0.33.0 */
2
2
  import "./spinner-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "8.0.0",
3
+ "version": "8.1.0",
4
4
  "description": "An empty state appears when there is no data to display and describes what the user can do next.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -26,11 +26,11 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@atlaskit/button": "^20.3.0",
29
- "@atlaskit/heading": "^3.1.0",
29
+ "@atlaskit/heading": "^4.0.0",
30
30
  "@atlaskit/primitives": "^13.3.0",
31
31
  "@atlaskit/spinner": "^16.3.0",
32
32
  "@atlaskit/theme": "^14.0.0",
33
- "@atlaskit/tokens": "^2.4.0",
33
+ "@atlaskit/tokens": "^2.5.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@compiled/react": "^0.18.1"
36
36
  },
@@ -1,8 +0,0 @@
1
- ._1dyzvkfx{letter-spacing:-.008em}
2
- ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
3
- ._1wyb6pmy{font-size:var(--_1tbkb5d)}
4
- ._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
5
- ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
6
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
7
- ._vwz4cjiy{line-height:1.2}
8
- ._zg8l1kw7{font-style:inherit}
@@ -1,35 +0,0 @@
1
- /* header.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- "use strict";
3
-
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- require("./header.compiled.css");
10
- var React = _interopRequireWildcard(require("react"));
11
- var _runtime = require("@compiled/react/runtime");
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
- var headerStyles = null;
15
-
16
- /**
17
- * __Header__
18
- *
19
- * Header of Empty State.
20
- *
21
- * @internal
22
- */
23
- var EmptyStateHeader = function EmptyStateHeader(_ref) {
24
- var children = _ref.children,
25
- _ref$level = _ref.level,
26
- level = _ref$level === void 0 ? 4 : _ref$level;
27
- var Tag = "h".concat(level > 0 && level < 7 ? level : level > 6 ? 6 : 4);
28
- return /*#__PURE__*/React.createElement(Tag, {
29
- className: (0, _runtime.ax)(["_syaz1fxt _1wyb6pmy _zg8l1kw7 _k48p1wq8 _1dyzvkfx _vwz4cjiy _6rthpxbi _1pfhze3t"]),
30
- style: {
31
- "--_1tbkb5d": (0, _runtime.ix)("".concat(20 / 14, "em"))
32
- }
33
- }, children);
34
- };
35
- var _default = exports.default = EmptyStateHeader;
@@ -1,8 +0,0 @@
1
- ._1dyzvkfx{letter-spacing:-.008em}
2
- ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
3
- ._1wyb1yan{font-size:1.4285714285714286em}
4
- ._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
5
- ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
6
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
7
- ._vwz4cjiy{line-height:1.2}
8
- ._zg8l1kw7{font-style:inherit}
@@ -1,23 +0,0 @@
1
- /* header.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- import "./header.compiled.css";
3
- import * as React from 'react';
4
- import { ax, ix } from "@compiled/react/runtime";
5
- const headerStyles = null;
6
-
7
- /**
8
- * __Header__
9
- *
10
- * Header of Empty State.
11
- *
12
- * @internal
13
- */
14
- const EmptyStateHeader = ({
15
- children,
16
- level = 4
17
- }) => {
18
- const Tag = `h${level > 0 && level < 7 ? level : level > 6 ? 6 : 4}`;
19
- return /*#__PURE__*/React.createElement(Tag, {
20
- className: ax(["_syaz1fxt _1wyb1yan _zg8l1kw7 _k48p1wq8 _1dyzvkfx _vwz4cjiy _6rthpxbi _1pfhze3t"])
21
- }, children);
22
- };
23
- export default EmptyStateHeader;
@@ -1,8 +0,0 @@
1
- ._1dyzvkfx{letter-spacing:-.008em}
2
- ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
3
- ._1wyb6pmy{font-size:var(--_1tbkb5d)}
4
- ._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
5
- ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
6
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
7
- ._vwz4cjiy{line-height:1.2}
8
- ._zg8l1kw7{font-style:inherit}
@@ -1,26 +0,0 @@
1
- /* header.tsx generated by @compiled/babel-plugin v0.32.2 */
2
- import "./header.compiled.css";
3
- import * as React from 'react';
4
- import { ax, ix } from "@compiled/react/runtime";
5
- var headerStyles = null;
6
-
7
- /**
8
- * __Header__
9
- *
10
- * Header of Empty State.
11
- *
12
- * @internal
13
- */
14
- var EmptyStateHeader = function EmptyStateHeader(_ref) {
15
- var children = _ref.children,
16
- _ref$level = _ref.level,
17
- level = _ref$level === void 0 ? 4 : _ref$level;
18
- var Tag = "h".concat(level > 0 && level < 7 ? level : level > 6 ? 6 : 4);
19
- return /*#__PURE__*/React.createElement(Tag, {
20
- className: ax(["_syaz1fxt _1wyb6pmy _zg8l1kw7 _k48p1wq8 _1dyzvkfx _vwz4cjiy _6rthpxbi _1pfhze3t"]),
21
- style: {
22
- "--_1tbkb5d": ix("".concat(20 / 14, "em"))
23
- }
24
- }, children);
25
- };
26
- export default EmptyStateHeader;
@@ -1,18 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type FC } from 'react';
6
- type HeaderProps = {
7
- children: string;
8
- level?: number;
9
- };
10
- /**
11
- * __Header__
12
- *
13
- * Header of Empty State.
14
- *
15
- * @internal
16
- */
17
- declare const EmptyStateHeader: FC<HeaderProps>;
18
- export default EmptyStateHeader;
@@ -1,18 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type FC } from 'react';
6
- type HeaderProps = {
7
- children: string;
8
- level?: number;
9
- };
10
- /**
11
- * __Header__
12
- *
13
- * Header of Empty State.
14
- *
15
- * @internal
16
- */
17
- declare const EmptyStateHeader: FC<HeaderProps>;
18
- export default EmptyStateHeader;