@atlaskit/empty-state 8.2.0 → 8.2.2

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,17 @@
1
1
  # @atlaskit/empty-state
2
2
 
3
+ ## 8.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 8.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 8.2.0
4
16
 
5
17
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- /* actions-container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* actions-container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,7 @@
1
- ._18s81efg{margin:var(--_129ypg0)}
1
+ ._12l21wug{margin-inline-end:auto}
2
+ ._1pfhoahv{margin-block-start:var(--ds-space-600,3pc)}
3
+ ._6rthoahv{margin-block-end:var(--ds-space-600,3pc)}
4
+ ._ahbq1wug{margin-inline-start:auto}
2
5
  ._p12f1pl1{max-width:29pc}
3
6
  ._p12fko4j{max-width:19pc}
4
7
  ._y3gn1h6o{text-align:center}
@@ -1,4 +1,4 @@
1
- /* container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -28,10 +28,7 @@ var Container = function Container(_ref) {
28
28
  testId = _ref.testId;
29
29
  return /*#__PURE__*/React.createElement("div", {
30
30
  "data-testid": testId,
31
- className: (0, _runtime.ax)(["_18s81efg _y3gn1h6o", width === 'narrow' ? "_p12fko4j" : "_p12f1pl1"]),
32
- style: {
33
- "--_129ypg0": (0, _runtime.ix)("var(--ds-space-600, 48px)".concat(" auto"))
34
- }
31
+ className: (0, _runtime.ax)(["_6rthoahv _1pfhoahv _12l21wug _ahbq1wug _y3gn1h6o", width === 'narrow' ? "_p12fko4j" : "_p12f1pl1"])
35
32
  }, children);
36
33
  };
37
34
  var _default = exports.default = Container;
@@ -1,4 +1,7 @@
1
- ._18s81t55{margin:var(--_a0hk7v)}
1
+ ._12l21wug{margin-inline-end:auto}
2
2
  ._1e0c1ule{display:block}
3
+ ._1pfhidpf{margin-block-start:0}
4
+ ._6rth1ejb{margin-block-end:var(--ds-space-300,24px)}
5
+ ._ahbq1wug{margin-inline-start:auto}
3
6
  ._c71l649k{max-height:var(--_zsxb2b)}
4
7
  ._p12f163m{max-width:var(--_11x3y0)}
@@ -1,4 +1,4 @@
1
- /* image.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* image.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -40,11 +40,10 @@ var Image = function Image(_ref) {
40
40
  alt: "",
41
41
  role: "presentation",
42
42
  src: src,
43
- className: (0, _runtime.ax)(["_18s81t55 _1e0c1ule _p12f163m _c71l649k"]),
43
+ className: (0, _runtime.ax)(["_1e0c1ule _p12f163m _c71l649k _6rth1ejb _1pfhidpf _12l21wug _ahbq1wug"]),
44
44
  style: _objectSpread(_objectSpread({}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px"))), {}, {
45
45
  "--_11x3y0": (0, _runtime.ix)("var(".concat(CSS_VAR_MAX_WIDTH, ")")),
46
- "--_zsxb2b": (0, _runtime.ix)("var(".concat(CSS_VAR_MAX_HEIGHT, ")")),
47
- "--_a0hk7v": (0, _runtime.ix)("0 auto ".concat("var(--ds-space-300, 24px)"))
46
+ "--_zsxb2b": (0, _runtime.ix)("var(".concat(CSS_VAR_MAX_HEIGHT, ")"))
48
47
  })
49
48
  });
50
49
  };
@@ -1,4 +1,4 @@
1
- /* spinner-container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* spinner-container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* actions-container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* actions-container.tsx generated by @compiled/babel-plugin v0.36.1 */
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,7 @@
1
- ._18s81h9n{margin:var(--ds-space-600,3pc) auto}
1
+ ._12l21wug{margin-inline-end:auto}
2
+ ._1pfhoahv{margin-block-start:var(--ds-space-600,3pc)}
3
+ ._6rthoahv{margin-block-end:var(--ds-space-600,3pc)}
4
+ ._ahbq1wug{margin-inline-start:auto}
2
5
  ._p12f1pl1{max-width:29pc}
3
6
  ._p12fko4j{max-width:19pc}
4
7
  ._y3gn1h6o{text-align:center}
@@ -1,4 +1,4 @@
1
- /* container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import "./container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -19,6 +19,6 @@ const Container = ({
19
19
  testId
20
20
  }) => /*#__PURE__*/React.createElement("div", {
21
21
  "data-testid": testId,
22
- className: ax(["_18s81h9n _y3gn1h6o", width === 'narrow' ? "_p12fko4j" : "_p12f1pl1"])
22
+ className: ax(["_6rthoahv _1pfhoahv _12l21wug _ahbq1wug _y3gn1h6o", width === 'narrow' ? "_p12fko4j" : "_p12f1pl1"])
23
23
  }, children);
24
24
  export default Container;
@@ -1,4 +1,7 @@
1
- ._18s81ixx{margin:0 auto var(--ds-space-300,24px)}
1
+ ._12l21wug{margin-inline-end:auto}
2
2
  ._1e0c1ule{display:block}
3
+ ._1pfhidpf{margin-block-start:0}
4
+ ._6rth1ejb{margin-block-end:var(--ds-space-300,24px)}
5
+ ._ahbq1wug{margin-inline-start:auto}
3
6
  ._c71l8wry{max-height:var(--max-height)}
4
7
  ._p12fnzqo{max-width:var(--max-width)}
