@atlaskit/editor-core 177.0.0 → 178.0.0

package/dist/esm/ui/ContentStyles/index.js

@@ -7,7 +7,6 @@ import React, { useMemo } from 'react';
 import { jsx, css, useTheme } from '@emotion/react';
 import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles } from '@atlaskit/editor-common/styles';
 import { editorFontSize } from '@atlaskit/editor-shared-styles';
-import { token } from '@atlaskit/tokens';
 import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
 import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
@@ -42,7 +41,7 @@ import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewPro
 var contentStyles = function contentStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, token('color.border.focused', '#8cf'), placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 
 export var createEditorContentStyle = function createEditorContentStyle(styles) {

package/dist/esm/ui/ContextPanel/index.js

@@ -30,7 +30,6 @@ import { pluginKey as contextPanelPluginKey } from '../../plugins/context-panel'
 import { pluginKey as widthPluginKey } from '../../plugins/width';
 import WithEditorActions from '../WithEditorActions';
 import { getChildBreakoutModes } from '../../utils/document';
-import { token } from '@atlaskit/tokens';
 var ANIM_SPEED_MS = 500;
 var EDITOR_WIDTH = akEditorDefaultLayoutWidth + akEditorBreakoutPadding;
 var WIDE_EDITOR_WIDTH = akEditorWideLayoutWidth + akEditorBreakoutPadding;
@@ -48,7 +47,7 @@ export var shouldPanelBePositionedOverEditor = function shouldPanelBePositionedO
   return editorNotFullWidth && (hasSpaceForPanel || hasSpaceForWideBreakoutsAndPanel);
 };
 var panelHidden = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 0;\n"])));
-export var panel = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 100%;\n  transition: width ", "ms ", ";\n  overflow: hidden;\n  box-shadow: inset 2px 0 0 0 ", ";\n"])), akEditorContextPanelWidth, ANIM_SPEED_MS, akEditorSwoopCubicBezier, token('color.border', N30));
+export var panel = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 100%;\n  transition: width ", "ms ", ";\n  overflow: hidden;\n  box-shadow: inset 2px 0 0 0 ", ";\n"])), akEditorContextPanelWidth, ANIM_SPEED_MS, akEditorSwoopCubicBezier, "var(--ds-border, ".concat(N30, ")"));
 export var content = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: width 600ms ", ";\n  box-sizing: border-box;\n  padding: 16px 16px 0px;\n  width: ", "px;\n  height: 100%;\n  overflow-y: auto;\n"])), akEditorSwoopCubicBezier, akEditorContextPanelWidth);
 export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SwappableContentArea, _React$PureComponent);

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -23,7 +23,6 @@ import { getFeaturedQuickInsertItems, searchQuickInsertItems } from '../../plugi
 import { insertItem } from '../../plugins/quick-insert/commands';
 import ElementBrowser from './components/ElementBrowserLoader';
 import { ELEMENT_ITEM_HEIGHT } from './constants';
-import { token } from '@atlaskit/tokens';
 
 var InsertMenu = function InsertMenu(_ref) {
   var editorView = _ref.editorView,
@@ -160,9 +159,9 @@ var insertMenuWrapper = function insertMenuWrapper(theme, itemCount) {
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n"])), getInsertMenuHeight({
     itemCount: itemCount
   }), themed({
-    light: token('elevation.surface.overlay', N0),
-    dark: token('elevation.surface.overlay', DN50)
-  })(theme), borderRadius(), token('elevation.shadow.overlay', "0 0 0 1px ".concat(N30A, ",\n    0 2px 1px ").concat(N30A, ",\n    0 0 20px -6px ").concat(N60A)));
+    light: "var(--ds-surface-overlay, ".concat(N0, ")"),
+    dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
+  })(theme), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N30A, ",\n    0 2px 1px ").concat(N30A, ",\n    0 0 20px -6px ").concat(N60A), ")"));
 };
 
 var itemBefore = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 40px;\n  height: 40px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: ", "px;\n"])), gridSize() / 2);

package/dist/esm/ui/ElementBrowser/ModalElementBrowser.js

@@ -17,12 +17,11 @@ import ElementBrowser from './components/ElementBrowserLoader';
 import { getCategories } from './categories';
 import { MODAL_WRAPPER_PADDING } from './constants';
 import { messages } from './messages';
