@atlaskit/empty-state 7.4.9 → 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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/styled/container.js +4 -2
  3. package/dist/cjs/styled/header.js +2 -3
  4. package/dist/cjs/styled/image.js +1 -2
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/styled/container.js +4 -2
  7. package/dist/es2019/styled/header.js +2 -4
  8. package/dist/es2019/styled/image.js +1 -2
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/styled/container.js +4 -2
  11. package/dist/esm/styled/header.js +2 -4
  12. package/dist/esm/styled/image.js +1 -2
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
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
+
3
9
  ## 7.4.9
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/styled/container.js CHANGED
@@ -8,13 +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
18
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
17
- margin: "".concat(verticalMarginSize, "px auto"),
19
+ margin: "".concat(verticalMarginSize, " auto"),
18
20
  textAlign: 'center'
19
21
  });
20
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';
@@ -17,7 +16,7 @@ var imageStyles = (0, _react.css)({
17
16
  maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
18
17
  maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
19
18
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
20
- margin: "0 auto ".concat((0, _constants.gridSize)() * 3, "px")
19
+ margin: "0 auto ".concat("var(--ds-space-300, 24px)")
21
20
  });
22
21
 
23
22
  /**
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.9",
3
+ "version": "7.4.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styled/container.js CHANGED
@@ -1,14 +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
12
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
11
- margin: `${verticalMarginSize}px auto`,
13
+ margin: `${verticalMarginSize} auto`,
12
14
  textAlign: 'center'
13
15
  });
14
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,7 +1,6 @@
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({
@@ -9,7 +8,7 @@ const imageStyles = css({
9
8
  maxWidth: `var(${CSS_VAR_MAX_WIDTH})`,
10
9
  maxHeight: `var(${CSS_VAR_MAX_HEIGHT})`,
11
10
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
12
- margin: `0 auto ${getGridSize() * 3}px`
11
+ margin: `0 auto ${"var(--ds-space-300, 24px)"}`
13
12
  });
14
13
 
15
14
  /**
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.9",
3
+ "version": "7.4.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styled/container.js CHANGED
@@ -1,14 +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
12
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
11
- margin: "".concat(verticalMarginSize, "px auto"),
13
+ margin: "".concat(verticalMarginSize, " auto"),
12
14
  textAlign: 'center'
13
15
  });
14
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,7 +2,6 @@ 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({
@@ -10,7 +9,7 @@ var imageStyles = css({
10
9
  maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
11
10
  maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
12
11
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
13
- margin: "0 auto ".concat(getGridSize() * 3, "px")
12
+ margin: "0 auto ".concat("var(--ds-space-300, 24px)")
14
13
  });
15
14
 
16
15
  /**
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.9",
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.9",
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/"