@atlaskit/editor-core 216.7.2 → 216.7.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 216.7.3
+
+### Patch Changes
+
+- [`e67c337cad289`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e67c337cad289) -
+  Fixes layout shift with toolbar under editor hydration
+- Updated dependencies
+
 ## 216.7.2
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.compiled.css

@@ -8,6 +8,7 @@
 ._1e0c1txw{display:flex}
 ._1f38ptqj{container-name:toolbar-container}
 ._1pby16oo{z-index:510}
+._1tke66rk{min-height:45px}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
 ._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
 ._4cvr1h6o{align-items:center}
@@ -16,4 +17,5 @@
 ._7cca15wb{container-type:inline-size}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqswh2mm{position:relative}
-._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._vchhusvi{box-sizing:border-box}

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -35,7 +35,7 @@ var styles = {
   secondChildWrapperOneLine: "_1e0c1txw _1ul91ns9 _4cvr1h6o",
   beforePrimaryToolbarComponents: "_1e0c1txw _16jlkb7n _1bahesu3 _4cvr1h6o",
   backgroundColor: "_bfhkvuon",
-  toolbarPlaceholder: "_n7zlia51 _bfhkvuon _4t3i17qo"
+  toolbarPlaceholder: "_n7zlia51 _bfhkvuon _vchhusvi _4t3i17qo _1tke66rk"
 };
 var MainToolbarWrapper = function MainToolbarWrapper(_ref) {
   var children = _ref.children,

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

@@ -499,6 +499,10 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _blockTypeStyles.blockquoteDangerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.textDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.listDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _dateStyles.dangerDateStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _emoji.emojiDangerStyles,

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textSelectedNodeStyles = exports.listSelectedNodeStyles = exports.blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteZeroPadding = exports.blockquoteSelectedNodeStyles = exports.blockquoteDangerStyles = void 0;
+exports.textSelectedNodeStyles = exports.textDangerStyles = exports.listSelectedNodeStyles = exports.listDangerStyles = exports.blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteZeroPadding = exports.blockquoteSelectedNodeStyles = exports.blockquoteDangerStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -355,6 +355,11 @@ var listSelectedNodeStyles = exports.listSelectedNodeStyles = (0, _react.css)((0
     backgroundColor: 'transparent'
   }
 }));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var listDangerStyles = exports.listDangerStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror ".concat(isOuterMostList).concat(isOuterMostSelectedNode, ".danger"), {
+  background: "var(--ds-background-danger, #FFECEB)"
+}));
 var isText = ":is(p, h1, h2, h3, h4, h5, h6)";
 var isRootText = "".concat(isText, ":not(").concat(isList, " ").concat(isText, ")");
 
@@ -371,4 +376,10 @@ var textSelectedNodeStyles = exports.textSelectedNodeStyles = (0, _react.css)((0
   '&::-moz-selection, *::-moz-selection': {
     backgroundColor: 'transparent'
   }
+}));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var textDangerStyles = exports.textDangerStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror ".concat(isRootText).concat(isOuterMostSelectedNode, ".danger"), {
+  background: "var(--ds-background-danger, #FFECEB)",
+  boxShadow: "0 -4px 0 ".concat("var(--ds-background-danger, #FFECEB)", ", 0 4px 0 ", "var(--ds-background-danger, #FFECEB)")
 }));

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 = "216.7.1";
+var version = exports.version = "216.7.2";

package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.compiled.css

@@ -8,6 +8,7 @@
 ._1e0c1txw{display:flex}
 ._1f38ptqj{container-name:toolbar-container}
 ._1pby16oo{z-index:510}
+._1tke66rk{min-height:45px}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
 ._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
 ._4cvr1h6o{align-items:center}
@@ -16,4 +17,5 @@
 ._7cca15wb{container-type:inline-size}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqswh2mm{position:relative}
-._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._vchhusvi{box-sizing:border-box}

