@atlaskit/empty-state 7.4.8 → 7.4.10

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 (17) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/empty-state.js +3 -1
  3. package/dist/cjs/styled/container.js +5 -2
  4. package/dist/cjs/styled/header.js +2 -3
  5. package/dist/cjs/styled/image.js +2 -2
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/empty-state.js +3 -1
  8. package/dist/es2019/styled/container.js +5 -2
  9. package/dist/es2019/styled/header.js +2 -4
  10. package/dist/es2019/styled/image.js +2 -2
  11. package/dist/es2019/version.json +1 -1
  12. package/dist/esm/empty-state.js +3 -1
  13. package/dist/esm/styled/container.js +5 -2
  14. package/dist/esm/styled/header.js +2 -4
  15. package/dist/esm/styled/image.js +2 -2
  16. package/dist/esm/version.json +1 -1
  17. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/empty-state
2
2
 
3
+ ## 7.4.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
8
+
9
+ ## 7.4.9
10
+
11
+ ### Patch Changes
12
+
13
+ - [`24f81932945`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24f81932945) - Migrates unit tests from enzyme to RTL. Adds testId to Spinner component.
14
+
3
15
  ## 7.4.8
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/empty-state.js CHANGED
@@ -49,7 +49,9 @@ var EmptyState = function EmptyState(_ref) {
49
49
  size = _ref.size,
50
50
  tertiaryAction = _ref.tertiaryAction,
51
51
  testId = _ref.testId;
52
- var actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/_react.default.createElement(_styled.ActionsContainer, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, secondaryAction, primaryAction), /*#__PURE__*/_react.default.createElement(_styled.SpinnerContainer, null, isLoading && /*#__PURE__*/_react.default.createElement(_spinner.default, null))) : null;
52
+ var actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/_react.default.createElement(_styled.ActionsContainer, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, secondaryAction, primaryAction), /*#__PURE__*/_react.default.createElement(_styled.SpinnerContainer, null, isLoading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
53
+ testId: "empty-state-spinner"
54
+ }))) : null;
53
55
  return /*#__PURE__*/_react.default.createElement(_styled.Container, {
54
56
  testId: testId,
55
57
  width: width || size || 'wide'
package/dist/cjs/styled/container.js CHANGED
@@ -8,12 +8,15 @@ var _react = require("@emotion/react");
8
8
  var _constants = require("@atlaskit/theme/constants");
9
9
  /** @jsx jsx */
10
10
 
11
+ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
12
+
11
13
  var gridSize = (0, _constants.gridSize)();
12
- var verticalMarginSize = gridSize * 6;
14
+ var verticalMarginSize = "var(--ds-space-600, 48px)";
13
15
  var columnWidth = gridSize * 8;
14
16
  var gutter = gridSize * 2;
15
17
  var containerStyles = (0, _react.css)({
16
- margin: "".concat(verticalMarginSize, "px auto"),
18
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
19
+ margin: "".concat(verticalMarginSize, " auto"),
17
20
  textAlign: 'center'
18
21
  });
19
22
 
package/dist/cjs/styled/header.js CHANGED
@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = require("@emotion/react");
8
- var _constants = require("@atlaskit/theme/constants");
9
8
  var _typography = require("@atlaskit/theme/typography");
10
9
  /** @jsx jsx */
11
10
 
12
11
  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
13
12
  var headerStyles = (0, _react.css)([(0, _typography.h600)(), {
14
- marginTop: 0,
15
- marginBottom: "".concat((0, _constants.gridSize)() * 2, "px")
13
+ marginTop: "var(--ds-space-0, 0px)",
14
+ marginBottom: "var(--ds-space-200, 16px)"
16
15
  }]);
17
16
 
18
17
  /**
package/dist/cjs/styled/image.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
- var _constants = require("@atlaskit/theme/constants");
11
10
  /** @jsx jsx */
12
11
 
13
12
  var CSS_VAR_MAX_WIDTH = '--max-width';
@@ -16,7 +15,8 @@ var imageStyles = (0, _react.css)({
16
15
  display: 'block',
17
16
  maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
18
17
  maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
19
- margin: "0 auto ".concat((0, _constants.gridSize)() * 3, "px")
18
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
19
+ margin: "0 auto ".concat("var(--ds-space-300, 24px)")
20
20
  });
21
21
 
22
22
  /**
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.8",
3
+ "version": "7.4.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/empty-state.js CHANGED
@@ -41,7 +41,9 @@ const EmptyState = ({
41
41
  tertiaryAction,
42
42
  testId
43
43
  }) => {
44
- const actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/React.createElement(ActionsContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, null, secondaryAction, primaryAction), /*#__PURE__*/React.createElement(SpinnerContainer, null, isLoading && /*#__PURE__*/React.createElement(Spinner, null))) : null;
44
+ const actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/React.createElement(ActionsContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, null, secondaryAction, primaryAction), /*#__PURE__*/React.createElement(SpinnerContainer, null, isLoading && /*#__PURE__*/React.createElement(Spinner, {
45
+ testId: "empty-state-spinner"
46
+ }))) : null;
45
47
  return /*#__PURE__*/React.createElement(Container, {
46
48
  testId: testId,
47
49
  width: width || size || 'wide'
package/dist/es2019/styled/container.js CHANGED
@@ -1,13 +1,16 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
+
5
+ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
4
6
  import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
7
  const gridSize = getGridSize();
6
- const verticalMarginSize = gridSize * 6;
8
+ const verticalMarginSize = "var(--ds-space-600, 48px)";
7
9
  const columnWidth = gridSize * 8;
8
10
  const gutter = gridSize * 2;
9
11
  const containerStyles = css({
10
- margin: `${verticalMarginSize}px auto`,
12
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
13
+ margin: `${verticalMarginSize} auto`,
11
14
  textAlign: 'center'
12
15
  });
13
16
 
package/dist/es2019/styled/header.js CHANGED
@@ -1,13 +1,11 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
4
  import { h600 } from '@atlaskit/theme/typography';
6
-
7
5
  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
8
6
  const headerStyles = css([h600(), {
9
- marginTop: 0,
10
- marginBottom: `${getGridSize() * 2}px`
7
+ marginTop: "var(--ds-space-0, 0px)",
8
+ marginBottom: "var(--ds-space-200, 16px)"
11
9
  }]);
12
10
 
13
11
  /**
package/dist/es2019/styled/image.js CHANGED
@@ -1,14 +1,14 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
4
  const CSS_VAR_MAX_WIDTH = '--max-width';
6
5
  const CSS_VAR_MAX_HEIGHT = '--max-height';
7
6
  const imageStyles = css({
8
7
  display: 'block',
9
8
  maxWidth: `var(${CSS_VAR_MAX_WIDTH})`,
10
9
  maxHeight: `var(${CSS_VAR_MAX_HEIGHT})`,
11
- margin: `0 auto ${getGridSize() * 3}px`
10
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
11
+ margin: `0 auto ${"var(--ds-space-300, 24px)"}`
12
12
  });
13
13
 
14
14
  /**
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.8",
3
+ "version": "7.4.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/empty-state.js CHANGED
@@ -42,7 +42,9 @@ var EmptyState = function EmptyState(_ref) {
42
42
  size = _ref.size,
43
43
  tertiaryAction = _ref.tertiaryAction,
44
44
  testId = _ref.testId;
45
- var actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/React.createElement(ActionsContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, null, secondaryAction, primaryAction), /*#__PURE__*/React.createElement(SpinnerContainer, null, isLoading && /*#__PURE__*/React.createElement(Spinner, null))) : null;
45
+ var actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/React.createElement(ActionsContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, null, secondaryAction, primaryAction), /*#__PURE__*/React.createElement(SpinnerContainer, null, isLoading && /*#__PURE__*/React.createElement(Spinner, {
46
+ testId: "empty-state-spinner"
47
+ }))) : null;
46
48
  return /*#__PURE__*/React.createElement(Container, {
47
49
  testId: testId,
48
50
  width: width || size || 'wide'
package/dist/esm/styled/container.js CHANGED
@@ -1,13 +1,16 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
+
5
+ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
4
6
  import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
7
  var gridSize = getGridSize();
6
- var verticalMarginSize = gridSize * 6;
8
+ var verticalMarginSize = "var(--ds-space-600, 48px)";
7
9
  var columnWidth = gridSize * 8;
8
10
  var gutter = gridSize * 2;
9
11
  var containerStyles = css({
10
- margin: "".concat(verticalMarginSize, "px auto"),
12
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
13
+ margin: "".concat(verticalMarginSize, " auto"),
11
14
  textAlign: 'center'
12
15
  });
13
16
 
package/dist/esm/styled/header.js CHANGED
@@ -1,13 +1,11 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
4
  import { h600 } from '@atlaskit/theme/typography';
6
-
7
5
  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
8
6
  var headerStyles = css([h600(), {
9
- marginTop: 0,
10
- marginBottom: "".concat(getGridSize() * 2, "px")
7
+ marginTop: "var(--ds-space-0, 0px)",
8
+ marginBottom: "var(--ds-space-200, 16px)"
11
9
  }]);
12
10
 
13
11
  /**
package/dist/esm/styled/image.js CHANGED
@@ -2,14 +2,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  /** @jsx jsx */
3
3
 
4
4
  import { css, jsx } from '@emotion/react';
5
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
6
5
  var CSS_VAR_MAX_WIDTH = '--max-width';
7
6
  var CSS_VAR_MAX_HEIGHT = '--max-height';
8
7
  var imageStyles = css({
9
8
  display: 'block',
10
9
  maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
11
10
  maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
12
- margin: "0 auto ".concat(getGridSize() * 3, "px")
11
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
12
+ margin: "0 auto ".concat("var(--ds-space-300, 24px)")
13
13
  });
14
14
 
15
15
  /**
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.8",
3
+ "version": "7.4.10",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.8",
3
+ "version": "7.4.10",
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/"
@@ -16,7 +16,6 @@
16
16
  "sideEffects": false,
17
17
  "atlaskit:src": "src/index.tsx",
18
18
  "atlassian": {
19
- "disableProductCI": true,
20
19
  "team": "Design System Team",
21
20
  "releaseModel": "scheduled",
22
21
  "website": {
@@ -26,9 +25,9 @@
26
25
  },
27
26
  "dependencies": {
28
27
  "@atlaskit/button": "^16.5.0",
29
- "@atlaskit/spinner": "^15.3.0",
28
+ "@atlaskit/spinner": "^15.4.0",
30
29
  "@atlaskit/theme": "^12.2.0",
31
- "@atlaskit/tokens": "^1.0.0",
30
+ "@atlaskit/tokens": "^1.2.0",
32
31
  "@babel/runtime": "^7.0.0",
33
32
  "@emotion/react": "^11.7.1"
34
33
  },
@@ -42,7 +41,6 @@
42
41
  "@atlaskit/visual-regression": "*",
43
42
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
44
43
  "@testing-library/react": "^12.1.5",
45
- "enzyme": "^3.10.0",
46
44
  "react-dom": "^16.8.0",
47
45
  "typescript": "4.5.5",
48
46
  "wait-for-expect": "^1.2.0"
@@ -54,8 +52,10 @@
54
52
  "@repo/internal": {
55
53
  "dom-events": "use-bind-event-listener",
56
54
  "analytics": "analytics-next",
57
- "design-tokens": "spacing",
58
- "theming": "tokens",
55
+ "design-tokens": [
56
+ "color",
57
+ "spacing"
58
+ ],
59
59
  "styling": [
60
60
  "static",
61
61
  "emotion"