@atlaskit/editor-plugin-date 2.4.11 → 2.4.13

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-date
 
+## 2.4.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.4.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.4.11
 
 ### Patch Changes

package/dist/cjs/datePlugin.js

@@ -11,10 +11,14 @@ var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _styles = require("@atlaskit/editor-common/styles");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("./pm-plugins/actions");
 var _commands = require("./pm-plugins/commands");
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
@@ -53,7 +57,7 @@ function ContentComponent(_ref) {
   var showDatePickerAt = dateState.showDatePickerAt,
     isNew = dateState.isNew,
     focusDateInput = dateState.focusDateInput;
-  var element = (0, _utils.findDomRefAtPos)(showDatePickerAt, domAtPos);
+  var element = (0, _utils2.findDomRefAtPos)(showDatePickerAt, domAtPos);
 
   // Resolves ED-23702 for when the date is wrapped in an inline comment
   var dateNode = element !== null && element !== void 0 && element.classList.contains(_styles.DateSharedCssClassName.DATE_CONTAINER) ? element : element === null || element === void 0 ? void 0 : element.querySelector(".".concat(_styles.DateSharedCssClassName.DATE_CONTAINER));
@@ -197,6 +201,65 @@ var datePlugin = function datePlugin(_ref3) {
             return tr;
           }
         }];
+      },
+      floatingToolbar: function floatingToolbar(state, intl) {
+        var _api$editorViewMode;
+        var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+        if (!isViewMode || !(0, _platformFeatureFlags.fg)('platform_inline_node_as_valid_annotation_selection')) {
+          return undefined;
+        }
+        var onClick = function onClick(stateFromClickEvent, dispatch) {
+          var _api$annotation;
+          if (!(api !== null && api !== void 0 && api.annotation)) {
+            return true;
+          }
+          var command = (_api$annotation = api.annotation) === null || _api$annotation === void 0 || (_api$annotation = _api$annotation.actions) === null || _api$annotation === void 0 ? void 0 : _api$annotation.setInlineCommentDraftState(true, _analytics.INPUT_METHOD.TOOLBAR);
+          return command(stateFromClickEvent, dispatch);
+        };
+        return {
+          title: 'Date floating toolbar',
+          nodeType: [state.schema.nodes.date],
+          getDomRef: function getDomRef(editorView) {
+            var dateState = _pluginKey.pluginKey.getState(state);
+            var datePosition = dateState === null || dateState === void 0 ? void 0 : dateState.showDatePickerAt;
+            if (!datePosition) {
+              return undefined;
+            }
+            var domAtPos = editorView.domAtPos.bind(editorView);
+            var domRef = (0, _utils2.findDomRefAtPos)(datePosition, domAtPos);
+            var isHTMLElement = function isHTMLElement(element) {
+              return element instanceof HTMLElement;
+            };
+            if (isHTMLElement(domRef)) {
+              return domRef;
+            }
+            return undefined;
+          },
+          onPositionCalculated: (0, _utils.calculateToolbarPositionAboveSelection)('Date floating toolbar'),
+          items: function items(node) {
+            var _api$annotation2;
+            var annotationState = api === null || api === void 0 || (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
+            var activeCommentMark = node.marks.find(function (mark) {
+              return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
+            });
+            var showAnnotation = annotationState && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !activeCommentMark;
+            if (showAnnotation) {
+              return [{
+                type: 'button',
+                showTitle: true,
+                testId: 'add-comment-date-button',
+                icon: _comment.default,
+                title: intl.formatMessage(_messages.annotationMessages.createComment),
+                onClick: onClick,
+                tooltipContent: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+                  description: intl.formatMessage(_messages.annotationMessages.createComment)
+                }),
+                supportsViewMode: true
+              }];
+            }
+            return [];
+          }
+        };
       }
     }
   };

package/dist/es2019/datePlugin.js

@@ -3,10 +3,14 @@ import Loadable from 'react-loadable';
 import { date } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDate } from '@atlaskit/editor-common/quick-insert';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { closeDatePicker, closeDatePickerWithAnalytics, createDate } from './pm-plugins/actions';
 import { deleteDateCommand, insertDateCommand } from './pm-plugins/commands';
 import keymap from './pm-plugins/keymap';
@@ -184,7 +188,64 @@ const datePlugin = ({
         })(tr);
         return tr;
       }
