@atlaskit/editor-core 217.8.3 → 217.9.1

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

@@ -4,7 +4,7 @@ var _$concat$concat;
 import { css, keyframes } from '@emotion/react';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var syncBlockStyles = css(_defineProperty({
+export var syncBlockStylesBase = css(_defineProperty({
   '@property --angle': {
     syntax: '"<angle>"',
     initialValue: '0deg',
@@ -15,8 +15,6 @@ export var syncBlockStyles = css(_defineProperty({
     position: 'relative',
     cursor: 'pointer',
     borderRadius: "var(--ds-radius-small, 3px)",
-    marginRight: "-18px",
-    marginLeft: "-18px",
     marginBottom: 0,
     marginTop: "var(--ds-space-075, 6px)",
     paddingBlock: "var(--ds-space-150, 12px)",
@@ -148,6 +146,16 @@ export var syncBlockStyles = css(_defineProperty({
   maxWidth: '140px'
 }));
 
+// Export the default styles with negative margins (original behavior)
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var syncBlockStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), {
+    marginRight: "-18px",
+    marginLeft: "-18px"
+  })
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var syncBlockOverflowStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

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

@@ -257,348 +257,6 @@ export var taskItemStyles = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var taskItemCheckboxStyles = css(_defineProperty({
-  // copied styles from packages/design-system/icon/src/components/icon-new.tsx
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
-    display: 'inline-block',
-    boxSizing: 'border-box',
-    flexShrink: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1,
-    paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
-    paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
-    overflow: 'hidden',
-    pointerEvents: 'none',
-    color: 'currentColor',
-    verticalAlign: 'bottom',
-    width: "var(--ds-space-200, 16px)",
-    height: "var(--ds-space-200, 16px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
-    display: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
-    display: 'none'
-  }
-}, "[data-prosemirror-node-name=\"taskItem\"] .".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
-  flex: '0 0 24px',
-  width: '24px',
-  height: '24px',
-  position: 'relative',
-  alignSelf: 'start',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "& > input[type='checkbox']": {
-    width: '16px',
-    height: '16px',
-    zIndex: 1,
-    cursor: 'pointer',
-    outline: 'none',
-    margin: 0,
-    opacity: 0,
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&[disabled]': {
-      cursor: 'default'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span': {
-      width: '24px',
-      height: '24px',
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span > svg': {
-      boxSizing: 'border-box',
-      display: 'inline',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
-      maxWidth: 'unset',
-      maxHeight: 'unset',
-      position: 'absolute',
-      overflow: 'hidden',
-      color: "var(--ds-background-input, #FFFFFF)",
-      transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'path:first-of-type': {
-        visibility: 'hidden'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)",
-        strokeWidth: 1,
-        transition: 'stroke 0.2s ease-in-out'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:hover + span > svg': {
-      color: "var(--ds-background-input-hovered, #F8F8F8)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:checked:hover + span > svg': {
-      color: "var(--ds-background-selected-bold-hovered, #1558BC)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-selected-bold-hovered, #1558BC)"
-      }
-    },
-    '&:checked': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '+ span > svg': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'path:first-of-type': {
-          visibility: 'visible'
-        },
-        color: "var(--ds-background-selected-bold, #1868DB)",
-        fill: "var(--ds-icon-inverse, #FFFFFF)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'rect:first-of-type': {
-          stroke: "var(--ds-background-selected-bold, #1868DB)"
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:checked:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
-      color: "var(--ds-background-disabled, #17171708)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-disabled, #17171708)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled:checked + span > svg': {
-      fill: "var(--ds-icon-disabled, #080F214A)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:focus + span::after': {
-      position: 'absolute',
-      width: "var(--ds-space-200, 16px)",
-      height: "var(--ds-space-200, 16px)",
-      border: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
-      borderRadius: "var(--ds-space-050, 4px)",
-      content: "''",
-      display: 'block',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    }
-  }
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var taskItemCheckboxStylesWithBlockTaskItem = css(_defineProperty({
-  // copied styles from packages/design-system/icon/src/components/icon-new.tsx
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"], [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"]': {
-    display: 'inline-block',
-    boxSizing: 'border-box',
-    flexShrink: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1,
-    paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
-    paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg, [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"] svg': {
-    overflow: 'hidden',
-    pointerEvents: 'none',
-    color: 'currentColor',
-    verticalAlign: 'bottom',
-    width: "var(--ds-space-200, 16px)",
-    height: "var(--ds-space-200, 16px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
-    display: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
-    display: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
-    display: 'none'
-  }
-}, "[data-prosemirror-node-name=\"taskItem\"] .".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER, ", [data-prosemirror-node-name=\"blockTaskItem\"] .").concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
-  flex: '0 0 24px',
-  width: '24px',
-  height: '24px',
-  position: 'relative',
-  alignSelf: 'start',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "& > input[type='checkbox']": {
-    width: '16px',
-    height: '16px',
-    zIndex: 1,
-    cursor: 'pointer',
-    outline: 'none',
-    margin: 0,
-    opacity: 0,
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&[disabled]': {
-      cursor: 'default'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span': {
-      width: '24px',
-      height: '24px',
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '+ span > svg': {
-      boxSizing: 'border-box',
-      display: 'inline',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
-      maxWidth: 'unset',
-      maxHeight: 'unset',
-      position: 'absolute',
-      overflow: 'hidden',
-      color: "var(--ds-background-input, #FFFFFF)",
-      transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'path:first-of-type': {
-        visibility: 'hidden'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)",
-        strokeWidth: 1,
-        transition: 'stroke 0.2s ease-in-out'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:hover + span > svg': {
-      color: "var(--ds-background-input-hovered, #F8F8F8)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border-input, #8C8F97)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&:checked:hover + span > svg': {
-      color: "var(--ds-background-selected-bold-hovered, #1558BC)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-selected-bold-hovered, #1558BC)"
-      }
-    },
-    '&:checked': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '+ span > svg': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'path:first-of-type': {
-          visibility: 'visible'
-        },
-        color: "var(--ds-background-selected-bold, #1868DB)",
-        fill: "var(--ds-icon-inverse, #FFFFFF)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'rect:first-of-type': {
-          stroke: "var(--ds-background-selected-bold, #1868DB)"
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:checked:active + span > svg': {
-      color: "var(--ds-background-input-pressed, #FFFFFF)",
-      fill: "var(--ds-icon-inverse, #FFFFFF)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-border, #0B120E24)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
-      color: "var(--ds-background-disabled, #17171708)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'rect:first-of-type': {
-        stroke: "var(--ds-background-disabled, #17171708)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:disabled:checked + span > svg': {
-      fill: "var(--ds-icon-disabled, #080F214A)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '&:focus + span::after': {
-      position: 'absolute',
-      width: "var(--ds-space-200, 16px)",
-      height: "var(--ds-space-200, 16px)",
-      border: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
-      borderRadius: "var(--ds-space-050, 4px)",
-      content: "''",
-      display: 'block',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    }
-  }
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var taskItemNextCheckboxStyles = css(_defineProperty({
   /**
    * Background
    */

package/dist/esm/version-wrapper.js

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

package/dist/types/presets/universal.d.ts

@@ -21,6 +21,7 @@ export type InitialPluginConfiguration = {
     };
     blockMenuPlugin?: {
         enabled?: boolean;
+        useStandardNodeWidth?: boolean;
     };
     blockTypePlugin?: {
         allowFontSize?: boolean;
@@ -456,7 +457,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         setMultiSelectPositions: (anchor?: number, head?: number) => import("@atlaskit/editor-common/types").EditorCommand;
         setNodeDragged: (getPos: () => number | undefined, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
         setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
-        showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugins/block-controls").HandleOptions, rootPos?: number, rootAnchorName?: string, rootNodeType?: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugins/block-controls").HandleOptions, rootPos?: number, rootAnchorName?: string, rootNodeType? /**
+         * Allows configuring plugins as the universal preset blocks direct access
+         * to configuring plugins.
+         */: string) => import("@atlaskit/editor-common/types").EditorCommand;
         startPreservingSelection: () => import("@atlaskit/editor-common/types").EditorCommand;
         stopPreservingSelection: () => import("@atlaskit/editor-common/types").EditorCommand;
         toggleBlockMenu: (options?: {

package/dist/types/ui/Appearance/Comment/Comment.d.ts

@@ -1,5 +1,6 @@
 import { jsx } from '@emotion/react';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { MediaPlugin } from '@atlaskit/editor-plugins/media';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugins/primary-toolbar';
@@ -9,7 +10,8 @@ type ComponentProps = EditorAppearanceComponentProps<[
     OptionalPlugin<MediaPlugin>,
     OptionalPlugin<MaxContentSizePlugin>,
     OptionalPlugin<PrimaryToolbarPlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<BlockMenuPlugin>
 ]>;
 export declare const CommentEditorWithIntl: {
     (props: ComponentProps): jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -10,12 +10,18 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, EditorContentMode, FeatureFlags, OptionalPlugin, PublicPluginAPI, ReactHookFactory, UIComponentFactory } from '@atlaskit/editor-common/types';
 import type { BasePlugin } from '@atlaskit/editor-plugins/base';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugins/block-menu';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
 import type { ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { ContentComponents, ReactComponents } from '../../../types';
 import type { ScrollContainerRefs } from './types';
+type EditorAPI = PublicPluginAPI<[
+    OptionalPlugin<ContextPanelPlugin>,
+    BasePlugin,
+    OptionalPlugin<BlockMenuPlugin>
+]>;
 interface FullPageEditorContentAreaProps {
     appearance: EditorAppearance | undefined;
     contentComponents: UIComponentFactory[] | undefined;
@@ -25,7 +31,7 @@ interface FullPageEditorContentAreaProps {
     disabled: boolean | undefined;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent | undefined;
     editorActions: EditorActions | undefined;
-    editorAPI: PublicPluginAPI<[OptionalPlugin<ContextPanelPlugin>, BasePlugin]> | undefined;
+    editorAPI: EditorAPI | undefined;
     editorDOMElement: ReactElement;
     editorView: EditorView;
     eventDispatcher: EventDispatcher | undefined;

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

@@ -11,6 +11,11 @@ export type EditorContentContainerProps = {
     contentMode?: EditorContentMode;
     featureFlags?: FeatureFlags;
     isScrollable?: boolean;
+    /**
+     * When true, nodes maintain their standard width without negative margins
+     * For when the drag handle is visible and the editor has limited space.
+     */
+    useStandardNodeWidth?: boolean;
     viewMode?: 'view' | 'edit';
 };
 /**

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

@@ -1,2 +1,3 @@
 import type { SerializedStyles } from '@emotion/react';
 export declare const codeMarkStyles: SerializedStyles;
+export declare const codeMarkStylesA11yFix: SerializedStyles;

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

@@ -1,4 +1,8 @@
 import type { SerializedStyles } from '@emotion/react';
+/**
+ * Base expand styles, always applied.
+ */
+export declare const expandStylesBase: SerializedStyles;
 export declare const expandStyles: SerializedStyles;
 /**
  * This function gets the dynamic styles that scale the expand title font size based on the base font size.

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

@@ -1,4 +1,5 @@
 import type { SerializedStyles } from '@emotion/react';
+export declare const syncBlockStylesBase: SerializedStyles;
 export declare const syncBlockStyles: SerializedStyles;
 export declare const syncBlockOverflowStyles: SerializedStyles;
 export declare const syncBlockFirstNodeStyles: SerializedStyles;

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

@@ -14,6 +14,4 @@ export declare const decisionIconWithVisualRefresh: SerializedStyles;
 export declare const decisionIconWithoutVisualRefresh: SerializedStyles;
 export declare const taskItemStyles: SerializedStyles;
 export declare const taskItemCheckboxStyles: SerializedStyles;
-export declare const taskItemCheckboxStylesWithBlockTaskItem: SerializedStyles;
-export declare const taskItemNextCheckboxStyles: SerializedStyles;
 export declare const taskItemStylesWithBlockTaskItem: SerializedStyles;

package/dist/types-ts4.5/presets/universal.d.ts

@@ -21,6 +21,7 @@ export type InitialPluginConfiguration = {
     };
     blockMenuPlugin?: {
         enabled?: boolean;
+        useStandardNodeWidth?: boolean;
     };
     blockTypePlugin?: {
         allowFontSize?: boolean;
@@ -616,7 +617,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             setMultiSelectPositions: (anchor?: number, head?: number) => import("@atlaskit/editor-common/types").EditorCommand;
             setNodeDragged: (getPos: () => number | undefined, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
             setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
-            showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugins/block-controls").HandleOptions, rootPos?: number, rootAnchorName?: string, rootNodeType?: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugins/block-controls").HandleOptions, rootPos?: number, rootAnchorName?: string, rootNodeType? /**
+             * Allows configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             */: string) => import("@atlaskit/editor-common/types").EditorCommand;
             startPreservingSelection: () => import("@atlaskit/editor-common/types").EditorCommand;
             stopPreservingSelection: () => import("@atlaskit/editor-common/types").EditorCommand;
             toggleBlockMenu: (options?: {

package/dist/types-ts4.5/ui/Appearance/Comment/Comment.d.ts

@@ -1,5 +1,6 @@
 import { jsx } from '@emotion/react';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { MediaPlugin } from '@atlaskit/editor-plugins/media';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugins/primary-toolbar';
@@ -9,7 +10,8 @@ type ComponentProps = EditorAppearanceComponentProps<[
     OptionalPlugin<MediaPlugin>,
     OptionalPlugin<MaxContentSizePlugin>,
     OptionalPlugin<PrimaryToolbarPlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<BlockMenuPlugin>
 ]>;
 export declare const CommentEditorWithIntl: {
     (props: ComponentProps): jsx.JSX.Element;

package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -10,12 +10,18 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, EditorContentMode, FeatureFlags, OptionalPlugin, PublicPluginAPI, ReactHookFactory, UIComponentFactory } from '@atlaskit/editor-common/types';
 import type { BasePlugin } from '@atlaskit/editor-plugins/base';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugins/block-menu';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
 import type { ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { ContentComponents, ReactComponents } from '../../../types';
 import type { ScrollContainerRefs } from './types';
+type EditorAPI = PublicPluginAPI<[
+    OptionalPlugin<ContextPanelPlugin>,
+    BasePlugin,
+    OptionalPlugin<BlockMenuPlugin>
+]>;
 interface FullPageEditorContentAreaProps {
     appearance: EditorAppearance | undefined;
     contentComponents: UIComponentFactory[] | undefined;
@@ -25,10 +31,7 @@ interface FullPageEditorContentAreaProps {
     disabled: boolean | undefined;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent | undefined;
     editorActions: EditorActions | undefined;
-    editorAPI: PublicPluginAPI<[
-        OptionalPlugin<ContextPanelPlugin>,
-        BasePlugin
-    ]> | undefined;
+    editorAPI: EditorAPI | undefined;
     editorDOMElement: ReactElement;
     editorView: EditorView;
     eventDispatcher: EventDispatcher | undefined;

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

@@ -11,6 +11,11 @@ export type EditorContentContainerProps = {
     contentMode?: EditorContentMode;
     featureFlags?: FeatureFlags;
     isScrollable?: boolean;
+    /**
+     * When true, nodes maintain their standard width without negative margins
+     * For when the drag handle is visible and the editor has limited space.
+     */
+    useStandardNodeWidth?: boolean;
     viewMode?: 'view' | 'edit';
 };
 /**

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

@@ -1,2 +1,3 @@
 import type { SerializedStyles } from '@emotion/react';
 export declare const codeMarkStyles: SerializedStyles;
+export declare const codeMarkStylesA11yFix: SerializedStyles;

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

@@ -1,4 +1,8 @@
 import type { SerializedStyles } from '@emotion/react';
+/**
+ * Base expand styles, always applied.
+ */
+export declare const expandStylesBase: SerializedStyles;
 export declare const expandStyles: SerializedStyles;
 /**
  * This function gets the dynamic styles that scale the expand title font size based on the base font size.

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

@@ -1,4 +1,5 @@
 import type { SerializedStyles } from '@emotion/react';
+export declare const syncBlockStylesBase: SerializedStyles;
 export declare const syncBlockStyles: SerializedStyles;
 export declare const syncBlockOverflowStyles: SerializedStyles;
 export declare const syncBlockFirstNodeStyles: SerializedStyles;

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

@@ -14,6 +14,4 @@ export declare const decisionIconWithVisualRefresh: SerializedStyles;
 export declare const decisionIconWithoutVisualRefresh: SerializedStyles;
 export declare const taskItemStyles: SerializedStyles;
 export declare const taskItemCheckboxStyles: SerializedStyles;
-export declare const taskItemCheckboxStylesWithBlockTaskItem: SerializedStyles;
-export declare const taskItemNextCheckboxStyles: SerializedStyles;
 export declare const taskItemStylesWithBlockTaskItem: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "217.8.3",
+	"version": "217.9.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -64,9 +64,9 @@
 		"@atlaskit/mention": "^24.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/react-ufo": "^5.7.0",
+		"@atlaskit/react-ufo": "^5.8.0",
 		"@atlaskit/task-decision": "^19.3.0",
-		"@atlaskit/tmp-editor-statsig": "^51.0.0",
+		"@atlaskit/tmp-editor-statsig": "^52.0.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/width-detector": "^5.0.0",