@atlaskit/empty-state 7.4.1 → 7.4.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/styled/actions-container.js +4 -5
  3. package/dist/cjs/styled/description.js +4 -4
  4. package/dist/cjs/styled/spinner-container.js +3 -5
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/styled/actions-container.js +4 -4
  7. package/dist/es2019/styled/description.js +4 -3
  8. package/dist/es2019/styled/spinner-container.js +3 -4
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/styled/actions-container.js +4 -4
  11. package/dist/esm/styled/description.js +4 -3
  12. package/dist/esm/styled/spinner-container.js +3 -4
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +5 -2
  15. package/report.api.md +4 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/empty-state
2
2
 
3
+ ## 7.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9de88fa1e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9de88fa1e1e) - Internal changes to include spacing tokens in component implementations.
8
+
3
9
  ## 7.4.1
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/styled/actions-container.js CHANGED
@@ -7,14 +7,13 @@ exports.default = void 0;
7
7
 
8
8
  var _react = require("@emotion/react");
9
9
 
10
- var _constants = require("@atlaskit/theme/constants");
11
-
12
10
  /** @jsx jsx */
13
- var gridSize = (0, _constants.gridSize)();
14
11
  var actionsStyles = (0, _react.css)({
15
12
  display: 'flex',
16
- marginBottom: "".concat(gridSize, "px"),
17
- paddingLeft: "".concat(5 * gridSize, "px"),
13
+ // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize}px``
14
+ marginBottom: "var(--ds-scale-100, 8px)",
15
+ // TODO Delete this comment after verifying spacing token -> previous value ``${5 * gridSize}px``
16
+ paddingLeft: "var(--ds-scale-500, 40px)",
18
17
  alignItems: 'center',
19
18
  justifyContent: 'center'
20
19
  });
package/dist/cjs/styled/description.js CHANGED
@@ -9,12 +9,12 @@ var _react = require("@emotion/react");
9
9
 
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
 
12
- var _constants = require("@atlaskit/theme/constants");
13
-
14
12
  /** @jsx jsx */
15
13
  var descriptionStyles = (0, _react.css)({
16
- marginTop: 0,
17
- marginBottom: "".concat((0, _constants.gridSize)() * 3, "px"),
14
+ // TODO Delete this comment after verifying spacing token -> previous value `0`
15
+ marginTop: "var(--ds-scale-0, 0px)",
16
+ // TODO Delete this comment after verifying spacing token -> previous value ``${getGridSize() * 3}px``
17
+ marginBottom: "var(--ds-scale-300, 24px)",
18
18
  color: "var(--ds-text, ".concat(_colors.N800, ")")
19
19
  });
20
20
  /**
package/dist/cjs/styled/spinner-container.js CHANGED
@@ -7,13 +7,11 @@ exports.default = void 0;
7
7
 
8
8
  var _react = require("@emotion/react");
9
9
 
10
- var _constants = require("@atlaskit/theme/constants");
11
-
12
10
  /** @jsx jsx */
13
- var gridSize = (0, _constants.gridSize)();
14
11
  var spinnerContainerStyles = (0, _react.css)({
15
- width: "".concat(3 * gridSize, "px"),
16
- marginLeft: "".concat(2 * gridSize, "px")
12
+ width: "var(--ds-scale-300, 24px)",
13
+ // TODO Delete this comment after verifying spacing token -> previous value ``${2 * gridSize}px``
14
+ marginLeft: "var(--ds-scale-200, 16px)"
17
15
  });