-import { token } from '@atlaskit/tokens';
 var actions = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  margin: 0 -4px;\n"])));
 var actionItem = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1 0 auto;\n  margin: 0 4px;\n"])));
 var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n  padding: ", "px ", "px 0 10px;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", "px;\n"])), MODAL_WRAPPER_PADDING, MODAL_WRAPPER_PADDING, themed({
-  light: token('elevation.surface.overlay', N0),
-  dark: token('elevation.surface.overlay', DN50)
+  light: "var(--ds-surface-overlay, ".concat(N0, ")"),
+  dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
 })(), borderRadius());
 var modalFooter = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", "px;\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), MODAL_WRAPPER_PADDING);
 

package/dist/esm/ui/ElementBrowser/components/CategoryList.js

@@ -22,7 +22,6 @@ import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { DEVICE_BREAKPOINT_NUMBERS, GRID_SIZE } from '../constants';
 import useFocus from '../hooks/use-focus';
 import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, ACTION } from '../../../plugins/analytics';
-import { token } from '@atlaskit/tokens';
 
 function CategoryList(_ref) {
   var _ref$categories = _ref.categories,
@@ -91,9 +90,9 @@ function CategoryListItem(_ref2) {
         marginLeft: '2px',
         height: '100%',
         width: '100%',
-        color: category.name !== selectedCategory ? token('color.text', N800) : token('color.text.selected', B400)
+        color: category.name !== selectedCategory ? "var(--ds-text, ".concat(N800, ")") : "var(--ds-text-selected, ".concat(B400, ")")
       }, category.name === selectedCategory && {
-        background: token('color.background.selected', B50)
+        background: "var(--ds-background-selected, ".concat(B50, ")")
       })
     }, rest);
   }, [category.name, selectedCategory]);

package/dist/esm/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -16,7 +16,6 @@ import { ButtonItem } from '@atlaskit/menu';
 import { B100, N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { token } from '@atlaskit/tokens';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../../plugins/analytics';
 import IconFallback from '../../../../plugins/quick-insert/assets/fallback';
@@ -237,7 +236,7 @@ var ItemContent = /*#__PURE__*/memo(function (_ref6) {
     css: itemDescription
   }, description)));
 });
-var elementItemsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-flow: row wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow: hidden;\n  padding: ", "px; // For Focus outline\n\n  .ReactVirtualized__Collection {\n    border-radius: 3px; // Standard border-radius across other components like Search or Item.\n    outline: none;\n\n    :focus {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n    }\n  }\n  .ReactVirtualized__Collection__innerScrollContainer {\n    div[class='element-item-wrapper']:last-child {\n      padding-bottom: 4px;\n    }\n  }\n"])), ELEMENT_LIST_PADDING, ELEMENT_LIST_PADDING, token('color.border.focused', B100));
+var elementItemsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-flow: row wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow: hidden;\n  padding: ", "px; // For Focus outline\n\n  .ReactVirtualized__Collection {\n    border-radius: 3px; // Standard border-radius across other components like Search or Item.\n    outline: none;\n\n    :focus {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n    }\n  }\n  .ReactVirtualized__Collection__innerScrollContainer {\n    div[class='element-item-wrapper']:last-child {\n      padding-bottom: 4px;\n    }\n  }\n"])), ELEMENT_LIST_PADDING, ELEMENT_LIST_PADDING, "var(--ds-border-focused, ".concat(B100, ")"));
 var elementItemWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  div {\n    button {\n      height: 75px;\n      align-items: flex-start;\n      padding: 12px 12px 11px;\n    }\n  }\n"])));
 var itemBody = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  line-height: 1.4;\n  width: 100%;\n\n  margin-top: -2px; // Fixes the Item Icon and text's alignment issue\n"])));
 /*
@@ -246,7 +245,7 @@ var itemBody = css(_templateObject3 || (_templateObject3 = _taggedTemplateLitera
  */
 
 var multilineStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"])));
