@atlaskit/renderer 109.13.0 → 109.13.1
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 +6 -0
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/cjs/ui/Renderer/style.js +1 -2
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/Renderer/style.js +31 -32
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/Renderer/style.js +1 -2
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 109.13.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#86408](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86408) [`6bff86c31d81`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6bff86c31d81) - Clean up feature flag for increasing visibility of table scroll shadows
|
|
8
|
+
|
|
3
9
|
## 109.13.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -55,7 +55,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
55
55
|
var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
56
56
|
var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
57
57
|
var packageName = "@atlaskit/renderer";
|
|
58
|
-
var packageVersion = "109.13.
|
|
58
|
+
var packageVersion = "109.13.1";
|
|
59
59
|
var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
60
60
|
(0, _inherits2.default)(Renderer, _PureComponent);
|
|
61
61
|
var _super = _createSuper(Renderer);
|
|
@@ -13,7 +13,6 @@ var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
|
13
13
|
var colors = _colors;
|
|
14
14
|
var _typography = require("@atlaskit/theme/typography");
|
|
15
15
|
var _tokens = require("@atlaskit/tokens");
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _mediaInline = require("@atlaskit/editor-common/media-inline");
|
|
18
17
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
19
18
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
@@ -104,7 +103,7 @@ var breakoutWidthStyle = function breakoutWidthStyle() {
|
|
|
104
103
|
return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n *:not([data-mark-type='fragment'])\n .", " {\n // TODO - improve inline style logic on table container so important styles aren't required here\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment'] * .", " {\n // TODO - improve inline style logic on table container so important styles aren't required here\n width: 100% !important;\n left: 0 !important;\n }\n "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
|
|
105
104
|
};
|
|
106
105
|
var getShadowOverrides = function getShadowOverrides() {
|
|
107
|
-
return (0,
|
|
106
|
+
return (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n /** Shadow overrides */\n &.", "::after,\n &.", "::before {\n width: ", "px;\n background: linear-gradient(\n to left,\n transparent 0,\n ", " 140%\n ),\n linear-gradient(\n to right,\n ", " 0px,\n transparent 1px\n );\n }\n\n &.", "::after {\n background: linear-gradient(\n to right,\n transparent 0,\n ", " 140%\n ),\n linear-gradient(\n to left,\n ", " 0px,\n transparent 1px\n );\n right: 0px;\n }\n "])), _ui.shadowClassNames.RIGHT_SHADOW, _ui.shadowClassNames.LEFT_SHADOW, tableShadowWidth, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", _ui.shadowClassNames.RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)");
|
|
108
107
|
};
|
|
109
108
|
var rendererStyles = exports.rendererStyles = function rendererStyles(wrapperProps) {
|
|
110
109
|
return function (theme) {
|
|
@@ -36,7 +36,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
|
|
|
36
36
|
export const NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
37
37
|
export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
38
38
|
const packageName = "@atlaskit/renderer";
|
|
39
|
-
const packageVersion = "109.13.
|
|
39
|
+
const packageVersion = "109.13.1";
|
|
40
40
|
export class Renderer extends PureComponent {
|
|
41
41
|
constructor(props) {
|
|
42
42
|
super(props);
|
|
@@ -5,7 +5,6 @@ import { fontFamily, fontSize } from '@atlaskit/theme/constants';
|
|
|
5
5
|
import * as colors from '@atlaskit/theme/colors';
|
|
6
6
|
import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
|
|
7
7
|
import { getGlobalTheme } from '@atlaskit/tokens';
|
|
8
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
|
|
10
9
|
import { tableSharedStyle, columnLayoutSharedStyle, blockquoteSharedStyles, headingsSharedStyles, ruleSharedStyles, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, mediaSingleSharedStyle, TableSharedCssClassName, tableMarginTop, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, richMediaClassName, tasksAndDecisionsStyles, smartCardSharedStyles, tableCellPadding, textColorStyles, codeBlockInListSafariFix, SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
11
10
|
import { shadowClassNames } from '@atlaskit/editor-common/ui';
|
|
@@ -360,37 +359,37 @@ const breakoutWidthStyle = () => {
|
|
|
360
359
|
`;
|
|
361
360
|
};
|
|
362
361
|
const getShadowOverrides = () => {
|
|
363
|
-
return
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
362
|
+
return css`
|
|
363
|
+
/** Shadow overrides */
|
|
364
|
+
&.${shadowClassNames.RIGHT_SHADOW}::after,
|
|
365
|
+
&.${shadowClassNames.LEFT_SHADOW}::before {
|
|
366
|
+
width: ${tableShadowWidth}px;
|
|
367
|
+
background: linear-gradient(
|
|
368
|
+
to left,
|
|
369
|
+
transparent 0,
|
|
370
|
+
${`var(--ds-shadow-overflow-spread, ${N40A})`} 140%
|
|
371
|
+
),
|
|
372
|
+
linear-gradient(
|
|
373
|
+
to right,
|
|
374
|
+
${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px,
|
|
375
|
+
transparent 1px
|
|
376
|
+
);
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
&.${shadowClassNames.RIGHT_SHADOW}::after {
|
|
380
|
+
background: linear-gradient(
|
|
381
|
+
to right,
|
|
382
|
+
transparent 0,
|
|
383
|
+
${`var(--ds-shadow-overflow-spread, ${N40A})`} 140%
|
|
384
|
+
),
|
|
385
|
+
linear-gradient(
|
|
386
|
+
to left,
|
|
387
|
+
${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px,
|
|
388
|
+
transparent 1px
|
|
389
|
+
);
|
|
390
|
+
right: 0px;
|
|
391
|
+
}
|
|
392
|
+
`;
|
|
394
393
|
};
|
|
395
394
|
export const rendererStyles = wrapperProps => theme => {
|
|
396
395
|
// This is required to be compatible with styled-components prop structure.
|
|
@@ -46,7 +46,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
|
|
|
46
46
|
export var NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
47
47
|
export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
48
48
|
var packageName = "@atlaskit/renderer";
|
|
49
|
-
var packageVersion = "109.13.
|
|
49
|
+
var packageVersion = "109.13.1";
|
|
50
50
|
export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
51
51
|
_inherits(Renderer, _PureComponent);
|
|
52
52
|
var _super = _createSuper(Renderer);
|
|
@@ -7,7 +7,6 @@ import { fontFamily, fontSize } from '@atlaskit/theme/constants';
|
|
|
7
7
|
import * as colors from '@atlaskit/theme/colors';
|
|
8
8
|
import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
|
|
9
9
|
import { getGlobalTheme } from '@atlaskit/tokens';
|
|
10
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
|
|
12
11
|
import { tableSharedStyle, columnLayoutSharedStyle, blockquoteSharedStyles, headingsSharedStyles, ruleSharedStyles, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, mediaSingleSharedStyle, TableSharedCssClassName, tableMarginTop, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, richMediaClassName, tasksAndDecisionsStyles, smartCardSharedStyles, tableCellPadding, textColorStyles, codeBlockInListSafariFix, SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
13
12
|
import { shadowClassNames } from '@atlaskit/editor-common/ui';
|
|
@@ -96,7 +95,7 @@ var breakoutWidthStyle = function breakoutWidthStyle() {
|
|
|
96
95
|
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n *:not([data-mark-type='fragment'])\n .", " {\n // TODO - improve inline style logic on table container so important styles aren't required here\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment'] * .", " {\n // TODO - improve inline style logic on table container so important styles aren't required here\n width: 100% !important;\n left: 0 !important;\n }\n "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
|
|
97
96
|
};
|
|
98
97
|
var getShadowOverrides = function getShadowOverrides() {
|
|
99
|
-
return
|
|
98
|
+
return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n /** Shadow overrides */\n &.", "::after,\n &.", "::before {\n width: ", "px;\n background: linear-gradient(\n to left,\n transparent 0,\n ", " 140%\n ),\n linear-gradient(\n to right,\n ", " 0px,\n transparent 1px\n );\n }\n\n &.", "::after {\n background: linear-gradient(\n to right,\n transparent 0,\n ", " 140%\n ),\n linear-gradient(\n to left,\n ", " 0px,\n transparent 1px\n );\n right: 0px;\n }\n "])), shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableShadowWidth, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", shadowClassNames.RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)");
|
|
100
99
|
};
|
|
101
100
|
export var rendererStyles = function rendererStyles(wrapperProps) {
|
|
102
101
|
return function (theme) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "109.13.
|
|
3
|
+
"version": "109.13.1",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@atlaskit/status": "^1.4.0",
|
|
52
52
|
"@atlaskit/task-decision": "^17.9.0",
|
|
53
53
|
"@atlaskit/theme": "^12.7.0",
|
|
54
|
-
"@atlaskit/tokens": "^1.
|
|
54
|
+
"@atlaskit/tokens": "^1.43.0",
|
|
55
55
|
"@atlaskit/tooltip": "^18.1.0",
|
|
56
56
|
"@babel/runtime": "^7.0.0",
|
|
57
57
|
"@emotion/react": "^11.7.1",
|
|
@@ -121,9 +121,6 @@
|
|
|
121
121
|
"platform.editor.custom-table-width": {
|
|
122
122
|
"type": "boolean"
|
|
123
123
|
},
|
|
124
|
-
"platform.editor.table.increase-shadow-visibility_lh89r": {
|
|
125
|
-
"type": "boolean"
|
|
126
|
-
},
|
|
127
124
|
"platform.media-experience.media-viewer-v2_hgsii": {
|
|
128
125
|
"type": "boolean",
|
|
129
126
|
"referenceOnly": "true"
|