18
16
  /**
19
17
  * __Spinner container__
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.1",
3
+ "version": "7.4.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styled/actions-container.js CHANGED
@@ -1,11 +1,11 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
4
- const gridSize = getGridSize();
5
3
  const actionsStyles = css({
6
4
  display: 'flex',
7
- marginBottom: `${gridSize}px`,
8
- paddingLeft: `${5 * gridSize}px`,
5
+ // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize}px``
6
+ marginBottom: "var(--ds-scale-100, 8px)",
7
+ // TODO Delete this comment after verifying spacing token -> previous value ``${5 * gridSize}px``
8
+ paddingLeft: "var(--ds-scale-500, 40px)",
9
9
  alignItems: 'center',
10
10
  justifyContent: 'center'
11
11
  });
package/dist/es2019/styled/description.js CHANGED
@@ -1,10 +1,11 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
3
  import { N800 } from '@atlaskit/theme/colors';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
4
  const descriptionStyles = css({
6
- marginTop: 0,
7
- marginBottom: `${getGridSize() * 3}px`,
5
+ // TODO Delete this comment after verifying spacing token -> previous value `0`
6
+ marginTop: "var(--ds-scale-0, 0px)",
7
+ // TODO Delete this comment after verifying spacing token -> previous value ``${getGridSize() * 3}px``
8
+ marginBottom: "var(--ds-scale-300, 24px)",
8
9
  color: `var(--ds-text, ${N800})`
9
10
  });
10
11
  /**
package/dist/es2019/styled/spinner-container.js CHANGED
@@ -1,10 +1,9 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
4
- const gridSize = getGridSize();
5
3
  const spinnerContainerStyles = css({
6
- width: `${3 * gridSize}px`,
7
- marginLeft: `${2 * gridSize}px`
4
+ width: "var(--ds-scale-300, 24px)",
5
+ // TODO Delete this comment after verifying spacing token -> previous value ``${2 * gridSize}px``
6
+ marginLeft: "var(--ds-scale-200, 16px)"
8
7
  });
9
8
  /**
10
9
  * __Spinner container__
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.1",
3
+ "version": "7.4.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styled/actions-container.js CHANGED
@@ -1,11 +1,11 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
4
- var gridSize = getGridSize();
5
3
  var actionsStyles = css({
6
4
  display: 'flex',
7
- marginBottom: "".concat(gridSize, "px"),
8
- paddingLeft: "".concat(5 * gridSize, "px"),
5
+ // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize}px``
6
+ marginBottom: "var(--ds-scale-100, 8px)",
7
+ // TODO Delete this comment after verifying spacing token -> previous value ``${5 * gridSize}px``
8
+ paddingLeft: "var(--ds-scale-500, 40px)",
9
9
  alignItems: 'center',
10
10
  justifyContent: 'center'
11
11
  });
package/dist/esm/styled/description.js CHANGED
@@ -1,10 +1,11 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
3
  import { N800 } from '@atlaskit/theme/colors';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
4
  var descriptionStyles = css({
6
- marginTop: 0,
7
- marginBottom: "".concat(getGridSize() * 3, "px"),
5
+ // TODO Delete this comment after verifying spacing token -> previous value `0`
6
+ marginTop: "var(--ds-scale-0, 0px)",
7
+ // TODO Delete this comment after verifying spacing token -> previous value ``${getGridSize() * 3}px``
8
+ marginBottom: "var(--ds-scale-300, 24px)",
8
9
  color: "var(--ds-text, ".concat(N800, ")")
9
10
  });
10
11
  /**
package/dist/esm/styled/spinner-container.js CHANGED
@@ -1,10 +1,9 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
4
- var gridSize = getGridSize();
5
3
  var spinnerContainerStyles = css({
6
- width: "".concat(3 * gridSize, "px"),
7
- marginLeft: "".concat(2 * gridSize, "px")
4
+ width: "var(--ds-scale-300, 24px)",
5
+ // TODO Delete this comment after verifying spacing token -> previous value ``${2 * gridSize}px``
6
+ marginLeft: "var(--ds-scale-200, 16px)"
8
7
  });
9
8
  /**
10
9
  * __Spinner container__
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/empty-state",
3
- "version": "7.4.1",
3
+ "version": "7.4.2",
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.1",
3
+ "version": "7.4.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/"
@@ -16,13 +16,15 @@
16
16
  "typesVersions": {
17
17
  ">=4.0 <4.5": {
18
18
  "*": [
19
- "dist/types-ts4.0/*"
19
+ "dist/types-ts4.0/*",
20
+ "dist/types-ts4.0/index.d.ts"
20
21
  ]
21
22
  }
22
23
  },
23
24
  "sideEffects": false,
24
25
  "atlaskit:src": "src/index.tsx",
25
26
  "atlassian": {
27
+ "disableProductCI": true,
26
28
  "team": "Design System Team",
27
29
  "releaseModel": "scheduled",
28
30
  "website": {
@@ -60,6 +62,7 @@
60
62
  "@repo/internal": {
61
63
  "dom-events": "use-bind-event-listener",
62
64
  "analytics": "analytics-next",
65
+ "design-tokens": "spacing",
63
66
  "theming": "tokens",
64
67
  "styling": [
65
68
  "static",
package/report.api.md CHANGED
@@ -1,6 +1,8 @@
1
- ## API Report File for "@atlaskit/empty-state"
1
+ ## API Report File for "@atlaskit/empty-state".
2
2
 
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
3
+ > Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
4
6
 
5
7
  ````ts
6
8
  /// <reference types="react" />