@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 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
@@ -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 Math.round(editorRect.width / 2 + editorRect.x);
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];
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-guideline",
3
- "version": "0.3.9",
3
+ "version": "0.3.11",
4
4
  "sideEffects": false
5
5
  }
@@ -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',
@@ -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 Math.round(editorRect.width / 2 + editorRect.x);
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) => {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-guideline",
3
- "version": "0.3.9",
3
+ "version": "0.3.11",
4
4
  "sideEffects": false
5
5
  }
@@ -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 Math.round(editorRect.width / 2 + editorRect.x);
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) {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-guideline",
3
- "version": "0.3.9",
3
+ "version": "0.3.11",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-guideline",
3
- "version": "0.3.9",
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.34.0",
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.5.0",
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",