-    }]
+    }],
+    floatingToolbar: (state, intl) => {
+      var _api$editorViewMode, _api$editorViewMode$s;
+      const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
+      if (!isViewMode || !fg('platform_inline_node_as_valid_annotation_selection')) {
+        return undefined;
+      }
+      const onClick = (stateFromClickEvent, dispatch) => {
+        var _api$annotation, _api$annotation$actio;
+        if (!(api !== null && api !== void 0 && api.annotation)) {
+          return true;
+        }
+        const command = (_api$annotation = api.annotation) === null || _api$annotation === void 0 ? void 0 : (_api$annotation$actio = _api$annotation.actions) === null || _api$annotation$actio === void 0 ? void 0 : _api$annotation$actio.setInlineCommentDraftState(true, INPUT_METHOD.TOOLBAR);
+        return command(stateFromClickEvent, dispatch);
+      };
+      return {
+        title: 'Date floating toolbar',
+        nodeType: [state.schema.nodes.date],
+        getDomRef: editorView => {
+          const dateState = datePluginKey.getState(state);
+          const datePosition = dateState === null || dateState === void 0 ? void 0 : dateState.showDatePickerAt;
+          if (!datePosition) {
+            return undefined;
+          }
+          const domAtPos = editorView.domAtPos.bind(editorView);
+          const domRef = findDomRefAtPos(datePosition, domAtPos);
+          const isHTMLElement = element => {
+            return element instanceof HTMLElement;
+          };
+          if (isHTMLElement(domRef)) {
+            return domRef;
+          }
+          return undefined;
+        },
+        onPositionCalculated: calculateToolbarPositionAboveSelection('Date floating toolbar'),
+        items: node => {
+          var _api$annotation2;
+          const annotationState = api === null || api === void 0 ? void 0 : (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
+          const activeCommentMark = node.marks.find(mark => mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false);
+          const showAnnotation = annotationState && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !activeCommentMark;
+          if (showAnnotation) {
+            return [{
+              type: 'button',
+              showTitle: true,
+              testId: 'add-comment-date-button',
+              icon: CommentIcon,
+              title: intl.formatMessage(annotationMessages.createComment),
+              onClick,
+              tooltipContent: /*#__PURE__*/React.createElement(ToolTipContent, {
+                description: intl.formatMessage(annotationMessages.createComment)
+              }),
+              supportsViewMode: true
+            }];
+          }
+          return [];
+        }
+      };
+    }
   }
 });
 export default datePlugin;

package/dist/esm/datePlugin.js

@@ -3,10 +3,14 @@ import Loadable from 'react-loadable';
 import { date } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDate } from '@atlaskit/editor-common/quick-insert';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _closeDatePickerWithAnalytics, createDate } from './pm-plugins/actions';
 import { deleteDateCommand, insertDateCommand } from './pm-plugins/commands';
 import keymap from './pm-plugins/keymap';
@@ -185,6 +189,65 @@ var datePlugin = function datePlugin(_ref3) {
             return tr;
           }
         }];
+      },
+      floatingToolbar: function floatingToolbar(state, intl) {
+        var _api$editorViewMode;
+        var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+        if (!isViewMode || !fg('platform_inline_node_as_valid_annotation_selection')) {
+          return undefined;
+        }
+        var onClick = function onClick(stateFromClickEvent, dispatch) {
+          var _api$annotation;
+          if (!(api !== null && api !== void 0 && api.annotation)) {
+            return true;
+          }
+          var command = (_api$annotation = api.annotation) === null || _api$annotation === void 0 || (_api$annotation = _api$annotation.actions) === null || _api$annotation === void 0 ? void 0 : _api$annotation.setInlineCommentDraftState(true, INPUT_METHOD.TOOLBAR);
+          return command(stateFromClickEvent, dispatch);
+        };
+        return {
+          title: 'Date floating toolbar',
+          nodeType: [state.schema.nodes.date],
+          getDomRef: function getDomRef(editorView) {
+            var dateState = datePluginKey.getState(state);
+            var datePosition = dateState === null || dateState === void 0 ? void 0 : dateState.showDatePickerAt;
+            if (!datePosition) {
+              return undefined;
+            }
+            var domAtPos = editorView.domAtPos.bind(editorView);
+            var domRef = findDomRefAtPos(datePosition, domAtPos);
+            var isHTMLElement = function isHTMLElement(element) {
+              return element instanceof HTMLElement;
+            };
+            if (isHTMLElement(domRef)) {
+              return domRef;
+            }
+            return undefined;
+          },
+          onPositionCalculated: calculateToolbarPositionAboveSelection('Date floating toolbar'),
+          items: function items(node) {
+            var _api$annotation2;
+            var annotationState = api === null || api === void 0 || (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
+            var activeCommentMark = node.marks.find(function (mark) {
+              return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
+            });
+            var showAnnotation = annotationState && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !activeCommentMark;
+            if (showAnnotation) {
+              return [{
+                type: 'button',
+                showTitle: true,
+                testId: 'add-comment-date-button',
+                icon: CommentIcon,
+                title: intl.formatMessage(annotationMessages.createComment),
+                onClick: onClick,
+                tooltipContent: /*#__PURE__*/React.createElement(ToolTipContent, {
+                  description: intl.formatMessage(annotationMessages.createComment)
+                }),
+                supportsViewMode: true
+              }];
+            }
+            return [];
+          }
+        };
       }
     }
   };