@@ -1,4 +1,4 @@
1
- /* image.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* image.tsx generated by @compiled/babel-plugin v0.36.1 */
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(["_18s81ixx _1e0c1ule _p12fnzqo _c71l8wry"])
33
+ className: ax(["_1e0c1ule _p12fnzqo _c71l8wry _6rth1ejb _1pfhidpf _12l21wug _ahbq1wug"])
34
34
  });
35
35
  export default Image;
@@ -1,4 +1,4 @@
1
- /* spinner-container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* spinner-container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import "./spinner-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* actions-container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* actions-container.tsx generated by @compiled/babel-plugin v0.36.1 */
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,7 @@
1
- ._18s81efg{margin:var(--_129ypg0)}
1
+ ._12l21wug{margin-inline-end:auto}
2
+ ._1pfhoahv{margin-block-start:var(--ds-space-600,3pc)}
3
+ ._6rthoahv{margin-block-end:var(--ds-space-600,3pc)}
4
+ ._ahbq1wug{margin-inline-start:auto}
2
5
  ._p12f1pl1{max-width:29pc}
3
6
  ._p12fko4j{max-width:19pc}
4
7
  ._y3gn1h6o{text-align:center}
@@ -1,4 +1,4 @@
1
- /* container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import "./container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -19,10 +19,7 @@ var Container = function Container(_ref) {
19
19
  testId = _ref.testId;
20
20
  return /*#__PURE__*/React.createElement("div", {
21
21
  "data-testid": testId,
22
- className: ax(["_18s81efg _y3gn1h6o", width === 'narrow' ? "_p12fko4j" : "_p12f1pl1"]),
23
- style: {
24
- "--_129ypg0": ix("var(--ds-space-600, 48px)".concat(" auto"))
25
- }
22
+ className: ax(["_6rthoahv _1pfhoahv _12l21wug _ahbq1wug _y3gn1h6o", width === 'narrow' ? "_p12fko4j" : "_p12f1pl1"])
26
23
  }, children);
27
24
  };
28
25
  export default Container;
@@ -1,4 +1,7 @@
1
- ._18s81t55{margin:var(--_a0hk7v)}
1
+ ._12l21wug{margin-inline-end:auto}
2
2
  ._1e0c1ule{display:block}
3
+ ._1pfhidpf{margin-block-start:0}
4
+ ._6rth1ejb{margin-block-end:var(--ds-space-300,24px)}
5
+ ._ahbq1wug{margin-inline-start:auto}
3
6
  ._c71l649k{max-height:var(--_zsxb2b)}
4
7
  ._p12f163m{max-width:var(--_11x3y0)}
@@ -1,4 +1,4 @@
1
- /* image.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* image.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./image.compiled.css";
4
4
  import * as React from 'react';
@@ -30,11 +30,10 @@ var Image = function Image(_ref) {
30
30
  alt: "",
31
31
  role: "presentation",
32
32
  src: src,
33
- className: ax(["_18s81t55 _1e0c1ule _p12f163m _c71l649k"]),
33
+ className: ax(["_1e0c1ule _p12f163m _c71l649k _6rth1ejb _1pfhidpf _12l21wug _ahbq1wug"]),
34
34
  style: _objectSpread(_objectSpread({}, _defineProperty(_defineProperty({}, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px"))), {}, {
35
35
  "--_11x3y0": ix("var(".concat(CSS_VAR_MAX_WIDTH, ")")),
36
- "--_zsxb2b": ix("var(".concat(CSS_VAR_MAX_HEIGHT, ")")),
37
- "--_a0hk7v": ix("0 auto ".concat("var(--ds-space-300, 24px)"))
36
+ "--_zsxb2b": ix("var(".concat(CSS_VAR_MAX_HEIGHT, ")"))
38
37
  })
39
38
  });
40
39
  };
@@ -1,4 +1,4 @@
1
- /* spinner-container.tsx generated by @compiled/babel-plugin v0.36.0 */
1
+ /* spinner-container.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import "./spinner-container.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import type { EmptyStateProps } from './types';
3
3
  /**
4
4
  * __Empty state__
@@ -22,5 +22,5 @@ import type { EmptyStateProps } from './types';
22
22
  * };
23
23
  * ```
24
24
  */
25
- declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, size, tertiaryAction, testId, }: EmptyStateProps) => JSX.Element;
25
+ declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, size, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
26
26
  export default EmptyState;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import type { EmptyStateProps } from './types';
3
3
  /**
4
4
  * __Empty state__
@@ -22,5 +22,5 @@ import type { EmptyStateProps } from './types';
22
22
  * };
23
23
  * ```
24
24
  */
25
- declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, size, tertiaryAction, testId, }: EmptyStateProps) => JSX.Element;
25
+ declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, size, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
26
26
  export default EmptyState;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "8.2.0",
3
+ "version": "8.2.2",
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/"
@@ -25,11 +25,11 @@
25
25
  }
26
26
  },
27
27
  "dependencies": {
28
- "@atlaskit/button": "^20.4.0",
28
+ "@atlaskit/button": "^20.5.0",
29
29
  "@atlaskit/heading": "^4.1.0",
30
- "@atlaskit/primitives": "^13.4.0",
30
+ "@atlaskit/primitives": "^13.5.0",
31
31
  "@atlaskit/spinner": "^17.1.0",
32
- "@atlaskit/theme": "^14.1.0",
32
+ "@atlaskit/theme": "^16.0.0",
33
33
  "@atlaskit/tokens": "^3.3.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@compiled/react": "^0.18.1"