-var itemDescription = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n\n  overflow: hidden;\n  font-size: ", ";\n  color: ", ";\n  margin-top: 2px;\n"])), multilineStyle, relativeFontSizeToBase16(11.67), token('color.text.subtle', N200));
+var itemDescription = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n\n  overflow: hidden;\n  font-size: ", ";\n  color: ", ";\n  margin-top: 2px;\n"])), multilineStyle, relativeFontSizeToBase16(11.67), "var(--ds-text-subtle, ".concat(N200, ")"));
 var itemText = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: inherit;\n  white-space: initial;\n"])));
 var itemTitleWrapper = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between; // Title and keyboardshortcut are rendered in the same block\n"])));
 var itemTitle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  overflow: hidden;\n\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"])));

package/dist/esm/ui/ElementBrowser/components/ElementList/EmptyState.js

@@ -7,7 +7,6 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import NotFoundIllustration from './NotFoundIllustration';
-import { token } from '@atlaskit/tokens';
 export default function EmptyState(_ref) {
   var onExternalLinkClick = _ref.onExternalLinkClick;
   return jsx("div", {
@@ -37,7 +36,7 @@ export default function EmptyState(_ref) {
     description: "Empty state sub-heading external link"
   })))));
 }
-var emptyStateHeading = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 1.42857em;\n  line-height: 1.2;\n  color: ", ";\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: 28px;\n"])), token('color.text', 'rgb(23, 43, 77)'));
+var emptyStateHeading = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 1.42857em;\n  line-height: 1.2;\n  color: ", ";\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: 28px;\n"])), "var(--ds-text, rgb(23, 43, 77))");
 var emptyStateSubHeading = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 16px;\n  max-width: 400px;\n  text-align: center;\n"])));
 var emptyStateWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n"])));
 var externalLinkWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 14px;\n"])));

package/dist/esm/ui/ElementBrowser/components/ElementSearch.js

@@ -15,7 +15,6 @@ import { GRID_SIZE, SEARCH_ITEM_HEIGHT_WIDTH } from '../constants';
 import useFocus from '../hooks/use-focus';
 import { Modes } from '../types';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { token } from '@atlaskit/tokens';
 
 function ElementSearch(_ref) {
   var onSearch = _ref.onSearch,
@@ -76,7 +75,7 @@ var placeHolderMessage = {
 var styledShortcut = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  padding: ", "px ", "px;\n  width: ", "px;\n"])), shortcutStyle, GRID_SIZE / 2, GRID_SIZE, GRID_SIZE * 6);
 var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px 6px ", "px 0;\n    }\n  }\n"])), GRID_SIZE * 6, GRID_SIZE, relativeFontSizeToBase16(14), GRID_SIZE, GRID_SIZE);
 var wrapperInline = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    flex: none;\n    overflow: revert;\n  }\n"])), GRID_SIZE * 5);
-var elementBeforeInput = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 1px 6px 0 8px;\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), token('color.icon', N200));
+var elementBeforeInput = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 1px 6px 0 8px;\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-icon, ".concat(N200, ")"));
 var elementAfterInput = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 0 8px;\n  height: ", ";\n  text-align: center;\n"])), SEARCH_ITEM_HEIGHT_WIDTH);
 var MemoizedElementSearchWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
   component: 'Searchbar'

package/dist/esm/ui/FloatingToolbar/styles.js

@@ -5,7 +5,6 @@ var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 export var container = function container(height) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: ", ";\n  ", ";\n"])), borderRadius(), token('elevation.shadow.overlay', "0 12px 24px -6px ".concat(N50A, ", 0 0 1px ").concat(N60A)), token('color.background.input', N0), height ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        height: ", "px;\n      "])), height) : '');
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: ", ";\n  ", ";\n"])), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-background-input, ".concat(N0, ")"), height ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        height: ", "px;\n      "])), height) : '');
 };

package/dist/esm/ui/LinkSearch/LinkSearchListItem.js

@@ -19,17 +19,16 @@ import { css, jsx } from '@emotion/react'; // AFP-2532 TODO: Fix automatic suppr
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { fontSizeSmall } from '@atlaskit/theme';
-import { token } from '@atlaskit/tokens';
 import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { getCorrectAltByIconUrl } from './listItemAlts';
 import { transformTimeStamp } from './transformTimeStamp';
 import { injectIntl } from 'react-intl-next';
 export var container = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: transparent;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  margin-top: 0;\n"])));
-export var containerSelected = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.neutral.subtle.hovered', N20));
+export var containerSelected = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));
 var nameWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-export var nameStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), token('color.text', N800));
