@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 +19 -0
- package/actions/package.json +1 -0
- package/consts/package.json +1 -0
- package/dist/cjs/ui/Expand.js +9 -3
- package/dist/cjs/ui/annotations/element/mark.js +5 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/ui/Expand.js +9 -3
- package/dist/es2019/ui/annotations/element/mark.js +6 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/ui/Expand.js +9 -3
- package/dist/esm/ui/annotations/element/mark.js +5 -1
- package/dist/esm/version.json +1 -1
- package/messages/package.json +1 -0
- package/package.json +4 -4
- package/render-document/package.json +1 -0
- package/renderer-context/package.json +1 -0
- package/serializer/package.json +1 -0
- package/text-serializer/package.json +1 -0
- package/use-feature-flags/package.json +1 -0
- package/utils/package.json +1 -0
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
|
package/actions/package.json
CHANGED
package/consts/package.json
CHANGED
package/dist/cjs/ui/Expand.js
CHANGED
|
@@ -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(
|
|
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(
|
|
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(
|
|
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)(
|
|
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) {
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/ui/Expand.js
CHANGED
|
@@ -31,7 +31,9 @@ const Container = props => {
|
|
|
31
31
|
const sharedContainerStyles = sharedExpandStyles.containerStyles(props);
|
|
32
32
|
|
|
33
33
|
const styles = themeProps => css`
|
|
34
|
-
${sharedContainerStyles(
|
|
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(
|
|
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(
|
|
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(
|
|
15
|
+
${AnnotationSharedCSSByState({
|
|
16
|
+
theme: props
|
|
17
|
+
}).blur};
|
|
16
18
|
|
|
17
19
|
&:focus,
|
|
18
20
|
&[data-has-focus='true'] {
|
|
19
|
-
${AnnotationSharedCSSByState(
|
|
21
|
+
${AnnotationSharedCSSByState({
|
|
22
|
+
theme: props
|
|
23
|
+
}).focus};
|
|
20
24
|
}
|
|
21
25
|
}
|
|
22
26
|
`;
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/ui/Expand.js
CHANGED
|
@@ -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(
|
|
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(
|
|
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(
|
|
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(
|
|
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) {
|
package/dist/esm/version.json
CHANGED
package/messages/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "
|
|
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": "^
|
|
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": "^
|
|
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": "^
|
|
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": "*",
|
package/serializer/package.json
CHANGED