@atlaskit/editor-plugin-guideline 0.3.7 → 0.3.9

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-guideline
 
+## 0.3.9
+
+### Patch Changes
+
+- [`75fe8860154`](https://bitbucket.org/atlassian/atlassian-frontend/commits/75fe8860154) - Update styles of guidelines so they align correctly
+
+## 0.3.8
+
+### Patch Changes
+
+- [`936c30f8dc9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/936c30f8dc9) - support new image resize experience under feature flag
+- Updated dependencies
+
 ## 0.3.7
 
 ### Patch Changes

package/dist/cjs/guideline.js

@@ -23,14 +23,12 @@ var basicGuidelineStyles = (0, _react.css)({
 var verticalStyles = (0, _react.css)({
   borderWidth: "0 0 0 1px",
   width: '1px',
-  height: '100%',
-  transform: 'translateX(-50%)'
+  height: '100%'
 });
 var horizontalStyles = (0, _react.css)({
   borderWidth: "1px 0 0 0",
   width: '100%',
-  height: '1px',
-  transform: 'translateY(-50%)'
+  height: '1px'
 });
 var activeGuidelineStyles = (0, _react.css)({
   borderColor: "var(--ds-border-focused, ".concat(_colors.B200, ")"),

package/dist/cjs/utils.js

@@ -15,7 +15,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
  */
 var getEditorCenterX = function getEditorCenterX(editorView) {
   var editorRect = editorView.dom.getBoundingClientRect();
-  return editorRect.width / 2 + editorRect.x;
+  return Math.round(editorRect.width / 2 + editorRect.x);
 };
 exports.getEditorCenterX = getEditorCenterX;
 var defaultGrids = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-guideline",
-	"version": "0.3.7",
+	"version": "0.3.9",
 	"sideEffects": false
 }

package/dist/es2019/guideline.js

@@ -14,14 +14,12 @@ const basicGuidelineStyles = css({
 const verticalStyles = css({
   borderWidth: `0 0 0 1px`,
   width: '1px',
-  height: '100%',
-  transform: 'translateX(-50%)'
+  height: '100%'
 });
 const horizontalStyles = css({
   borderWidth: `1px 0 0 0`,
   width: '100%',
-  height: '1px',
-  transform: 'translateY(-50%)'
+  height: '1px'
 });
 const activeGuidelineStyles = css({
   borderColor: `var(--ds-border-focused, ${B200})`,

package/dist/es2019/utils.js

@@ -7,7 +7,7 @@ import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthL
  */
 export const getEditorCenterX = editorView => {
   const editorRect = editorView.dom.getBoundingClientRect();
-  return editorRect.width / 2 + editorRect.x;
+  return Math.round(editorRect.width / 2 + editorRect.x);
 };
 const defaultGrids = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];
 export const innerGuidelines = (editorContainerWidth, editorWidth = akEditorDefaultLayoutWidth) => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-guideline",
-	"version": "0.3.7",
+	"version": "0.3.9",
 	"sideEffects": false
 }

package/dist/esm/guideline.js

@@ -17,14 +17,12 @@ var basicGuidelineStyles = css({
 var verticalStyles = css({
   borderWidth: "0 0 0 1px",
   width: '1px',
-  height: '100%',
-  transform: 'translateX(-50%)'
+  height: '100%'
 });
 var horizontalStyles = css({
   borderWidth: "1px 0 0 0",
   width: '100%',
-  height: '1px',
-  transform: 'translateY(-50%)'
+  height: '1px'
 });
 var activeGuidelineStyles = css({
   borderColor: "var(--ds-border-focused, ".concat(B200, ")"),

package/dist/esm/utils.js

@@ -8,7 +8,7 @@ import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthL
  */
 export var getEditorCenterX = function getEditorCenterX(editorView) {
   var editorRect = editorView.dom.getBoundingClientRect();
-  return editorRect.width / 2 + editorRect.x;
+  return Math.round(editorRect.width / 2 + editorRect.x);
 };
 var defaultGrids = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6];
 export var innerGuidelines = function innerGuidelines(editorContainerWidth) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-guideline",
-	"version": "0.3.7",
+	"version": "0.3.9",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -1,2 +1 @@
 export { guidelinePlugin } from './plugin';
-export type { GuidelineConfig } from './types';

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1 @@
 export { guidelinePlugin } from './plugin';
-export type { GuidelineConfig } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-guideline",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "description": "guideline plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -23,12 +23,12 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^74.29.0",
+    "@atlaskit/editor-common": "^74.34.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
     "@atlaskit/editor-prosemirror": "1.0.2",
     "@atlaskit/editor-shared-styles": "^2.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.13.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md

@@ -16,13 +16,10 @@
 
 ```ts
 import { DisplayGuideline } from '@atlaskit/editor-common/guideline';
-import { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 import { GuidelinePluginState } from '@atlaskit/editor-common/guideline';
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 
-export { GuidelineConfig };
-
 // @public (undocumented)
 export const guidelinePlugin: NextEditorPlugin<
   'guideline',

package/tmp/api-report-tmp.d.ts

@@ -5,13 +5,10 @@
 ```ts
 
 import { DisplayGuideline } from '@atlaskit/editor-common/guideline';
-import { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 import { GuidelinePluginState } from '@atlaskit/editor-common/guideline';
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 
-export { GuidelineConfig }
-
 // @public (undocumented)
 export const guidelinePlugin: NextEditorPlugin<'guideline', {
     dependencies: [typeof widthPlugin];