@atlaskit/empty-state 8.2.0 → 8.2.1

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 (16) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/styled/container.compiled.css +4 -1
  3. package/dist/cjs/styled/container.js +1 -4
  4. package/dist/cjs/styled/image.compiled.css +4 -1
  5. package/dist/cjs/styled/image.js +2 -3
  6. package/dist/es2019/styled/container.compiled.css +4 -1
  7. package/dist/es2019/styled/container.js +1 -1
  8. package/dist/es2019/styled/image.compiled.css +4 -1
  9. package/dist/es2019/styled/image.js +1 -1
  10. package/dist/esm/styled/container.compiled.css +4 -1
  11. package/dist/esm/styled/container.js +1 -4
  12. package/dist/esm/styled/image.compiled.css +4 -1
  13. package/dist/esm/styled/image.js +2 -3
  14. package/dist/types/empty-state.d.ts +2 -2
  15. package/dist/types-ts4.5/empty-state.d.ts +2 -2
  16. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/empty-state
2
2
 
3
+ ## 8.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 8.2.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/styled/container.compiled.css CHANGED
@@ -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}
package/dist/cjs/styled/container.js CHANGED
@@ -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;
package/dist/cjs/styled/image.compiled.css CHANGED
@@ -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)}
package/dist/cjs/styled/image.js CHANGED
@@ -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
  };
package/dist/es2019/styled/container.compiled.css CHANGED
@@ -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}
package/dist/es2019/styled/container.js CHANGED
@@ -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;
package/dist/es2019/styled/image.compiled.css CHANGED
@@ -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)}
package/dist/es2019/styled/image.js CHANGED
@@ -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;
package/dist/esm/styled/container.compiled.css CHANGED
@@ -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}
package/dist/esm/styled/container.js CHANGED
@@ -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;
package/dist/esm/styled/image.compiled.css CHANGED
@@ -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)}
package/dist/esm/styled/image.js CHANGED
@@ -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
  };
package/dist/types/empty-state.d.ts CHANGED
@@ -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/dist/types-ts4.5/empty-state.d.ts CHANGED
@@ -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.1",
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
30
  "@atlaskit/primitives": "^13.4.0",
31
31
  "@atlaskit/spinner": "^17.1.0",
32
- "@atlaskit/theme": "^14.1.0",
32
+ "@atlaskit/theme": "^15.0.0",
33
33
  "@atlaskit/tokens": "^3.3.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@compiled/react": "^0.18.1"