@atlaskit/renderer 93.0.2 → 94.0.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 94.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 93.0.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`42d1107698a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42d1107698a) - [ux] ED-14913 Fix expand text in renderer dark mode
14
+
15
+ ## 93.0.3
16
+
17
+ ### Patch Changes
18
+
19
+ - [`dd0d549d232`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0d549d232) - [ux] ED-14943 Fix dark theme colors for annotations (inline comments) in renderer
20
+ - Updated dependencies
21
+
3
22
  ## 93.0.2
4
23
 
5
24
  ### Patch Changes
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/actions.js",
4
4
  "module": "../dist/esm/actions.js",
5
5
  "module:es2019": "../dist/es2019/actions.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/actions.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/consts.js",
4
4
  "module": "../dist/esm/consts.js",
5
5
  "module:es2019": "../dist/es2019/consts.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/consts.d.ts"
7
8
  }
@@ -53,7 +53,9 @@ var Container = function Container(props) {
53
53
  var sharedContainerStyles = _ui.sharedExpandStyles.containerStyles(props);
54
54
 
55
55
  var styles = function styles(themeProps) {
56
- return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles(themeProps), paddingBottom);
56
+ return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles({
57
+ theme: themeProps
58
+ }), paddingBottom);
57
59
  };
58
60
 
59
61
  return (0, _react2.jsx)("div", (0, _extends2.default)({
@@ -65,7 +67,9 @@ var TitleContainer = function TitleContainer(props) {
65
67
  var paddingBottom = "".concat(!props.expanded ? (0, _constants.gridSize)() : 0, "px");
66
68
 
67
69
  var styles = function styles(themeProps) {
68
- return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), _ui.sharedExpandStyles.titleContainerStyles(themeProps), (0, _constants.gridSize)(), paddingBottom);
70
+ return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), _ui.sharedExpandStyles.titleContainerStyles({
71
+ theme: themeProps
72
+ }), (0, _constants.gridSize)(), paddingBottom);
69
73
  };
70
74
 
71
75
  return (0, _react2.jsx)("button", (0, _extends2.default)({
@@ -81,7 +85,9 @@ var ContentContainer = function ContentContainer(props) {
81
85
  var visibility = props.expanded ? 'visible' : 'hidden';
82
86
 
83
87
  var styles = function styles(themeProps) {
84
- return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles(themeProps), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
88
+ return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles({
89
+ theme: themeProps
90
+ }), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
85
91
  };
86
92
 
87
93
  return (0, _react2.jsx)("div", (0, _extends2.default)({
@@ -36,7 +36,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
36
36
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
37
37
 
38
38
  var markStyles = function markStyles(props) {
39
- return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: inherit;\n background-color: unset;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &[data-mark-annotation-state='", "'] {\n ", ";\n\n &:focus,\n &[data-has-focus='true'] {\n ", ";\n }\n }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)(props).blur, (0, _styles.AnnotationSharedCSSByState)(props).focus);
39
+ return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: inherit;\n background-color: unset;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &[data-mark-annotation-state='", "'] {\n ", ";\n\n &:focus,\n &[data-has-focus='true'] {\n ", ";\n }\n }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)({
40
+ theme: props
41
+ }).blur, (0, _styles.AnnotationSharedCSSByState)({
42
+ theme: props
43
+ }).focus);
40
44
  };
41
45
 
42
46
  var MarkComponent = function MarkComponent(_ref) {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.2",
3
+ "version": "94.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -31,7 +31,9 @@ const Container = props => {
31
31
  const sharedContainerStyles = sharedExpandStyles.containerStyles(props);
32
32
 
33
33
  const styles = themeProps => css`
34
- ${sharedContainerStyles(themeProps)}
34
+ ${sharedContainerStyles({
35
+ theme: themeProps
36
+ })}
35
37
  padding: 0;
36
38
  padding-bottom: ${paddingBottom};
37
39
  `;
@@ -45,7 +47,9 @@ const TitleContainer = props => {
45
47
  const paddingBottom = `${!props.expanded ? gridSize() : 0}px`;
46
48
 
47
49
  const styles = themeProps => css`
48
- ${sharedExpandStyles.titleContainerStyles(themeProps)}
50
+ ${sharedExpandStyles.titleContainerStyles({
51
+ theme: themeProps
52
+ })}
49
53
  padding: ${gridSize()}px;
50
54
  padding-bottom: ${paddingBottom};
51
55
  `;
@@ -62,7 +66,9 @@ const ContentContainer = props => {
62
66
  const visibility = props.expanded ? 'visible' : 'hidden';
63
67
 
64
68
  const styles = themeProps => css`
65
- ${sharedContentStyles(themeProps)};
69
+ ${sharedContentStyles({
70
+ theme: themeProps
71
+ })};
66
72
  padding-right: ${gridSize() * 2}px;
67
73
  padding-left: ${gridSize() * 5 - gridSize() / 2}px;
68
74
  visibility: ${visibility};
@@ -12,11 +12,15 @@ const markStyles = props => css`
12
12
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13
13
 
14
14
  &[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}'] {
15
- ${AnnotationSharedCSSByState(props).blur};
15
+ ${AnnotationSharedCSSByState({
16
+ theme: props
17
+ }).blur};
16
18
 
17
19
  &:focus,
18
20
  &[data-has-focus='true'] {
19
- ${AnnotationSharedCSSByState(props).focus};
21
+ ${AnnotationSharedCSSByState({
22
+ theme: props
23
+ }).focus};
20
24
  }
21
25
  }
22
26
  `;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.2",
