@atlaskit/editor-plugin-guideline 0.3.9 → 0.3.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 +14 -0
- package/dist/cjs/guideline.js +3 -3
- package/dist/cjs/utils.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/guideline.js +3 -3
- package/dist/es2019/utils.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/guideline.js +3 -3
- package/dist/esm/utils.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-guideline
|
|
2
2
|
|
|
3
|
+
## 0.3.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`c46821ab461`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c46821ab461) - Update guideline colour to color.border.disabled to provide more contrast against table borders
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
10
|
+
## 0.3.10
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`8b9fec4c803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b9fec4c803) - [ux] improve guidelines styles left position
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 0.3.9
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/guideline.js
CHANGED
|
@@ -17,7 +17,7 @@ var basicGuidelineStyles = (0, _react.css)({
|
|
|
17
17
|
zIndex: 0,
|
|
18
18
|
opacity: 1,
|
|
19
19
|
transition: 'border-color 0.15s linear, opacity 0.15s linear',
|
|
20
|
-
borderColor: "".concat("var(--ds-border, ".concat(_colors.N30A, ")")),
|
|
20
|
+
borderColor: "".concat("var(--ds-border-disabled, ".concat(_colors.N30A, ")")),
|
|
21
21
|
borderStyle: 'solid'
|
|
22
22
|
});
|
|
23
23
|
var verticalStyles = (0, _react.css)({
|
|
@@ -44,7 +44,7 @@ var dashedGuidelineStyles = (0, _react.css)({
|
|
|
44
44
|
});
|
|
45
45
|
var verticalCapStyles = (0, _react.css)({
|
|
46
46
|
'&:before, &:after': {
|
|
47
|
-
backgroundColor: "var(--ds-border, ".concat(_colors.N30A, ")"),
|
|
47
|
+
backgroundColor: "var(--ds-border-disabled, ".concat(_colors.N30A, ")"),
|
|
48
48
|
content: '""',
|
|
49
49
|
position: 'absolute',
|
|
50
50
|
height: '10px',
|
|
@@ -57,7 +57,7 @@ var verticalCapStyles = (0, _react.css)({
|
|
|
57
57
|
});
|
|
58
58
|
var horizontalCapStyles = (0, _react.css)({
|
|
59
59
|
'&:before, &:after': {
|
|
60
|
-
backgroundColor: "".concat("var(--ds-border, ".concat(_colors.N30A, ")")),
|
|
60
|
+
backgroundColor: "".concat("var(--ds-border-disabled, ".concat(_colors.N30A, ")")),
|
|
61
61
|
content: '""',
|
|
62
62
|
position: 'absolute',
|
|
63
63
|
height: '1px',
|
package/dist/cjs/utils.js
CHANGED
|
@@ -15,7 +15,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
15
15
|
*/
|
|
16
16
|
var getEditorCenterX = function getEditorCenterX(editorView) {
|
|
17
17
|
var editorRect = editorView.dom.getBoundingClientRect();
|
|
18
|
-
return
|
|
18
|
+
return editorRect.width / 2 + editorRect.x - 0.5;
|
|
19
19
|
};
|
|
20
20
|
exports.getEditorCenterX = getEditorCenterX;
|
|
21
21
|
var defaultGrids = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/guideline.js
CHANGED
|
@@ -8,7 +8,7 @@ const basicGuidelineStyles = css({
|
|
|
8
8
|
zIndex: 0,
|
|
9
9
|
opacity: 1,
|
|
10
10
|
transition: 'border-color 0.15s linear, opacity 0.15s linear',
|
|
11
|
-
borderColor: `${`var(--ds-border, ${N30A})`}`,
|
|
11
|
+
borderColor: `${`var(--ds-border-disabled, ${N30A})`}`,
|
|
12
12
|
borderStyle: 'solid'
|
|
13
13
|
});
|
|
14
14
|
const verticalStyles = css({
|
|
@@ -35,7 +35,7 @@ const dashedGuidelineStyles = css({
|
|
|
35
35
|
});
|
|
36
36
|
const verticalCapStyles = css({
|
|
37
37
|
'&:before, &:after': {
|
|
38
|
-
backgroundColor: `var(--ds-border, ${N30A})`,
|
|
38
|
+
backgroundColor: `var(--ds-border-disabled, ${N30A})`,
|
|
39
39
|
content: '""',
|
|
40
40
|
position: 'absolute',
|
|
41
41
|
height: '10px',
|
|
@@ -48,7 +48,7 @@ const verticalCapStyles = css({
|
|
|
48
48
|
});
|
|
49
49
|
const horizontalCapStyles = css({
|
|
50
50
|
'&:before, &:after': {
|
|
51
|
-
backgroundColor: `${`var(--ds-border, ${N30A})`}`,
|
|
51
|
+
backgroundColor: `${`var(--ds-border-disabled, ${N30A})`}`,
|
|
52
52
|
content: '""',
|
|
53
53
|
position: 'absolute',
|
|
54
54
|
height: '1px',
|
package/dist/es2019/utils.js
CHANGED
|
@@ -7,7 +7,7 @@ import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthL
|
|
|
7
7
|
*/
|
|
8
8
|
export const getEditorCenterX = editorView => {
|
|
9
9
|
const editorRect = editorView.dom.getBoundingClientRect();
|
|
10
|
-
return
|
|
10
|
+
return editorRect.width / 2 + editorRect.x - 0.5;
|
|
11
11
|
};
|
|
12
12
|
const defaultGrids = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];
|
|
13
13
|
export const innerGuidelines = (editorContainerWidth, editorWidth = akEditorDefaultLayoutWidth) => {
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/guideline.js
CHANGED
|
@@ -11,7 +11,7 @@ var basicGuidelineStyles = css({
|
|
|
11
11
|
zIndex: 0,
|
|
12
12
|
opacity: 1,
|
|
13
13
|
transition: 'border-color 0.15s linear, opacity 0.15s linear',
|
|
14
|
-
borderColor: "".concat("var(--ds-border, ".concat(N30A, ")")),
|
|
14
|
+
borderColor: "".concat("var(--ds-border-disabled, ".concat(N30A, ")")),
|
|
15
15
|
borderStyle: 'solid'
|
|
16
16
|
});
|
|
17
17
|
var verticalStyles = css({
|
|
@@ -38,7 +38,7 @@ var dashedGuidelineStyles = css({
|
|
|
38
38
|
});
|
|
39
39
|
var verticalCapStyles = css({
|
|
40
40
|
'&:before, &:after': {
|
|
41
|
-
backgroundColor: "var(--ds-border, ".concat(N30A, ")"),
|
|
41
|
+
backgroundColor: "var(--ds-border-disabled, ".concat(N30A, ")"),
|
|
42
42
|
content: '""',
|
|
43
43
|
position: 'absolute',
|
|
44
44
|
height: '10px',
|
|
@@ -51,7 +51,7 @@ var verticalCapStyles = css({
|
|
|
51
51
|
});
|
|
52
52
|
var horizontalCapStyles = css({
|
|
53
53
|
'&:before, &:after': {
|
|
54
|
-
backgroundColor: "".concat("var(--ds-border, ".concat(N30A, ")")),
|
|
54
|
+
backgroundColor: "".concat("var(--ds-border-disabled, ".concat(N30A, ")")),
|
|
55
55
|
content: '""',
|
|
56
56
|
position: 'absolute',
|
|
57
57
|
height: '1px',
|
package/dist/esm/utils.js
CHANGED
|
@@ -8,7 +8,7 @@ import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthL
|
|
|
8
8
|
*/
|
|
9
9
|
export var getEditorCenterX = function getEditorCenterX(editorView) {
|
|
10
10
|
var editorRect = editorView.dom.getBoundingClientRect();
|
|
11
|
-
return
|
|
11
|
+
return editorRect.width / 2 + editorRect.x - 0.5;
|
|
12
12
|
};
|
|
13
13
|
var defaultGrids = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];
|
|
14
14
|
export var innerGuidelines = function innerGuidelines(editorContainerWidth) {
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-guideline",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.11",
|
|
4
4
|
"description": "guideline plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
".": "./src/index.ts"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@atlaskit/editor-common": "^74.
|
|
26
|
+
"@atlaskit/editor-common": "^74.42.0",
|
|
27
27
|
"@atlaskit/editor-plugin-width": "^0.1.0",
|
|
28
28
|
"@atlaskit/editor-prosemirror": "1.0.2",
|
|
29
|
-
"@atlaskit/editor-shared-styles": "^2.
|
|
29
|
+
"@atlaskit/editor-shared-styles": "^2.6.0",
|
|
30
30
|
"@atlaskit/theme": "^12.5.0",
|
|
31
31
|
"@atlaskit/tokens": "^1.14.0",
|
|
32
32
|
"@babel/runtime": "^7.0.0",
|