@atlaskit/smart-card 26.5.9 → 26.5.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/version.json +1 -1
  3. package/dist/cjs/view/EmbedCard/views/UnresolvedView.js +1 -0
  4. package/dist/cjs/view/InlineCard/Icon.js +3 -1
  5. package/dist/cjs/view/common/Metadata.js +6 -7
  6. package/dist/es2019/version.json +1 -1
  7. package/dist/es2019/view/EmbedCard/views/UnresolvedView.js +1 -0
  8. package/dist/es2019/view/InlineCard/Icon.js +3 -1
  9. package/dist/es2019/view/common/Metadata.js +6 -7
  10. package/dist/esm/version.json +1 -1
  11. package/dist/esm/view/EmbedCard/views/UnresolvedView.js +1 -0
  12. package/dist/esm/view/InlineCard/Icon.js +3 -1
  13. package/dist/esm/view/common/Metadata.js +6 -7
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 26.5.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`70f573b2c44`](https://bitbucket.org/atlassian/atlassian-frontend/commits/70f573b2c44) - Internal change to use space tokens for spacing properties. There is no visual change.
8
+
3
9
  ## 26.5.9
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.5.9",
3
+ "version": "26.5.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/view/EmbedCard/views/UnresolvedView.js CHANGED
@@ -12,6 +12,7 @@ var _constants = require("@atlaskit/theme/constants");
12
12
  var _reactIntlNext = require("react-intl-next");
13
13
  var _messages = require("../../../messages");
14
14
  var _utils = require("../../common/utils");
15
+ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage-spacing */
15
16
  /** @jsx jsx */
16
17
 
17
18
  var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
package/dist/cjs/view/InlineCard/Icon.js CHANGED
@@ -27,10 +27,12 @@ var Shimmer = function Shimmer(_ref) {
27
27
  var testId = _ref.testId;
28
28
  var skeletonCustomStyles = {
29
29
  position: 'absolute',
30
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
30
31
  top: '50%',
32
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
31
33
  left: '50%',
32
34
  transform: 'translate(-50%, -50%)',
33
- marginRight: 4
35
+ marginRight: "var(--ds-space-050, 4px)"
34
36
  };
35
37
  return /*#__PURE__*/_react.default.createElement(_linkingCommon.Skeleton, {
36
38
  width: 14,
package/dist/cjs/view/common/Metadata.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.Metadata = void 0;
8
8
  var _react = require("@emotion/react");
9
9
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
10
- var _utils = require("./utils");
11
10
  var _colors = require("@atlaskit/theme/colors");
12
11
  /** @jsx jsx */
13
12
 
@@ -21,8 +20,8 @@ var Metadata = function Metadata(_ref) {
21
20
  metadataIcon = (0, _react.jsx)("img", {
22
21
  src: iconUrl,
23
22
  css: {
24
- width: (0, _utils.gs)(1),
25
- height: (0, _utils.gs)(1)
23
+ width: "var(--ds-space-100, 8px)",
24
+ height: "var(--ds-space-100, 8px)"
26
25
  }
27
26
  });
28
27
  }
@@ -30,14 +29,14 @@ var Metadata = function Metadata(_ref) {
30
29
  css: {
31
30
  display: 'flex',
32
31
  alignItems: 'center',
33
- marginRight: (0, _utils.gs)(0.5)
32
+ marginRight: "var(--ds-space-050, 4px)"
34
33
  }
35
34
  }, metadataIcon, (0, _react.jsx)("span", {
36
35
  css: {
37
- fontSize: (0, _utils.gs)(1.5),
36
+ fontSize: "var(--ds-space-150, 12px)",
38
37
  color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N300, ")")),
39
- marginRight: (0, _utils.gs)(0.5),
40
- marginLeft: '2px'
38
+ marginRight: "var(--ds-space-050, 4px)",
39
+ marginLeft: "var(--ds-space-025, 2px)"
41
40
  }
42
41
  }, text));
43
42
  if (tooltip) {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.5.9",
3
+ "version": "26.5.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/view/EmbedCard/views/UnresolvedView.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage-spacing */
2
3
  /** @jsx jsx */
3
4
  import { jsx } from '@emotion/react';
4
5
  import Button from '@atlaskit/button/custom-theme-button';
package/dist/es2019/view/InlineCard/Icon.js CHANGED
@@ -30,10 +30,12 @@ export const Shimmer = ({
30
30
  }) => {
31
31
  const skeletonCustomStyles = {
32
32
  position: 'absolute',
33
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
33
34
  top: '50%',
35
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
34
36
  left: '50%',
35
37
  transform: 'translate(-50%, -50%)',
36
- marginRight: 4
38
+ marginRight: "var(--ds-space-050, 4px)"
37
39
  };
38
40
  return /*#__PURE__*/React.createElement(Skeleton, {
39
41
  width: 14,
package/dist/es2019/view/common/Metadata.js CHANGED
@@ -1,7 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
3
  import Tooltip from '@atlaskit/tooltip';
4
- import { gs } from './utils';
5
4
  import { N300 } from '@atlaskit/theme/colors';
6
5
  export const Metadata = ({
7
6
  text,
@@ -14,8 +13,8 @@ export const Metadata = ({
14
13
  metadataIcon = jsx("img", {
15
14
  src: iconUrl,
16
15
  css: {
17
- width: gs(1),
18
- height: gs(1)
16
+ width: "var(--ds-space-100, 8px)",
17
+ height: "var(--ds-space-100, 8px)"
19
18
  }
20
19
  });
21
20
  }
@@ -23,14 +22,14 @@ export const Metadata = ({
23
22
  css: {
24
23
  display: 'flex',
25
24
  alignItems: 'center',
26
- marginRight: gs(0.5)
25
+ marginRight: "var(--ds-space-050, 4px)"
27
26
  }
28
27
  }, metadataIcon, jsx("span", {
29
28
  css: {
30
- fontSize: gs(1.5),
29
+ fontSize: "var(--ds-space-150, 12px)",
31
30
  color: `${`var(--ds-text-subtlest, ${N300})`}`,
32
- marginRight: gs(0.5),
33
- marginLeft: '2px'
31
+ marginRight: "var(--ds-space-050, 4px)",
32
+ marginLeft: "var(--ds-space-025, 2px)"
34
33
  }
35
34
  }, text));
36
35
  if (tooltip) {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.5.9",
3
+ "version": "26.5.10",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/view/EmbedCard/views/UnresolvedView.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage-spacing */
2
3
  /** @jsx jsx */
3
4
  import { jsx } from '@emotion/react';
4
5
  import Button from '@atlaskit/button/custom-theme-button';
package/dist/esm/view/InlineCard/Icon.js CHANGED
@@ -19,10 +19,12 @@ export var Shimmer = function Shimmer(_ref) {
19
19
  var testId = _ref.testId;
20
20
  var skeletonCustomStyles = {
21
21
  position: 'absolute',
22
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
22
23
  top: '50%',
24
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
23
25
  left: '50%',
24
26
  transform: 'translate(-50%, -50%)',
25
- marginRight: 4
27
+ marginRight: "var(--ds-space-050, 4px)"
26
28
  };
27
29
  return /*#__PURE__*/React.createElement(Skeleton, {
28
30
  width: 14,
package/dist/esm/view/common/Metadata.js CHANGED
@@ -1,7 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
3
  import Tooltip from '@atlaskit/tooltip';
4
- import { gs } from './utils';
5
4
  import { N300 } from '@atlaskit/theme/colors';
6
5
  export var Metadata = function Metadata(_ref) {
7
6
  var text = _ref.text,
@@ -13,8 +12,8 @@ export var Metadata = function Metadata(_ref) {
13
12
  metadataIcon = jsx("img", {
14
13
  src: iconUrl,
15
14
  css: {
16
- width: gs(1),
17
- height: gs(1)
15
+ width: "var(--ds-space-100, 8px)",
16
+ height: "var(--ds-space-100, 8px)"
18
17
  }
19
18
  });
20
19
  }
@@ -22,14 +21,14 @@ export var Metadata = function Metadata(_ref) {
22
21
  css: {
23
22
  display: 'flex',
24
23
  alignItems: 'center',
25
- marginRight: gs(0.5)
24
+ marginRight: "var(--ds-space-050, 4px)"
26
25
  }
27
26
  }, metadataIcon, jsx("span", {
28
27
  css: {
29
- fontSize: gs(1.5),
28
+ fontSize: "var(--ds-space-150, 12px)",
30
29
  color: "".concat("var(--ds-text-subtlest, ".concat(N300, ")")),
31
- marginRight: gs(0.5),
32
- marginLeft: '2px'
30
+ marginRight: "var(--ds-space-050, 4px)",
31
+ marginLeft: "var(--ds-space-025, 2px)"
33
32
  }
34
33
  }, text));
35
34
  if (tooltip) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.5.9",
3
+ "version": "26.5.10",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/avatar-group": "^9.3.0",
37
37
  "@atlaskit/button": "^16.7.0",
38
38
  "@atlaskit/dropdown-menu": "^11.9.0",
39
- "@atlaskit/frontend-utilities": "^2.6.0",
39
+ "@atlaskit/frontend-utilities": "^2.7.0",
40
40
  "@atlaskit/icon": "^21.12.0",
41
41
  "@atlaskit/icon-file-type": "^6.4.0",
42
42
  "@atlaskit/icon-object": "^6.3.0",