@atlaskit/editor-plugin-guideline 8.0.0 → 8.0.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 +8 -0
- package/dist/cjs/ui/guideline.js +6 -7
- package/dist/cjs/ui/guidelineContainer.js +1 -1
- package/dist/es2019/ui/guideline.js +6 -7
- package/dist/es2019/ui/guidelineContainer.js +1 -1
- package/dist/esm/ui/guideline.js +6 -7
- package/dist/esm/ui/guidelineContainer.js +1 -1
- package/package.json +3 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-guideline
|
|
2
2
|
|
|
3
|
+
## 8.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
|
|
8
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 8.0.0
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/dist/cjs/ui/guideline.js
CHANGED
|
@@ -8,19 +8,18 @@ exports.Guideline = void 0;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _guideline = require("@atlaskit/editor-common/guideline");
|
|
11
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
12
11
|
var _positionStyles = require("./positionStyles");
|
|
13
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
15
14
|
* @jsxRuntime classic
|
|
16
15
|
* @jsx jsx
|
|
17
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
16
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
18
17
|
var basicGuidelineStyles = (0, _react.css)({
|
|
19
18
|
position: 'absolute',
|
|
20
19
|
zIndex: 0,
|
|
21
20
|
opacity: 1,
|
|
22
21
|
transition: 'border-color 0.15s linear, opacity 0.15s linear',
|
|
23
|
-
borderColor: "
|
|
22
|
+
borderColor: "var(--ds-border-disabled, #0515240F)",
|
|
24
23
|
borderStyle: 'solid'
|
|
25
24
|
});
|
|
26
25
|
var verticalStyles = (0, _react.css)({
|
|
@@ -34,10 +33,10 @@ var horizontalStyles = (0, _react.css)({
|
|
|
34
33
|
height: '1px'
|
|
35
34
|
});
|
|
36
35
|
var activeGuidelineStyles = (0, _react.css)({
|
|
37
|
-
borderColor: "var(--ds-border-focused,
|
|
36
|
+
borderColor: "var(--ds-border-focused, #4688EC)",
|
|
38
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
39
38
|
'&:before, &:after': {
|
|
40
|
-
backgroundColor: "var(--ds-border-focused,
|
|
39
|
+
backgroundColor: "var(--ds-border-focused, #4688EC)"
|
|
41
40
|
}
|
|
42
41
|
});
|
|
43
42
|
var hiddenGuidelineStyles = (0, _react.css)({
|
|
@@ -49,7 +48,7 @@ var dashedGuidelineStyles = (0, _react.css)({
|
|
|
49
48
|
var verticalCapStyles = (0, _react.css)({
|
|
50
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
51
50
|
'&:before, &:after': {
|
|
52
|
-
backgroundColor: "var(--ds-border-disabled,
|
|
51
|
+
backgroundColor: "var(--ds-border-disabled, #0515240F)",
|
|
53
52
|
content: '""',
|
|
54
53
|
position: 'absolute',
|
|
55
54
|
height: '5px',
|
|
@@ -64,7 +63,7 @@ var verticalCapStyles = (0, _react.css)({
|
|
|
64
63
|
var horizontalCapStyles = (0, _react.css)({
|
|
65
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
66
65
|
'&:before, &:after': {
|
|
67
|
-
backgroundColor: "
|
|
66
|
+
backgroundColor: "var(--ds-border-disabled, #0515240F)",
|
|
68
67
|
content: '""',
|
|
69
68
|
position: 'absolute',
|
|
70
69
|
height: '1px',
|
|
@@ -19,7 +19,7 @@ var _excluded = ["key"];
|
|
|
19
19
|
* @jsxRuntime classic
|
|
20
20
|
* @jsx jsx
|
|
21
21
|
*/
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
23
23
|
var guidelineContainerStyles = (0, _react2.css)({
|
|
24
24
|
position: 'fixed',
|
|
25
25
|
height: '100vh',
|
|
@@ -2,17 +2,16 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
6
6
|
import { css, jsx } from '@emotion/react';
|
|
7
7
|
import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
|
|
8
|
-
import { B200, N30A } from '@atlaskit/theme/colors';
|
|
9
8
|
import { getPositionStyles } from './positionStyles';
|
|
10
9
|
const basicGuidelineStyles = css({
|
|
11
10
|
position: 'absolute',
|
|
12
11
|
zIndex: 0,
|
|
13
12
|
opacity: 1,
|
|
14
13
|
transition: 'border-color 0.15s linear, opacity 0.15s linear',
|
|
15
|
-
borderColor: `${
|
|
14
|
+
borderColor: `${"var(--ds-border-disabled, #0515240F)"}`,
|
|
16
15
|
borderStyle: 'solid'
|
|
17
16
|
});
|
|
18
17
|
const verticalStyles = css({
|
|
@@ -26,10 +25,10 @@ const horizontalStyles = css({
|
|
|
26
25
|
height: '1px'
|
|
27
26
|
});
|
|
28
27
|
const activeGuidelineStyles = css({
|
|
29
|
-
borderColor:
|
|
28
|
+
borderColor: "var(--ds-border-focused, #4688EC)",
|
|
30
29
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
31
30
|
'&:before, &:after': {
|
|
32
|
-
backgroundColor:
|
|
31
|
+
backgroundColor: "var(--ds-border-focused, #4688EC)"
|
|
33
32
|
}
|
|
34
33
|
});
|
|
35
34
|
const hiddenGuidelineStyles = css({
|
|
@@ -41,7 +40,7 @@ const dashedGuidelineStyles = css({
|
|
|
41
40
|
const verticalCapStyles = css({
|
|
42
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
43
42
|
'&:before, &:after': {
|
|
44
|
-
backgroundColor:
|
|
43
|
+
backgroundColor: "var(--ds-border-disabled, #0515240F)",
|
|
45
44
|
content: '""',
|
|
46
45
|
position: 'absolute',
|
|
47
46
|
height: '5px',
|
|
@@ -56,7 +55,7 @@ const verticalCapStyles = css({
|
|
|
56
55
|
const horizontalCapStyles = css({
|
|
57
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
58
57
|
'&:before, &:after': {
|
|
59
|
-
backgroundColor: `${
|
|
58
|
+
backgroundColor: `${"var(--ds-border-disabled, #0515240F)"}`,
|
|
60
59
|
content: '""',
|
|
61
60
|
position: 'absolute',
|
|
62
61
|
height: '1px',
|
|
@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
5
5
|
*/
|
|
6
6
|
import { useLayoutEffect, useRef, useState } from 'react';
|
|
7
7
|
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
11
11
|
import { VAR_POSITION_OFFSET_X, VAR_POSITION_OFFSET_Y } from './constants';
|
package/dist/esm/ui/guideline.js
CHANGED
|
@@ -5,17 +5,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
* @jsxRuntime classic
|
|
6
6
|
* @jsx jsx
|
|
7
7
|
*/
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
|
|
11
|
-
import { B200, N30A } from '@atlaskit/theme/colors';
|
|
12
11
|
import { getPositionStyles } from './positionStyles';
|
|
13
12
|
var basicGuidelineStyles = css({
|
|
14
13
|
position: 'absolute',
|
|
15
14
|
zIndex: 0,
|
|
16
15
|
opacity: 1,
|
|
17
16
|
transition: 'border-color 0.15s linear, opacity 0.15s linear',
|
|
18
|
-
borderColor: "
|
|
17
|
+
borderColor: "var(--ds-border-disabled, #0515240F)",
|
|
19
18
|
borderStyle: 'solid'
|
|
20
19
|
});
|
|
21
20
|
var verticalStyles = css({
|
|
@@ -29,10 +28,10 @@ var horizontalStyles = css({
|
|
|
29
28
|
height: '1px'
|
|
30
29
|
});
|
|
31
30
|
var activeGuidelineStyles = css({
|
|
32
|
-
borderColor: "var(--ds-border-focused,
|
|
31
|
+
borderColor: "var(--ds-border-focused, #4688EC)",
|
|
33
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
34
33
|
'&:before, &:after': {
|
|
35
|
-
backgroundColor: "var(--ds-border-focused,
|
|
34
|
+
backgroundColor: "var(--ds-border-focused, #4688EC)"
|
|
36
35
|
}
|
|
37
36
|
});
|
|
38
37
|
var hiddenGuidelineStyles = css({
|
|
@@ -44,7 +43,7 @@ var dashedGuidelineStyles = css({
|
|
|
44
43
|
var verticalCapStyles = css({
|
|
45
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
46
45
|
'&:before, &:after': {
|
|
47
|
-
backgroundColor: "var(--ds-border-disabled,
|
|
46
|
+
backgroundColor: "var(--ds-border-disabled, #0515240F)",
|
|
48
47
|
content: '""',
|
|
49
48
|
position: 'absolute',
|
|
50
49
|
height: '5px',
|
|
@@ -59,7 +58,7 @@ var verticalCapStyles = css({
|
|
|
59
58
|
var horizontalCapStyles = css({
|
|
60
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
61
60
|
'&:before, &:after': {
|
|
62
|
-
backgroundColor: "
|
|
61
|
+
backgroundColor: "var(--ds-border-disabled, #0515240F)",
|
|
63
62
|
content: '""',
|
|
64
63
|
position: 'absolute',
|
|
65
64
|
height: '1px',
|
|
@@ -9,7 +9,7 @@ var _excluded = ["key"];
|
|
|
9
9
|
*/
|
|
10
10
|
import { useLayoutEffect, useRef, useState } from 'react';
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
13
13
|
import { css, jsx } from '@emotion/react';
|
|
14
14
|
import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
15
15
|
import { VAR_POSITION_OFFSET_X, VAR_POSITION_OFFSET_Y } from './constants';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-guideline",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.1",
|
|
4
4
|
"description": "guideline plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -24,13 +24,12 @@
|
|
|
24
24
|
"@atlaskit/editor-plugin-width": "^9.0.0",
|
|
25
25
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
26
26
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
27
|
-
"@atlaskit/
|
|
28
|
-
"@atlaskit/tokens": "^11.1.0",
|
|
27
|
+
"@atlaskit/tokens": "^11.2.0",
|
|
29
28
|
"@babel/runtime": "^7.0.0",
|
|
30
29
|
"@emotion/react": "^11.7.1"
|
|
31
30
|
},
|
|
32
31
|
"peerDependencies": {
|
|
33
|
-
"@atlaskit/editor-common": "^112.
|
|
32
|
+
"@atlaskit/editor-common": "^112.10.0",
|
|
34
33
|
"react": "^18.2.0",
|
|
35
34
|
"react-dom": "^18.2.0"
|
|
36
35
|
},
|