-export var containerName = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), token('color.text.subtlest', N300), relativeFontSizeToBase16(fontSizeSmall()));
+export var nameStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), "var(--ds-text, ".concat(N800, ")"));
+export var containerName = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N300, ")"), relativeFontSizeToBase16(fontSizeSmall()));
 var iconStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  min-width: 16px;\n  margin-top: 3px;\n  margin-right: 12px;\n\n  img {\n    max-width: 16px;\n  }\n"])));
 
 var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {

package/dist/esm/ui/PanelTextInput/styles.js

@@ -5,9 +5,8 @@ var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { N400, N100 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { token } from '@atlaskit/tokens'; // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
-
-export var panelTextInput = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), token('color.text.subtle', N400), relativeFontSizeToBase16(13), token('color.text.subtlest', N100));
+// Normal .className gets overridden by input[type=text] hence this hack to produce input.className
+export var panelTextInput = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), "var(--ds-text-subtle, ".concat(N400, ")"), relativeFontSizeToBase16(13), "var(--ds-text-subtlest, ".concat(N100, ")"));
 export var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  input& {\n    width: ", "px;\n  }\n"])), width);
 };

package/dist/esm/ui/ToolbarArrowKeyNavigationProvider/index.js

@@ -23,7 +23,8 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       editorView = _ref.editorView,
       childComponentSelector = _ref.childComponentSelector,
       handleEscape = _ref.handleEscape,
-      disableArrowKeyNavigation = _ref.disableArrowKeyNavigation;
+      disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
+      isShortcutToFocusToolbar = _ref.isShortcutToFocusToolbar;
   var wrapperRef = useRef(null);
   var selectedItemIndex = useRef(0);
   var incrementIndex = useCallback(function (list) {
@@ -139,11 +140,35 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       }
     };
 
+    var globalKeyDownHandler = function globalKeyDownHandler(event) {
+      //To focus the first element in the toolbar
+      if (isShortcutToFocusToolbar(event)) {
+        var _filteredFocusableEle4, _filteredFocusableEle5;
+
+        var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+        (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
+        (_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+          inline: 'nearest'
+        });
+      }
+    };
+
     element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+
+    if (isShortcutToFocusToolbar) {
+      document.addEventListener('keydown', globalKeyDownHandler);
+    }
+
     return function () {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
+
+      if (isShortcutToFocusToolbar) {
+        document.removeEventListener('keydown', globalKeyDownHandler);
+      }
     };
-  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex]);
+  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar]);
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-key-handler-wrapper",
     ref: wrapperRef

package/dist/esm/ui/ToolbarFeedback/styles.js

@@ -5,11 +5,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N60A, N400, P400 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 export var buttonContent = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: 24px;\n  line-height: 24px;\n  min-width: 70px;\n"])));
 export var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 0;\n"])));
-export var confirmationPopup = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow: auto;\n  max-height: none;\n  height: 410px;\n  width: 280px;\n"])), token('elevation.surface.overlay', '#fff'), borderRadius(), token('elevation.shadow.overlay', "0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A)));
-export var confirmationText = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  word-spacing: 4px;\n  line-height: 22px;\n  color: ", ";\n  margin-top: 30px;\n  padding: 20px;\n  & > div {\n    width: 240px;\n  }\n  & > div:first-of-type {\n    margin-bottom: 12px;\n  }\n  & > div:nth-of-type(2) {\n    margin-bottom: 20px;\n  }\n"])), relativeFontSizeToBase16(14), token('color.text.subtle', N400));
-export var confirmationHeader = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 100px;\n  width: 100%;\n  display: inline-block;\n"])), token('color.background.discovery.bold', P400));
+export var confirmationPopup = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow: auto;\n  max-height: none;\n  height: 410px;\n  width: 280px;\n"])), "var(--ds-surface-overlay, #fff)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"));
+export var confirmationText = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  word-spacing: 4px;\n  line-height: 22px;\n  color: ", ";\n  margin-top: 30px;\n  padding: 20px;\n  & > div {\n    width: 240px;\n  }\n  & > div:first-of-type {\n    margin-bottom: 12px;\n  }\n  & > div:nth-of-type(2) {\n    margin-bottom: 20px;\n  }\n"])), relativeFontSizeToBase16(14), "var(--ds-text-subtle, ".concat(N400, ")"));
+export var confirmationHeader = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 100px;\n  width: 100%;\n  display: inline-block;\n"])), "var(--ds-background-discovery-bold, ".concat(P400, ")"));
 export var confirmationImg = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100px;\n  display: block;\n  margin: 25px auto 0 auto;\n"])));

package/dist/esm/ui/WithFlash/index.js

@@ -17,9 +17,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { css, jsx, keyframes } from '@emotion/react';
 import { R100 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-var pulseBackground = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  50% {\n    background-color: ", ";\n  }\n"])), token('color.blanket.danger', R100));
-var pulseBackgroundReverse = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), token('color.blanket.danger', R100), token('color.blanket.danger', R100));
+var pulseBackground = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  50% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"));
+var pulseBackgroundReverse = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"), "var(--ds-blanket-danger, ".concat(R100, ")"));
 var flashWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  &.-flash > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n\n  & > div {\n    animation: 'none';\n  }\n"])), pulseBackgroundReverse);
 var flashWrapperAnimated = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n\n  & > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n"])), flashWrapper, pulseBackground);
 

