@atlaskit/smart-card 17.7.10 → 17.7.11

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/FlexibleCard/components/blocks/block/index.js +1 -1
  4. package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js +1 -0
  5. package/dist/cjs/view/FlexibleCard/components/elements/text/index.js +1 -0
  6. package/dist/es2019/version.json +1 -1
  7. package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js +5 -1
  8. package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js +1 -0
  9. package/dist/es2019/view/FlexibleCard/components/elements/text/index.js +1 -0
  10. package/dist/esm/version.json +1 -1
  11. package/dist/esm/view/FlexibleCard/components/blocks/block/index.js +2 -2
  12. package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js +1 -0
  13. package/dist/esm/view/FlexibleCard/components/elements/text/index.js +1 -0
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 17.7.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ca8c8db1440`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ca8c8db1440) - Flexible UI: Add separator between text/date-time elements
8
+
3
9
  ## 17.7.10
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": "17.7.10",
3
+ "version": "17.7.11",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js CHANGED
@@ -20,7 +20,7 @@ var _utils = require("../utils");
20
20
  var _templateObject;
21
21
 
22
22
  var getBlockStyles = function getBlockStyles(direction, size) {
23
- return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n justify-content: flex-start;\n"])), (0, _utils.getBaseStyles)(direction, size));
23
+ return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n justify-content: flex-start;\n [data-separator] + [data-separator]:before {\n content: '\u2022';\n margin-right: ", "rem;\n }\n"])), (0, _utils.getBaseStyles)(direction, size), (0, _utils.getGapSize)(size));
24
24
  };
25
25
 
26
26
  var Block = function Block(_ref) {
package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js CHANGED
@@ -55,6 +55,7 @@ var DateTime = function DateTime(_ref) {
55
55
  });
56
56
  return (0, _core.jsx)("span", {
57
57
  css: styles,
58
+ "data-separator": true,
58
59
  "data-smart-element-date-time": true,
59
60
  "data-testid": testId
60
61
  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type], {
package/dist/cjs/view/FlexibleCard/components/elements/text/index.js CHANGED
@@ -39,6 +39,7 @@ var Text = function Text(_ref) {
39
39
 
40
40
  return (0, _core.jsx)("span", {
41
41
  css: getStyles(maxLines, color),
42
+ "data-separator": true,
42
43
  "data-smart-element-text": true,
43
44
  "data-testid": testId
44
45
  }, (0, _utils.getFormattedMessage)(message) || content);
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "17.7.10",
3
+ "version": "17.7.11",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js CHANGED
@@ -2,11 +2,15 @@
2
2
  import React from 'react';
3
3
  import { css, jsx } from '@emotion/core';
4
4
  import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
5
- import { getBaseStyles, renderChildren } from '../utils';
5
+ import { getBaseStyles, getGapSize, renderChildren } from '../utils';
6
6
 
7
7
  const getBlockStyles = (direction, size) => css`
8
8
  ${getBaseStyles(direction, size)}
9
9
  justify-content: flex-start;
10
+ [data-separator] + [data-separator]:before {
11
+ content: '•';
12
+ margin-right: ${getGapSize(size)}rem;
13
+ }
10
14
  `;
11
15
 
12
16
  const Block = ({
package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js CHANGED
@@ -41,6 +41,7 @@ const DateTime = ({
41
41
  });
42
42
  return jsx("span", {
43
43
  css: styles,
44
+ "data-separator": true,
44
45
  "data-smart-element-date-time": true,
45
46
  "data-testid": testId
46
47
  }, jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type], {
package/dist/es2019/view/FlexibleCard/components/elements/text/index.js CHANGED
@@ -24,6 +24,7 @@ const Text = ({
24
24
 
25
25
  return jsx("span", {
26
26
  css: getStyles(maxLines, color),
27
+ "data-separator": true,
27
28
  "data-smart-element-text": true,
28
29
  "data-testid": testId
29
30
  }, getFormattedMessage(message) || content);
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "17.7.10",
3
+ "version": "17.7.11",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/view/FlexibleCard/components/blocks/block/index.js CHANGED
@@ -6,10 +6,10 @@ var _templateObject;
6
6
  import React from 'react';
7
7
  import { css, jsx } from '@emotion/core';
8
8
  import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
9
- import { getBaseStyles, renderChildren } from '../utils';
9
+ import { getBaseStyles, getGapSize, renderChildren } from '../utils';
10
10
 
11
11
  var getBlockStyles = function getBlockStyles(direction, size) {
12
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n justify-content: flex-start;\n"])), getBaseStyles(direction, size));
12
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n justify-content: flex-start;\n [data-separator] + [data-separator]:before {\n content: '\u2022';\n margin-right: ", "rem;\n }\n"])), getBaseStyles(direction, size), getGapSize(size));
13
13
  };
14
14
 
15
15
  var Block = function Block(_ref) {
package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js CHANGED
@@ -39,6 +39,7 @@ var DateTime = function DateTime(_ref) {
39
39
  });
40
40
  return jsx("span", {
41
41
  css: styles,
42
+ "data-separator": true,
42
43
  "data-smart-element-date-time": true,
43
44
  "data-testid": testId
44
45
  }, jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type], {
package/dist/esm/view/FlexibleCard/components/elements/text/index.js CHANGED
@@ -28,6 +28,7 @@ var Text = function Text(_ref) {
28
28
 
29
29
  return jsx("span", {
30
30
  css: getStyles(maxLines, color),
31
+ "data-separator": true,
31
32
  "data-smart-element-text": true,
32
33
  "data-testid": testId
33
34
  }, getFormattedMessage(message) || content);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "17.7.10",
3
+ "version": "17.7.11",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/logo": "^13.5.0",
37
37
  "@atlaskit/lozenge": "^11.1.0",
38
38
  "@atlaskit/media-common": "^2.11.0",
39
- "@atlaskit/media-ui": "^20.0.0",
39
+ "@atlaskit/media-ui": "^20.1.0",
40
40
  "@atlaskit/modal-dialog": "^12.2.0",
41
41
  "@atlaskit/outbound-auth-flow-client": "^3.3.0",
42
42
  "@atlaskit/spinner": "^15.1.0",