@atlaskit/editor-plugin-selection-marker 8.0.10 → 8.0.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/ui/selection-decoration.js +2 -2
- package/dist/cjs/ui/widget-decoration.js +2 -3
- package/dist/es2019/ui/selection-decoration.js +3 -3
- package/dist/es2019/ui/widget-decoration.js +2 -3
- package/dist/esm/ui/selection-decoration.js +2 -2
- package/dist/esm/ui/widget-decoration.js +2 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-selection-marker
|
|
2
2
|
|
|
3
|
+
## 8.0.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
|
|
8
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 8.0.10
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.selectionDecoration = void 0;
|
|
7
7
|
var _view = require("@atlaskit/editor-prosemirror/view");
|
|
8
|
-
var decorationStyle = "\n background-color: ".concat("var(--ds-background-neutral, #
|
|
9
|
-
var decorationHighlightStyle = "\n background-color: ".concat("var(--ds-background-accent-blue-subtlest, #
|
|
8
|
+
var decorationStyle = "\n background-color: ".concat("var(--ds-background-neutral, #0515240F)", ";\n ");
|
|
9
|
+
var decorationHighlightStyle = "\n background-color: ".concat("var(--ds-background-accent-blue-subtlest, #E9F2FE)", ";\n border-bottom: ", "var(--ds-border-width-selected, 2px)", " solid ", "var(--ds-background-accent-blue-subtler, #CFE1FD)", ";\n ");
|
|
10
10
|
var selectionDecoration = exports.selectionDecoration = function selectionDecoration(doc, selection, isHighlight) {
|
|
11
11
|
var selectionDecorations = [];
|
|
12
12
|
doc.nodesBetween(selection.from, selection.to, function (currentNode, nodePos) {
|
|
@@ -8,7 +8,6 @@ exports.createWidgetDecoration = void 0;
|
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
10
10
|
var _view = require("@atlaskit/editor-prosemirror/view");
|
|
11
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
12
11
|
/**
|
|
13
12
|
* @jsxRuntime classic
|
|
14
13
|
* @jsx jsx
|
|
@@ -34,7 +33,7 @@ var selectionMarkerHighlightStyles = {
|
|
|
34
33
|
var selectionMarkerBlockCursorStyles = {
|
|
35
34
|
content: "''",
|
|
36
35
|
position: 'absolute',
|
|
37
|
-
background: "var(--ds-text,
|
|
36
|
+
background: "var(--ds-text, #292A2E)",
|
|
38
37
|
width: '1px',
|
|
39
38
|
display: 'inline-block',
|
|
40
39
|
top: "var(--ds-space-0, 0px)",
|
|
@@ -51,7 +50,7 @@ var selectionMarkerInlineCursorStyles = {
|
|
|
51
50
|
content: "''",
|
|
52
51
|
position: 'relative',
|
|
53
52
|
pointerEvents: 'none',
|
|
54
|
-
borderLeft: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-text,
|
|
53
|
+
borderLeft: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-text, #292A2E)"),
|
|
55
54
|
marginLeft: '-1px',
|
|
56
55
|
left: '0.5px'
|
|
57
56
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Decoration } from '@atlaskit/editor-prosemirror/view';
|
|
2
2
|
const decorationStyle = `
|
|
3
|
-
background-color: ${"var(--ds-background-neutral, #
|
|
3
|
+
background-color: ${"var(--ds-background-neutral, #0515240F)"};
|
|
4
4
|
`;
|
|
5
5
|
const decorationHighlightStyle = `
|
|
6
|
-
background-color: ${"var(--ds-background-accent-blue-subtlest, #
|
|
7
|
-
border-bottom: ${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-background-accent-blue-subtler, #
|
|
6
|
+
background-color: ${"var(--ds-background-accent-blue-subtlest, #E9F2FE)"};
|
|
7
|
+
border-bottom: ${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-background-accent-blue-subtler, #CFE1FD)"};
|
|
8
8
|
`;
|
|
9
9
|
export const selectionDecoration = (doc, selection, isHighlight) => {
|
|
10
10
|
const selectionDecorations = [];
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
|
|
6
6
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
7
7
|
import { Decoration } from '@atlaskit/editor-prosemirror/view';
|
|
8
|
-
import { N500 } from '@atlaskit/theme/colors';
|
|
9
8
|
const selectionMarkerHighlightStyles = {
|
|
10
9
|
content: "''",
|
|
11
10
|
position: 'absolute',
|
|
@@ -26,7 +25,7 @@ const selectionMarkerHighlightStyles = {
|
|
|
26
25
|
const selectionMarkerBlockCursorStyles = {
|
|
27
26
|
content: "''",
|
|
28
27
|
position: 'absolute',
|
|
29
|
-
background:
|
|
28
|
+
background: "var(--ds-text, #292A2E)",
|
|
30
29
|
width: '1px',
|
|
31
30
|
display: 'inline-block',
|
|
32
31
|
top: "var(--ds-space-0, 0px)",
|
|
@@ -43,7 +42,7 @@ const selectionMarkerInlineCursorStyles = {
|
|
|
43
42
|
content: "''",
|
|
44
43
|
position: 'relative',
|
|
45
44
|
pointerEvents: 'none',
|
|
46
|
-
borderLeft: `${"var(--ds-border-width, 1px)"} solid ${
|
|
45
|
+
borderLeft: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-text, #292A2E)"}`,
|
|
47
46
|
marginLeft: '-1px',
|
|
48
47
|
left: '0.5px'
|
|
49
48
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Decoration } from '@atlaskit/editor-prosemirror/view';
|
|
2
|
-
var decorationStyle = "\n background-color: ".concat("var(--ds-background-neutral, #
|
|
3
|
-
var decorationHighlightStyle = "\n background-color: ".concat("var(--ds-background-accent-blue-subtlest, #
|
|
2
|
+
var decorationStyle = "\n background-color: ".concat("var(--ds-background-neutral, #0515240F)", ";\n ");
|
|
3
|
+
var decorationHighlightStyle = "\n background-color: ".concat("var(--ds-background-accent-blue-subtlest, #E9F2FE)", ";\n border-bottom: ", "var(--ds-border-width-selected, 2px)", " solid ", "var(--ds-background-accent-blue-subtler, #CFE1FD)", ";\n ");
|
|
4
4
|
export var selectionDecoration = function selectionDecoration(doc, selection, isHighlight) {
|
|
5
5
|
var selectionDecorations = [];
|
|
6
6
|
doc.nodesBetween(selection.from, selection.to, function (currentNode, nodePos) {
|
|
@@ -6,7 +6,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
6
6
|
|
|
7
7
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
8
8
|
import { Decoration } from '@atlaskit/editor-prosemirror/view';
|
|
9
|
-
import { N500 } from '@atlaskit/theme/colors';
|
|
10
9
|
var selectionMarkerHighlightStyles = {
|
|
11
10
|
content: "''",
|
|
12
11
|
position: 'absolute',
|
|
@@ -27,7 +26,7 @@ var selectionMarkerHighlightStyles = {
|
|
|
27
26
|
var selectionMarkerBlockCursorStyles = {
|
|
28
27
|
content: "''",
|
|
29
28
|
position: 'absolute',
|
|
30
|
-
background: "var(--ds-text,
|
|
29
|
+
background: "var(--ds-text, #292A2E)",
|
|
31
30
|
width: '1px',
|
|
32
31
|
display: 'inline-block',
|
|
33
32
|
top: "var(--ds-space-0, 0px)",
|
|
@@ -44,7 +43,7 @@ var selectionMarkerInlineCursorStyles = {
|
|
|
44
43
|
content: "''",
|
|
45
44
|
position: 'relative',
|
|
46
45
|
pointerEvents: 'none',
|
|
47
|
-
borderLeft: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-text,
|
|
46
|
+
borderLeft: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-text, #292A2E)"),
|
|
48
47
|
marginLeft: '-1px',
|
|
49
48
|
left: '0.5px'
|
|
50
49
|
};
|