package/dist/esm/ui/styles.js

@@ -4,11 +4,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 export var buttonGroupStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
-export var separatorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), token('color.border', N30));
+export var separatorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), "var(--ds-border, ".concat(N30, ")"));
 export var wrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
 export var wrapperSmallStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
 export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
@@ -16,5 +15,5 @@ export var triggerWrapperStyles = css(_templateObject6 || (_templateObject6 = _t
 export var buttonContentStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
 export var buttonContentReducedSpacingStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 8px;\n"]))); // Taken from the style of inline dialog components
 
-export var dropShadow = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), token('elevation.shadow.overlay', "0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)"));
+export var dropShadow = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"));
 export var clickSelectWrapperStyle = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));

package/dist/esm/utils/performance/instrumented-plugin.js

@@ -35,8 +35,10 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
     } : _options$uiTracking,
         _options$saferDispatc = options.saferDispatchedTransactions,
         saferDispatchedTransactions = _options$saferDispatc === void 0 ? false : _options$saferDispatc,
+        _options$saferDispatc2 = options.saferDispatchedTransactionsAnalyticsOnly,
+        saferDispatchedTransactionsAnalyticsOnly = _options$saferDispatc2 === void 0 ? false : _options$saferDispatc2,
         dispatchAnalyticsEvent = options.dispatchAnalyticsEvent;