package/dist/types/datePluginType.d.ts

@@ -1,10 +1,17 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { DatePluginConfig, DatePluginSharedState, DeleteDate, InsertDate } from './types';
 export type DatePlugin = NextEditorPlugin<'date', {
     pluginConfiguration: DatePluginConfig | undefined;
-    dependencies: [typeof analyticsPlugin, EditorDisabledPlugin];
+    dependencies: [
+        typeof analyticsPlugin,
+        EditorDisabledPlugin,
+        OptionalPlugin<AnnotationPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
+    ];
     sharedState: DatePluginSharedState;
     commands: {
         insertDate: InsertDate;

package/dist/types/pm-plugins/actions.d.ts

@@ -1,4 +1,5 @@
 import type { Command, CommandDispatch, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type Mark } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatePlugin, DateType } from '../types';
 export declare const createDate: (isQuickInsertAction?: boolean) => (state: EditorState) => Transaction;
@@ -24,7 +25,130 @@ export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi,
             actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
             sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
-        }, undefined>];
+        }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"annotation", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined;
+            sharedState: import("@atlaskit/editor-plugin-annotation").InlineCommentPluginState | undefined;
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                sharedState: {
+                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                };
+                dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewModeEffects", {
+                dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
+                    pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
+                    dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                        sharedState: {
+                            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                        };
+                        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                        dependencies: [];
+                        pluginConfiguration?: {
+                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                        } | undefined;
+                        commands: {
+                            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                        };
+                    }, {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined>>];
+                    sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
+                    actions: {
+                        getAvatarColor: (str: string) => {
+                            index: number;
+                            color: "var(--ds-space-150)" | "var(--ds-space-025)" | "var(--ds-shadow-overlay)" | "var(--ds-surface-overlay)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-inverse)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtlest)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-inverse)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-icon-subtlest)" | "var(--ds-icon-subtle)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-focused)" | "var(--ds-border-input)" | "var(--ds-border-inverse)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-danger)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-pressed)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-pressed)" | "var(--ds-background-danger-bold)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-blanket-selected)" | "var(--ds-blanket-danger)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-050)" | "var(--ds-space-075)" | "var(--ds-space-100)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-400)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-050)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-weight-bold)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
+                        };
+                        addInlineCommentMark: (props: {
+                            from: number;
+                            to: number;
+                            mark: Mark;
+                        }) => boolean;
+                        addInlineCommentNodeMark: (props: {
+                            pos: number;
+                            mark: Mark;
+                        }) => boolean;
+                        isRemoteReplaceDocumentTransaction: (tr: Transaction) => boolean;
+                        getCurrentCollabState: () => {
+                            version: number | undefined;
+                            sendableSteps: import("@atlaskit/editor-plugin-collab-edit").CollabSendableSteps | null | undefined;
+                            content: import("@atlaskit/editor-json-transformer").JSONNode | undefined;
+                        };
+                        validatePMJSONDocument: (doc: any) => boolean;
+                    };
+                }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                    sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                    dependencies: [];
+                    pluginConfiguration?: {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined;
+                    commands: {
+                        updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                    };
+                }, {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined>];
+                actions: {
+                    applyViewModeStepAt: (tr: Transaction) => boolean;
+                };
+            }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"engagementPlatform", {
+                actions: {
+                    startMessage: (messageId: string, variationId?: string | undefined) => Promise<boolean>;
+                    stopMessage: (messageId: string) => Promise<boolean>;
+                };
+                pluginConfiguration: import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig;
+                dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                    pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                    sharedState: {
+                        createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                        attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                        performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                    };
+                    dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                    actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
+                sharedState: import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginState;
+            }, import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig>>];
+            actions: {
+                stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, targetNodeId?: string | undefined, isOpeningMediaCommentFromToolbar?: boolean | undefined) => Command;
+                showCommentForBlockNode: (node: import("prosemirror-model").Node | null, viewMethod?: import("@atlaskit/editor-common/analytics").VIEW_METHOD | undefined, isOpeningMediaCommentFromToolbar?: boolean | undefined) => Command;
+            };
+        }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+            sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+            dependencies: [];
+            pluginConfiguration?: {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined;
+            commands: {
+                updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+        }, {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined>>];
         sharedState: import("../types").DatePluginSharedState;
         commands: {
             insertDate: import("../types").InsertDate;

package/dist/types/types/index.d.ts

@@ -1,8 +1,10 @@
 import type { WeekDay } from '@atlaskit/calendar/types';
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { EditorCommand, NextEditorPlugin, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
+import type { EditorCommand, NextEditorPlugin, OptionalPlugin, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 export type DateSegment = 'day' | 'month' | 'year';
 export type DateType = {
     year: number;
@@ -26,7 +28,12 @@ export type InsertDate = (props: {
 export type DeleteDate = EditorCommand;
 export type DatePlugin = NextEditorPlugin<'date', {
     pluginConfiguration: DatePluginConfig | undefined;
-    dependencies: [typeof analyticsPlugin, EditorDisabledPlugin];
+    dependencies: [
+        typeof analyticsPlugin,
+        EditorDisabledPlugin,
+        OptionalPlugin<AnnotationPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
+    ];
     sharedState: DatePluginSharedState;
     commands: {
         insertDate: InsertDate;

package/dist/types-ts4.5/datePluginType.d.ts

@@ -1,12 +1,16 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { DatePluginConfig, DatePluginSharedState, DeleteDate, InsertDate } from './types';
 export type DatePlugin = NextEditorPlugin<'date', {
     pluginConfiguration: DatePluginConfig | undefined;
     dependencies: [
         typeof analyticsPlugin,
-        EditorDisabledPlugin
+        EditorDisabledPlugin,
+        OptionalPlugin<AnnotationPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
     ];
     sharedState: DatePluginSharedState;
     commands: {

package/dist/types-ts4.5/pm-plugins/actions.d.ts

@@ -1,4 +1,5 @@
 import type { Command, CommandDispatch, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type Mark } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatePlugin, DateType } from '../types';
 export declare const createDate: (isQuickInsertAction?: boolean) => (state: EditorState) => Transaction;
@@ -28,7 +29,155 @@ export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi,
             }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>,
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
                 sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
-            }, undefined>
+            }, undefined>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"annotation", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined;
+                sharedState: import("@atlaskit/editor-plugin-annotation").InlineCommentPluginState | undefined;
+                dependencies: [
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                        sharedState: {
+                            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                        };
+                        dependencies: [
+                            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                            }, import("@atlaskit/editor-common/types").FeatureFlags>>
+                        ];
+                        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewModeEffects", {
+                        dependencies: [
+                            import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
+                                pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
+                                dependencies: [
+                                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                                    }, import("@atlaskit/editor-common/types").FeatureFlags>>,
+                                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                                        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                                        sharedState: {
+                                            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                                            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                                            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                                        };
+                                        dependencies: [
+                                            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                                                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                                                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                                            }, import("@atlaskit/editor-common/types").FeatureFlags>>
+                                        ];
+                                        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                                    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
+                                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                                        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                                        dependencies: [
+                                        ];
+                                        pluginConfiguration?: {
+                                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                                        } | undefined;
+                                        commands: {
+                                            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                                        };
+                                    }, {
+                                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                                    } | undefined>>
+                                ];
+                                sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
+                                actions: {
+                                    getAvatarColor: (str: string) => {
+                                        index: number;
+                                        color: "var(--ds-space-150)" | "var(--ds-space-025)" | "var(--ds-shadow-overlay)" | "var(--ds-surface-overlay)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-inverse)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtlest)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-inverse)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-icon-subtlest)" | "var(--ds-icon-subtle)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-focused)" | "var(--ds-border-input)" | "var(--ds-border-inverse)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-danger)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-pressed)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-pressed)" | "var(--ds-background-danger-bold)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-blanket-selected)" | "var(--ds-blanket-danger)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-050)" | "var(--ds-space-075)" | "var(--ds-space-100)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-400)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-050)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-weight-bold)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
+                                    };
+                                    addInlineCommentMark: (props: {
+                                        from: number;
+                                        to: number;
+                                        mark: Mark;
+                                    }) => boolean;
+                                    addInlineCommentNodeMark: (props: {
+                                        pos: number;
+                                        mark: Mark;
+                                    }) => boolean;
+                                    isRemoteReplaceDocumentTransaction: (tr: Transaction) => boolean;
+                                    getCurrentCollabState: () => {
+                                        version: number | undefined;
+                                        sendableSteps: import("@atlaskit/editor-plugin-collab-edit").CollabSendableSteps | null | undefined;
+                                        content: import("@atlaskit/editor-json-transformer").JSONNode | undefined;
+                                    };
+                                    validatePMJSONDocument: (doc: any) => boolean;
+                                };
+                            }, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>,
+                            import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                                dependencies: [
+                                ];
+                                pluginConfiguration?: {
+                                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                                } | undefined;
+                                commands: {
+                                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                                };
+                            }, {
+                                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                            } | undefined>
+                        ];
+                        actions: {
+                            applyViewModeStepAt: (tr: Transaction) => boolean;
+                        };
+                    }, undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"engagementPlatform", {
+                        actions: {
+                            startMessage: (messageId: string, variationId?: string | undefined) => Promise<boolean>;
+                            stopMessage: (messageId: string) => Promise<boolean>;
+                        };
+                        pluginConfiguration: import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig;
+                        dependencies: [
+                            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                                sharedState: {
+                                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                                };
+                                dependencies: [
+                                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                                    }, import("@atlaskit/editor-common/types").FeatureFlags>>
+                                ];
+                                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
+                        ];
+                        sharedState: import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginState;
+                    }, import("@atlaskit/editor-plugin-engagement-platform").EngagementPlatformPluginConfig>>
+                ];
+                actions: {
+                    stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: EditorState) => boolean | undefined;
+                    setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, targetNodeId?: string | undefined, isOpeningMediaCommentFromToolbar?: boolean | undefined) => Command;
+                    showCommentForBlockNode: (node: import("prosemirror-model").Node | null, viewMethod?: import("@atlaskit/editor-common/analytics").VIEW_METHOD | undefined, isOpeningMediaCommentFromToolbar?: boolean | undefined) => Command;
+                };
+            }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                dependencies: [
+                ];
+                pluginConfiguration?: {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined;
+                commands: {
+                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                };
+            }, {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined>>
         ];
         sharedState: import("../types").DatePluginSharedState;
         commands: {

package/dist/types-ts4.5/types/index.d.ts

@@ -1,8 +1,10 @@
 import type { WeekDay } from '@atlaskit/calendar/types';
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { EditorCommand, NextEditorPlugin, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
+import type { EditorCommand, NextEditorPlugin, OptionalPlugin, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 export type DateSegment = 'day' | 'month' | 'year';
 export type DateType = {
     year: number;
@@ -28,7 +30,9 @@ export type DatePlugin = NextEditorPlugin<'date', {
     pluginConfiguration: DatePluginConfig | undefined;
     dependencies: [
         typeof analyticsPlugin,
-        EditorDisabledPlugin
+        EditorDisabledPlugin,
+        OptionalPlugin<AnnotationPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
     ];
     sharedState: DatePluginSharedState;
     commands: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-date",
-	"version": "2.4.11",
+	"version": "2.4.13",
 	"description": "Date plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,17 +34,20 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/calendar": "^15.1.0",
 		"@atlaskit/date": "^0.11.0",
-		"@atlaskit/editor-common": "^95.7.0",
+		"@atlaskit/editor-common": "^96.1.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
+		"@atlaskit/editor-plugin-annotation": "1.25.7",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
-		"@atlaskit/editor-prosemirror": "6.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
+		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
-		"@atlaskit/form": "^10.5.0",
+		"@atlaskit/form": "^10.6.0",
+		"@atlaskit/icon": "^23.0.1",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/textfield": "6.6.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.3.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"date-fns": "^2.17.0",
@@ -53,15 +56,15 @@
 	},
 	"devDependencies": {
 		"@atlaskit/editor-plugin-composition": "^1.2.0",
-		"@atlaskit/editor-plugin-content-insertion": "^1.10.0",
+		"@atlaskit/editor-plugin-content-insertion": "^1.11.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
 		"@atlaskit/editor-plugin-guideline": "^1.2.0",
 		"@atlaskit/editor-plugin-quick-insert": "^1.7.0",
 		"@atlaskit/editor-plugin-selection": "^1.5.0",
-		"@atlaskit/editor-plugin-table": "^8.1.0",
+		"@atlaskit/editor-plugin-table": "^8.4.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^2.12.0",
-		"@atlaskit/editor-plugin-type-ahead": "^1.10.0",
+		"@atlaskit/editor-plugin-type-ahead": "^1.11.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
 		"@testing-library/react": "^12.1.5"
 	},
@@ -108,6 +111,9 @@
 	"platform-feature-flags": {
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
+		},
+		"platform_inline_node_as_valid_annotation_selection": {
+			"type": "boolean"
 		}
 	}
 }