3
+ "version": "94.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -24,7 +24,9 @@ var Container = function Container(props) {
24
24
  var sharedContainerStyles = sharedExpandStyles.containerStyles(props);
25
25
 
26
26
  var styles = function styles(themeProps) {
27
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles(themeProps), paddingBottom);
27
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles({
28
+ theme: themeProps
29
+ }), paddingBottom);
28
30
  };
29
31
 
30
32
  return jsx("div", _extends({
@@ -36,7 +38,9 @@ var TitleContainer = function TitleContainer(props) {
36
38
  var paddingBottom = "".concat(!props.expanded ? gridSize() : 0, "px");
37
39
 
38
40
  var styles = function styles(themeProps) {
39
- return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), sharedExpandStyles.titleContainerStyles(themeProps), gridSize(), paddingBottom);
41
+ return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), sharedExpandStyles.titleContainerStyles({
42
+ theme: themeProps
43
+ }), gridSize(), paddingBottom);
40
44
  };
41
45
 
42
46
  return jsx("button", _extends({
@@ -51,7 +55,9 @@ var ContentContainer = function ContentContainer(props) {
51
55
  var visibility = props.expanded ? 'visible' : 'hidden';
52
56
 
53
57
  var styles = function styles(themeProps) {
54
- return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles(themeProps), gridSize() * 2, gridSize() * 5 - gridSize() / 2, visibility);
58
+ return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles({
59
+ theme: themeProps
60
+ }), gridSize() * 2, gridSize() * 5 - gridSize() / 2, visibility);
55
61
  };
56
62
 
57
63
  return jsx("div", _extends({
@@ -16,7 +16,11 @@ import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
16
16
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
17
17
 
18
18
  var markStyles = function markStyles(props) {
19
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: inherit;\n background-color: unset;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &[data-mark-annotation-state='", "'] {\n ", ";\n\n &:focus,\n &[data-has-focus='true'] {\n ", ";\n }\n }\n"])), AnnotationMarkStates.ACTIVE, AnnotationSharedCSSByState(props).blur, AnnotationSharedCSSByState(props).focus);
19
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: inherit;\n background-color: unset;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &[data-mark-annotation-state='", "'] {\n ", ";\n\n &:focus,\n &[data-has-focus='true'] {\n ", ";\n }\n }\n"])), AnnotationMarkStates.ACTIVE, AnnotationSharedCSSByState({
20
+ theme: props
21
+ }).blur, AnnotationSharedCSSByState({
22
+ theme: props
23
+ }).focus);
20
24
  };
21
25
 
22
26
  export var MarkComponent = function MarkComponent(_ref) {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.2",
3
+ "version": "94.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/messages.js",
4
4
  "module": "../dist/esm/messages.js",
5
5
  "module:es2019": "../dist/es2019/messages.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/messages.d.ts"
7
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.2",
3
+ "version": "94.0.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
57
57
  },
58
58
  "peerDependencies": {
59
59
  "@atlaskit/media-core": "^32.3.1",
60
- "@atlaskit/smart-card": "^18.0.14",
60
+ "@atlaskit/smart-card": "^19.0.0",
61
61
  "react": "^16.8.0",
62
62
  "react-dom": "^16.8.0"
63
63
  },
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/avatar": "^20.5.0",
67
67
  "@atlaskit/css-reset": "^6.3.0",
68
68
  "@atlaskit/docs": "*",
69
- "@atlaskit/editor-core": "^164.0.0",
69
+ "@atlaskit/editor-core": "^165.0.0",
70
70
  "@atlaskit/editor-test-helpers": "^17.0.0",
71
71
  "@atlaskit/logo": "^13.5.0",
72
72
  "@atlaskit/media-core": "^32.3.0",
@@ -77,7 +77,7 @@
77
77
  "@atlaskit/profilecard": "^16.4.0",
78
78
  "@atlaskit/radio": "^5.3.0",
79
79
  "@atlaskit/range": "^6.0.0",
80
- "@atlaskit/smart-card": "^18.0.0",
80
+ "@atlaskit/smart-card": "^19.0.0",
81
81
  "@atlaskit/ssr": "*",
82
82
  "@atlaskit/util-data-test": "^17.2.0",
83
83
  "@atlaskit/visual-regression": "*",
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/render-document.js",
4
4
  "module": "../dist/esm/render-document.js",
5
5
  "module:es2019": "../dist/es2019/render-document.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/render-document.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/renderer-context.js",
4
4
  "module": "../dist/esm/renderer-context.js",
5
5
  "module:es2019": "../dist/es2019/renderer-context.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/renderer-context.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/serializer.js",
4
4
  "module": "../dist/esm/serializer.js",
5
5
  "module:es2019": "../dist/es2019/serializer.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/serializer.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/text-serializer.js",
4
4
  "module": "../dist/esm/text-serializer.js",
5
5
  "module:es2019": "../dist/es2019/text-serializer.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/text-serializer.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/use-feature-flags.js",
4
4
  "module": "../dist/esm/use-feature-flags.js",
5
5
  "module:es2019": "../dist/es2019/use-feature-flags.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/use-feature-flags.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/utils.js",
4
4
  "module": "../dist/esm/utils.js",
5
5
  "module:es2019": "../dist/es2019/utils.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/utils.d.ts"
7
8
  }