-    var shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions;
+    var shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly;
 
     if (shouldOverrideApply && spec.state) {
       var originalApply = spec.state.apply.bind(spec.state);
@@ -44,9 +46,10 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
       spec.state.apply = function (aTr, value, oldState, newState) {
         var self = _assertThisInitialized(_this);
 
-        var tr = saferDispatchedTransactions ? new Proxy(aTr, freezeUnsafeTransactionProperties({
+        var tr = saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly ? new Proxy(aTr, freezeUnsafeTransactionProperties({
           dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          pluginKey: self.key
+          pluginKey: self.key,
+          analyticsOnly: saferDispatchedTransactionsAnalyticsOnly
         })) : aTr;
         var shouldTrackTransactions = transactionTracker === null || transactionTracker === void 0 ? void 0 : transactionTracker.shouldTrackTransaction(transactionTracking);
 

package/dist/esm/utils/performance/safer-transactions.js

@@ -11,7 +11,8 @@ var isReadOnlyProperty = function isReadOnlyProperty(prop) {
 
 export var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionProperties(_ref) {
   var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-      pluginKey = _ref.pluginKey;
+      pluginKey = _ref.pluginKey,
+      analyticsOnly = _ref.analyticsOnly;
 
   var isUnsafe = function isUnsafe() {
     if (dispatchAnalyticsEvent) {
@@ -21,11 +22,16 @@ export var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionP
         eventType: EVENT_TYPE.OPERATIONAL,
         attributes: {
           pluginKey: pluginKey || 'unknown'
+        },
+        nonPrivacySafeAttributes: {
+          stack: new Error().stack
         }
       });
     }
 
-    throw new Error(UNSAFE_PROPERTY_SET_ERROR);
+    if (!analyticsOnly) {
+      throw new Error(UNSAFE_PROPERTY_SET_ERROR);
+    }
   };
 
   return {

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "177.0.0";
+export var version = "178.0.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "177.0.0",
+	"version": "178.0.0",
 	"sideEffects": false
 }

package/dist/types/plugins/block-type/commands/delete-and-move-cursor.d.ts

@@ -0,0 +1,12 @@
+import { Command } from '../../../types';
+/**
+ * Fixes cursor position after delete for list/task in panel and table
+ *
+ * ED-13873 fixes a bug where after deleting a list the cursor would move
+ * to the cell to the right. Uses setSelection to position the cursor as expected after deleting.
+ *
+ * @param state EditorState<any>
+ * @param dispatch CommandDispatch
+ * @returns boolean
+ */
+export declare const deleteAndMoveCursor: Command;

package/dist/types/plugins/block-type/commands/index.d.ts

@@ -2,3 +2,4 @@ export { cleanUpAtTheStartOfDocument, insertBlockType, insertBlockTypesWithAnaly
 export type { InputMethod } from './block-type';
 export { insertBlock } from './insert-block';
 export { isConvertableToCodeBlock, transformToCodeBlockAction, } from './transform-to-code-block';
+export { deleteAndMoveCursor } from './delete-and-move-cursor';

package/dist/types/plugins/floating-toolbar/ui/DropdownMenu.d.ts

@@ -19,6 +19,7 @@ export interface DropdownButtonItemProps extends ButtonItemProps {
     onMouseEnter?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     onMouseLeave?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOut?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     onFocus?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     onBlur?: (event: React.MouseEvent | React.KeyboardEvent) => void;
 }

package/dist/types/plugins/text-color/pm-plugins/main.d.ts

@@ -5,7 +5,6 @@ import { PaletteColor } from '../../../ui/ColorPalette/Palettes/type';
 export { DEFAULT_COLOR } from '../utils/color';
 export declare type TextColorPluginState = {
     palette: Array<PaletteColor>;
-    paletteExpanded?: Array<PaletteColor>;
     defaultColor: string;
     disabled?: boolean;
     color: string | null;
@@ -25,6 +24,7 @@ export declare type TextColorDefaultColor = {
 };
 export interface TextColorPluginConfig {
     defaultColor?: TextColorDefaultColor;
+    /** @deprecated [ED-15849] Color selection palette now shows more colors by default. */
     allowMoreTextColors?: boolean;
 }
 export declare function createInitialPluginState(editorState: EditorState, pluginConfig?: TextColorPluginConfig): TextColorPluginState;

package/dist/types/ui/ColorPalette/Palettes/textColorPalette.d.ts

@@ -1 +1 @@
-export { textColorPalette, textColorPaletteExtended, } from '@atlaskit/editor-common/ui-color';
+export { textColorPalette } from '@atlaskit/editor-common/ui-color';

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

@@ -12,10 +12,11 @@ export declare const KeyDownHandlerContext: React.Context<KeyDownHandlerContext>
  * @param
  * @returns
  */
-export declare const ToolbarArrowKeyNavigationProvider: ({ children, editorView, childComponentSelector, handleEscape, disableArrowKeyNavigation, }: {
+export declare const ToolbarArrowKeyNavigationProvider: ({ children, editorView, childComponentSelector, handleEscape, disableArrowKeyNavigation, isShortcutToFocusToolbar, }: {
     children: ReactNode;
     editorView?: EditorView<any> | undefined;
     childComponentSelector: string;
     handleEscape?: ((event: KeyboardEvent) => void) | undefined;
     disableArrowKeyNavigation?: boolean | undefined;
+    isShortcutToFocusToolbar?: ((event: KeyboardEvent) => boolean) | undefined;
 }) => JSX.Element;

package/dist/types/utils/performance/instrumented-plugin.d.ts

@@ -7,6 +7,7 @@ import { FeatureFlags } from '../../types/feature-flags';
 import { DispatchAnalyticsEvent } from '../../plugins/analytics/types';
 declare type InstrumentedPluginOptions = EditorProps['performanceTracking'] & {
     saferDispatchedTransactions?: FeatureFlags['saferDispatchedTransactions'];
+    saferDispatchedTransactionsAnalyticsOnly?: FeatureFlags['saferDispatchedTransactionsAnalyticsOnly'];
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
 };
 export declare class InstrumentedPlugin<PluginState, NodeSchema extends Schema<any, any>> extends SafePlugin<PluginState, NodeSchema> {

package/dist/types/utils/performance/safer-transactions.d.ts

@@ -3,6 +3,7 @@ export declare const UNSAFE_PROPERTY_SET_ERROR = "Setting an unsafe property on
 interface FreezeUnsafeTransactionOptions {
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     pluginKey?: string;
+    analyticsOnly?: boolean;
 }
-export declare const freezeUnsafeTransactionProperties: <TrType extends object>({ dispatchAnalyticsEvent, pluginKey, }: FreezeUnsafeTransactionOptions) => ProxyHandler<TrType>;
+export declare const freezeUnsafeTransactionProperties: <TrType extends object>({ dispatchAnalyticsEvent, pluginKey, analyticsOnly, }: FreezeUnsafeTransactionOptions) => ProxyHandler<TrType>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "177.0.0",
+  "version": "178.0.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
   "dependencies": {
     "@atlaskit/activity": "^1.0.1",
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^25.0.0",
+    "@atlaskit/adf-schema": "^25.1.0",
     "@atlaskit/adf-utils": "^18.0.0",
     "@atlaskit/analytics-gas-types": "^5.0.0",
     "@atlaskit/analytics-listeners": "^8.3.0",
@@ -41,7 +41,7 @@
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/date": "^0.9.0",
     "@atlaskit/datetime-picker": "^12.3.0",
-    "@atlaskit/editor-common": "^72.0.0",
+    "@atlaskit/editor-common": "^72.1.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-markdown-transformer": "^5.0.0",
     "@atlaskit/editor-plugin-table": "^1.0.0",
@@ -56,7 +56,7 @@
     "@atlaskit/locale": "^2.3.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/media-card": "^74.4.0",
-    "@atlaskit/media-client": "^19.1.0",
+    "@atlaskit/media-client": "^20.0.0",
     "@atlaskit/media-common": "^2.18.0",
     "@atlaskit/media-filmstrip": "^46.1.0",
     "@atlaskit/media-picker": "^64.1.0",
@@ -69,7 +69,7 @@
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^16.1.0",
-    "@atlaskit/smart-card": "^23.10.0",
+    "@atlaskit/smart-card": "^23.12.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/status": "^1.2.0",
@@ -126,7 +126,7 @@
     "w3c-keyname": "^2.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.3.4",
+    "@atlaskit/link-provider": "^1.3.8",
     "@atlaskit/media-core": "^34.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
@@ -136,7 +136,7 @@
     "@atlaskit/atlassian-navigation": "^2.3.0",
     "@atlaskit/breadcrumbs": "11.7.7",
     "@atlaskit/code": "^14.4.0",
-    "@atlaskit/collab-provider": "8.0.0",
+    "@atlaskit/collab-provider": "8.0.1",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.4.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
@@ -155,8 +155,8 @@
     "@atlaskit/media-test-helpers": "^30.1.0",
     "@atlaskit/menu": "^1.4.0",
     "@atlaskit/page-layout": "^1.3.0",
-    "@atlaskit/profilecard": "^18.0.0",
-    "@atlaskit/pubsub": "^6.0.0",
+    "@atlaskit/profilecard": "^18.1.0",
+    "@atlaskit/pubsub": "^6.2.0",
     "@atlaskit/renderer": "^105.0.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/share": "*",
@@ -170,7 +170,7 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/link-picker-atlassian-plugin": "^26.0.0",
-    "@atlassian/link-picker-plugins": "^14.0.0",
+    "@atlassian/link-picker-plugins": "^14.1.0",
     "@atlassian/search-provider": "2.3.9",
     "@atlassian/ufo": "^0.1.0",
     "@emotion/jest": "^11.8.0",
@@ -204,7 +204,6 @@
     "react-test-renderer": "^16.8.0",
     "rison": "^0.1.1",
     "sinon": "^2.2.0",
-    "styled-components": "^3.2.6",
     "typescript": "4.5.5",
     "url-search-params": "^0.10.0",
     "worker-plugin": "^4.0.2"