package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -26,7 +26,7 @@ const styles = {
   secondChildWrapperOneLine: "_1e0c1txw _1ul91ns9 _4cvr1h6o",
   beforePrimaryToolbarComponents: "_1e0c1txw _16jlkb7n _1bahesu3 _4cvr1h6o",
   backgroundColor: "_bfhkvuon",
-  toolbarPlaceholder: "_n7zlia51 _bfhkvuon _4t3i17qo"
+  toolbarPlaceholder: "_n7zlia51 _bfhkvuon _vchhusvi _4t3i17qo _1tke66rk"
 };
 const MainToolbarWrapper = ({
   children,

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

@@ -22,7 +22,7 @@ import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
-import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listSelectedNodeStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
+import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
 import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles } from './styles/codeMarkStyles';
@@ -495,6 +495,10 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blockquoteDangerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     dangerDateStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     emojiDangerStyles,

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

@@ -350,6 +350,15 @@ export const listSelectedNodeStyles = css({
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const listDangerStyles = css({
+  // only apply danger styles to the outermost list to avoid nested danger styles for lists within lists
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+  [`.ProseMirror ${isOuterMostList}${isOuterMostSelectedNode}.danger`]: {
+    background: "var(--ds-background-danger, #FFECEB)"
+  }
+});
 const isText = `:is(p, h1, h2, h3, h4, h5, h6)`;
 const isRootText = `${isText}:not(${isList} ${isText})`;
 
@@ -369,4 +378,13 @@ export const textSelectedNodeStyles = css({
       backgroundColor: 'transparent'
     }
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const textDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+  [`.ProseMirror ${isRootText}${isOuterMostSelectedNode}.danger`]: {
+    background: "var(--ds-background-danger, #FFECEB)",
+    boxShadow: `0 -4px 0 ${"var(--ds-background-danger, #FFECEB)"}, 0 4px 0 ${"var(--ds-background-danger, #FFECEB)"}`
+  }
 });

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "216.7.1";
+export const version = "216.7.2";

package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.compiled.css

@@ -8,6 +8,7 @@
 ._1e0c1txw{display:flex}
 ._1f38ptqj{container-name:toolbar-container}
 ._1pby16oo{z-index:510}
+._1tke66rk{min-height:45px}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
 ._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
 ._4cvr1h6o{align-items:center}
@@ -16,4 +17,5 @@
 ._7cca15wb{container-type:inline-size}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqswh2mm{position:relative}
-._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._vchhusvi{box-sizing:border-box}

package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -26,7 +26,7 @@ var styles = {
   secondChildWrapperOneLine: "_1e0c1txw _1ul91ns9 _4cvr1h6o",
   beforePrimaryToolbarComponents: "_1e0c1txw _16jlkb7n _1bahesu3 _4cvr1h6o",
   backgroundColor: "_bfhkvuon",
-  toolbarPlaceholder: "_n7zlia51 _bfhkvuon _4t3i17qo"
+  toolbarPlaceholder: "_n7zlia51 _bfhkvuon _vchhusvi _4t3i17qo _1tke66rk"
 };
 var MainToolbarWrapper = function MainToolbarWrapper(_ref) {
   var children = _ref.children,

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

@@ -23,7 +23,7 @@ import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
-import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listSelectedNodeStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
+import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
 import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles } from './styles/codeMarkStyles';
@@ -491,6 +491,10 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blockquoteDangerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     dangerDateStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     emojiDangerStyles,

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

@@ -347,6 +347,11 @@ export var listSelectedNodeStyles = css(_defineProperty({}, ".ProseMirror ".conc
     backgroundColor: 'transparent'
   }
 }));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var listDangerStyles = css(_defineProperty({}, ".ProseMirror ".concat(isOuterMostList).concat(isOuterMostSelectedNode, ".danger"), {
+  background: "var(--ds-background-danger, #FFECEB)"
+}));
 var isText = ":is(p, h1, h2, h3, h4, h5, h6)";
 var isRootText = "".concat(isText, ":not(").concat(isList, " ").concat(isText, ")");
 
@@ -363,4 +368,10 @@ export var textSelectedNodeStyles = css(_defineProperty({}, ".ProseMirror ".conc
   '&::-moz-selection, *::-moz-selection': {
     backgroundColor: 'transparent'
   }
+}));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var textDangerStyles = css(_defineProperty({}, ".ProseMirror ".concat(isRootText).concat(isOuterMostSelectedNode, ".danger"), {
+  background: "var(--ds-background-danger, #FFECEB)",
+  boxShadow: "0 -4px 0 ".concat("var(--ds-background-danger, #FFECEB)", ", 0 4px 0 ", "var(--ds-background-danger, #FFECEB)")
 }));

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "216.7.1";
+export var version = "216.7.2";

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

@@ -7,4 +7,6 @@ export declare const blocktypeStyles_fg_platform_editor_typography_ugc: Serializ
 export declare const blocktypeStyles_without_fg_platform_editor_typography_ugc: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: SerializedStyles;
 export declare const listSelectedNodeStyles: SerializedStyles;
+export declare const listDangerStyles: SerializedStyles;
 export declare const textSelectedNodeStyles: SerializedStyles;
+export declare const textDangerStyles: SerializedStyles;

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

@@ -7,4 +7,6 @@ export declare const blocktypeStyles_fg_platform_editor_typography_ugc: Serializ
 export declare const blocktypeStyles_without_fg_platform_editor_typography_ugc: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: SerializedStyles;
 export declare const listSelectedNodeStyles: SerializedStyles;
+export declare const listDangerStyles: SerializedStyles;
 export declare const textSelectedNodeStyles: SerializedStyles;
+export declare const textDangerStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "216.7.2",
+	"version": "216.7.3",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,8 +66,8 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^5.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^16.26.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.28.0",
+		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -94,8 +94,8 @@
 		"@af/editor-libra": "workspace:^",
 		"@af/suppress-react-warnings": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/adf-utils": "^19.26.0",
-		"@atlaskit/analytics-listeners": "^9.2.0",
+		"@atlaskit/adf-utils": "^19.27.0",
+		"@atlaskit/analytics-listeners": "^9.3.0",
 		"@atlaskit/collab-provider": "^15.0.0",
 		"@atlaskit/editor-plugin-annotation": "^7.0.0",
 		"@atlaskit/editor-plugin-card": "^12.1.0",
@@ -107,7 +107,7 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/modal-dialog": "^14.10.0",
-		"@atlaskit/renderer": "^126.0.0",
+		"@atlaskit/renderer": "^126.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.2.0",