@atlaskit/editor-plugin-block-controls 7.4.1 → 7.4.2

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,13 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 7.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c219d22cf0788`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c219d22cf0788) -
8
+ [ux] Card hover link overlay in compact mode
9
+ - Updated dependencies
10
+
3
11
  ## 7.4.1
4
12
 
5
13
  ### Patch Changes
@@ -141,9 +141,9 @@ var dragHandleButtonStyles = (0, _react2.css)({
141
141
  // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
142
142
  var dragHandleButtonDenseModeStyles = (0, _react2.css)({
143
143
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
144
- height: "calc(".concat(_consts2.DRAG_HANDLE_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(_consts.akEditorFullPageDefaultFontSize, "px)"),
144
+ height: (0, _consts.relativeSizeToBaseFontSize)(_consts2.DRAG_HANDLE_HEIGHT),
145
145
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
146
- width: "calc(".concat(_styles.DRAG_HANDLE_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(_consts.akEditorFullPageDefaultFontSize, "px)")
146
+ width: (0, _consts.relativeSizeToBaseFontSize)(_styles.DRAG_HANDLE_WIDTH)
147
147
  });
148
148
  var dragHandleButtonSmallScreenStyles = (0, _react2.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_consts.akEditorFullPageNarrowBreakout, "px)"), {
149
149
  opacity: 0,
@@ -71,9 +71,9 @@ var stickyButtonStyles = (0, _primitives.xcss)({
71
71
  // Standard: 16px -> 24px x 24px, Dense: 13px -> ~18.5px x ~18.5px
72
72
  var stickyButtonDenseModeStyles = (0, _primitives.xcss)({
73
73
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
74
- height: "calc(".concat(_consts.QUICK_INSERT_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, "px)"),
74
+ height: (0, _editorSharedStyles.relativeSizeToBaseFontSize)(_consts.QUICK_INSERT_HEIGHT),
75
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
76
- width: "calc(".concat(_consts.QUICK_INSERT_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, "px)")
76
+ width: (0, _editorSharedStyles.relativeSizeToBaseFontSize)(_consts.QUICK_INSERT_WIDTH)
77
77
  });
78
78
  var containerStaticStyles = (0, _primitives.xcss)({
79
79
  position: 'absolute',
@@ -17,7 +17,7 @@ import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common
17
17
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
18
18
  import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
19
19
  import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
20
- import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles/consts';
20
+ import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout, relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/consts';
21
21
  import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
22
22
  import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
23
23
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -133,9 +133,9 @@ const dragHandleButtonStyles = css({
133
133
  // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
134
134
  const dragHandleButtonDenseModeStyles = css({
135
135
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
136
- height: `calc(${DRAG_HANDLE_HEIGHT}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`,
136
+ height: relativeSizeToBaseFontSize(DRAG_HANDLE_HEIGHT),
137
137
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
138
- width: `calc(${DRAG_HANDLE_WIDTH}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`
138
+ width: relativeSizeToBaseFontSize(DRAG_HANDLE_WIDTH)
139
139
  });
140
140
  const dragHandleButtonSmallScreenStyles = css({
141
141
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -14,7 +14,7 @@ import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
14
14
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
15
15
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
16
16
  import { findParentNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
17
- import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
17
+ import { relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles';
18
18
  import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
19
19
  import AddIcon from '@atlaskit/icon/core/add';
20
20
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -62,9 +62,9 @@ const stickyButtonStyles = xcss({
62
62
  // Standard: 16px -> 24px x 24px, Dense: 13px -> ~18.5px x ~18.5px
63
63
  const stickyButtonDenseModeStyles = xcss({
64
64
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
65
- height: `calc(${QUICK_INSERT_HEIGHT}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`,
65
+ height: relativeSizeToBaseFontSize(QUICK_INSERT_HEIGHT),
66
66
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
67
- width: `calc(${QUICK_INSERT_WIDTH}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`
67
+ width: relativeSizeToBaseFontSize(QUICK_INSERT_WIDTH)
68
68
  });
69
69
  const containerStaticStyles = xcss({
70
70
  position: 'absolute',
@@ -22,7 +22,7 @@ import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common
22
22
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
23
23
  import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
24
24
  import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
25
- import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles/consts';
25
+ import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout, relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/consts';
26
26
  import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
27
27
  import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
28
28
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -138,9 +138,9 @@ var dragHandleButtonStyles = css({
138
138
  // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
139
139
  var dragHandleButtonDenseModeStyles = css({
140
140
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
141
- height: "calc(".concat(DRAG_HANDLE_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, "px)"),
141
+ height: relativeSizeToBaseFontSize(DRAG_HANDLE_HEIGHT),
142
142
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
143
- width: "calc(".concat(DRAG_HANDLE_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, "px)")
143
+ width: relativeSizeToBaseFontSize(DRAG_HANDLE_WIDTH)
144
144
  });
145
145
  var dragHandleButtonSmallScreenStyles = css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
146
146
  opacity: 0,
@@ -18,7 +18,7 @@ import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
18
18
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
19
19
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
20
20
  import { findParentNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
21
- import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
21
+ import { relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles';
22
22
  import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
23
23
  import AddIcon from '@atlaskit/icon/core/add';
24
24
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -66,9 +66,9 @@ var stickyButtonStyles = xcss({
66
66
  // Standard: 16px -> 24px x 24px, Dense: 13px -> ~18.5px x ~18.5px
67
67
  var stickyButtonDenseModeStyles = xcss({
68
68
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
69
- height: "calc(".concat(QUICK_INSERT_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, "px)"),
69
+ height: relativeSizeToBaseFontSize(QUICK_INSERT_HEIGHT),
70
70
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
71
- width: "calc(".concat(QUICK_INSERT_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, "px)")
71
+ width: relativeSizeToBaseFontSize(QUICK_INSERT_WIDTH)
72
72
  });
73
73
  var containerStaticStyles = xcss({
74
74
  position: 'absolute',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-controls",
3
- "version": "7.4.1",
3
+ "version": "7.4.2",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
53
53
  "@atlaskit/primitives": "^16.0.0",
54
54
  "@atlaskit/theme": "^21.0.0",
55
- "@atlaskit/tmp-editor-statsig": "^13.17.0",
55
+ "@atlaskit/tmp-editor-statsig": "^13.18.0",
56
56
  "@atlaskit/tokens": "^7.0.0",
57
57
  "@atlaskit/tooltip": "^20.6.0",
58
58
  "@babel/runtime": "^7.0.0",