@atlaskit/editor-core 217.12.3 → 217.12.5

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-core
 
+## 217.12.5
+
+### Patch Changes
+
+- [`840d3970b9d8c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/840d3970b9d8c) -
+  Fix paragraph spacing in panels for small font-size block marks
+
+  Fix drag handle positioning around small text
+
+  Fix drag handles not appearing on small text in panels
+
+- Updated dependencies
+
+## 217.12.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 217.12.3
 
 ### Patch Changes

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -523,7 +523,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _mediaStyles.mediaGroupStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _mediaStyles.mediaAlignmentStyles,
+    _mediaStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableLayoutFixesWithFontSize :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tableStyles.tableLayoutFixes,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/blockMarksStyles.js

@@ -15,10 +15,11 @@ var blockMarksStyles = exports.blockMarksStyles = (0, _react.css)({
   // - For nested block marks apart from those with indentation mark.
   // - Do not remove the margin top for nodes inside indentation marks.
   // - Do not remove the margin top for nodes inside alignment marks.
-  //- If first element inside a block node has alignment mark, then remove the margin-top.
+  // - Do not remove the margin top for nodes inside font size marks.
+  //- If first element inside a block node has alignment or font size mark, then remove the margin-top.
   //- If first document element has indentation mark remove margin-top.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment), .fabric-editor-alignment:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
+  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size), .fabric-editor-alignment:first-of-type:first-child, .fabric-editor-font-size:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
+exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _scrollbarStyles = require("./scrollbarStyles");
@@ -25,6 +25,21 @@ var tableLayoutFixes = exports.tableLayoutFixes = (0, _react.css)({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var tableLayoutFixesWithFontSize = exports.tableLayoutFixesWithFontSize = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.pm-table-header-content-wrap :not(.fabric-editor-alignment, .fabric-editor-font-size), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'p:first-of-type': {
+      marginTop: 0
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.pm-table-cell-content-wrap .mediaGroupView-content-wrap': {
+    clear: 'both'
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var tableCommentEditorMarginOverride = exports.tableCommentEditorMarginOverride = (0, _react.css)({
   marginLeft: 0,

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "217.12.2";
+var version = exports.version = "0.0.0-development";

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -59,7 +59,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
 import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableLayoutFixesWithFontSize } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -519,7 +519,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mediaGroupStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    mediaAlignmentStyles,
+    mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableLayoutFixesWithFontSize :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableLayoutFixes,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/blockMarksStyles.js

@@ -8,10 +8,11 @@ export const blockMarksStyles = css({
   // - For nested block marks apart from those with indentation mark.
   // - Do not remove the margin top for nodes inside indentation marks.
   // - Do not remove the margin top for nodes inside alignment marks.
-  //- If first element inside a block node has alignment mark, then remove the margin-top.
+  // - Do not remove the margin top for nodes inside font size marks.
+  //- If first element inside a block node has alignment or font size mark, then remove the margin-top.
   //- If first document element has indentation mark remove margin-top.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment), .fabric-editor-alignment:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
+  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size), .fabric-editor-alignment:first-of-type:first-child, .fabric-editor-font-size:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js

@@ -17,6 +17,21 @@ export const tableLayoutFixes = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const tableLayoutFixesWithFontSize = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.pm-table-header-content-wrap :not(.fabric-editor-alignment, .fabric-editor-font-size), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'p:first-of-type': {
+      marginTop: 0
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.pm-table-cell-content-wrap .mediaGroupView-content-wrap': {
+    clear: 'both'
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const tableCommentEditorMarginOverride = css({
   marginLeft: 0,

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "217.12.2";
+export const version = "0.0.0-development";

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -60,7 +60,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
 import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableLayoutFixesWithFontSize } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -515,7 +515,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mediaGroupStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    mediaAlignmentStyles,
+    mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableLayoutFixesWithFontSize :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableLayoutFixes,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/blockMarksStyles.js

@@ -8,10 +8,11 @@ export var blockMarksStyles = css({
   // - For nested block marks apart from those with indentation mark.
   // - Do not remove the margin top for nodes inside indentation marks.
   // - Do not remove the margin top for nodes inside alignment marks.
-  //- If first element inside a block node has alignment mark, then remove the margin-top.
+  // - Do not remove the margin top for nodes inside font size marks.
+  //- If first element inside a block node has alignment or font size mark, then remove the margin-top.
   //- If first document element has indentation mark remove margin-top.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment), .fabric-editor-alignment:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
+  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size), .fabric-editor-alignment:first-of-type:first-child, .fabric-editor-font-size:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js

@@ -18,6 +18,21 @@ export var tableLayoutFixes = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var tableLayoutFixesWithFontSize = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.pm-table-header-content-wrap :not(.fabric-editor-alignment, .fabric-editor-font-size), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'p:first-of-type': {
+      marginTop: 0
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.pm-table-cell-content-wrap .mediaGroupView-content-wrap': {
+    clear: 'both'
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var tableCommentEditorMarginOverride = css({
   marginLeft: 0,

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "217.12.2";
+export var version = "0.0.0-development";

package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts

@@ -1,5 +1,6 @@
 import type { SerializedStyles } from '@emotion/react';
 export declare const tableLayoutFixes: SerializedStyles;
+export declare const tableLayoutFixesWithFontSize: SerializedStyles;
 export declare const tableCommentEditorMarginOverride: SerializedStyles;
 export declare const tableCommentEditorStyles: SerializedStyles;
 export declare const tableContainerStyles: SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/tableStyles.d.ts

@@ -1,5 +1,6 @@
 import type { SerializedStyles } from '@emotion/react';
 export declare const tableLayoutFixes: SerializedStyles;
+export declare const tableLayoutFixesWithFontSize: SerializedStyles;
 export declare const tableCommentEditorMarginOverride: SerializedStyles;
 export declare const tableCommentEditorStyles: SerializedStyles;
 export declare const tableContainerStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "217.12.3",
+	"version": "217.12.5",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/editor-ssr-renderer": "^3.2.0",
 		"@atlaskit/editor-toolbar": "^0.20.0",
 		"@atlaskit/editor-toolbar-model": "^0.4.0",
-		"@atlaskit/emoji": "^69.11.0",
+		"@atlaskit/emoji": "^69.12.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/link": "^3.4.0",
@@ -67,7 +67,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^5.12.0",
 		"@atlaskit/task-decision": "^19.3.0",
-		"@atlaskit/tmp-editor-statsig": "^55.1.0",
+		"@atlaskit/tmp-editor-statsig": "^56.2.0",
 		"@atlaskit/tokens": "^12.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -84,7 +84,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.18.0",
+		"@atlaskit/editor-common": "^112.19.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -99,7 +99,7 @@
 		"@atlaskit/analytics-listeners": "^10.0.0",
 		"@atlaskit/collab-provider": "^16.2.0",
 		"@atlaskit/editor-plugin-annotation": "^8.0.0",
-		"@atlaskit/editor-plugin-card": "^13.1.0",
+		"@atlaskit/editor-plugin-card": "^14.0.0",
 		"@atlaskit/editor-plugin-list": "^10.2.0",
 		"@atlaskit/editor-plugin-paste": "^9.1.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
@@ -113,12 +113,12 @@
 		"@atlaskit/renderer": "^128.9.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
-		"@atlaskit/toggle": "^15.4.0",
+		"@atlaskit/toggle": "^15.5.0",
 		"@atlaskit/util-data-test": "^18.5.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/adf-schema-json": "^1.33.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/search-client": "^0.333.0",
+		"@atlassian/search-client": "^0.334.0",
 		"@atlassian/search-provider": "^9.1.0",
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/react": "^16.3.0",