@atlaskit/editor-common 100.1.2 → 100.2.1

package/dist/cjs/ui/index.js

@@ -185,12 +185,48 @@ Object.defineProperty(exports, "ShadowObserver", {
     return _shadowObserver.ShadowObserver;
   }
 });
+Object.defineProperty(exports, "Shortcut", {
+  enumerable: true,
+  get: function get() {
+    return _Shortcut.Shortcut;
+  }
+});
 Object.defineProperty(exports, "SmallerEditIcon", {
   enumerable: true,
   get: function get() {
     return _SmallerEditIcon.SmallerEditIcon;
   }
 });
+Object.defineProperty(exports, "ToolbarButtonGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonGroup.ToolbarButtonGroup;
+  }
+});
+Object.defineProperty(exports, "ToolbarDropdownTriggerWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownTriggerWrapper.ToolbarDropdownTriggerWrapper;
+  }
+});
+Object.defineProperty(exports, "ToolbarDropdownWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownWrapper.ToolbarDropdownWrapper;
+  }
+});
+Object.defineProperty(exports, "ToolbarExpandIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ExpandIcon.ToolbarExpandIcon;
+  }
+});
+Object.defineProperty(exports, "ToolbarSeparator", {
+  enumerable: true,
+  get: function get() {
+    return _Separator2.ToolbarSeparator;
+  }
+});
 Object.defineProperty(exports, "UnsupportedBlock", {
   enumerable: true,
   get: function get() {
@@ -433,7 +469,13 @@ var _styled2 = require("./ResizerLegacy/styled");
 var _styles = require("./PanelTextInput/styles");
 var _PanelTextInput = _interopRequireDefault(require("./PanelTextInput"));
 var _announcer = _interopRequireDefault(require("./Announcer/announcer"));
+var _Shortcut = require("./Shortcut");
 var _Toolbar = require("./Toolbar");
+var _ButtonGroup = require("./Toolbar/ButtonGroup");
+var _DropdownTriggerWrapper = require("./Toolbar/DropdownTriggerWrapper");
+var _DropdownWrapper = require("./Toolbar/DropdownWrapper");
+var _ExpandIcon = require("./Toolbar/ExpandIcon");
+var _Separator2 = require("./Toolbar/Separator");
 var _DropList = _interopRequireDefault(require("./DropList"));
 var _MultiBodiedExtension = require("./MultiBodiedExtension");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

package/dist/es2019/analytics/types/enums.js

@@ -284,6 +284,7 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["MEDIA_VIEWER"] = "mediaViewer";
   ACTION_SUBJECT["DECORATION"] = "decoration";
   ACTION_SUBJECT["EDITOR_PLUGIN_AI"] = "editorPluginAI";
+  ACTION_SUBJECT["EDITOR_PLUGIN_SELECTION_EXTENSION"] = "editorPluginSelectionExtension";
   ACTION_SUBJECT["AI_DEFINITIONS"] = "aiDefinitions";
   return ACTION_SUBJECT;
 }({});
@@ -436,6 +437,9 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_BLOCK"] = "onUnsupportedBlock";
   ACTION_SUBJECT_ID["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
   ACTION_SUBJECT_ID["UPLOAD_MEDIA"] = "uploadMedia";
+  ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_DROPDOWN"] = "editorPluginSelectionExtensionDropdown";
+  ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_ITEM"] = "editorPluginSelectionExtensionItem";
+  ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_COMPONENT"] = "editorPluginSelectionExtensionComponent";
   return ACTION_SUBJECT_ID;
 }({});
 export let FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/es2019/analytics/types/selection-extension-events.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/extensions/module-helpers.js

@@ -174,6 +174,11 @@ function shouldAddExtensionItemForNode(item, node) {
   if (item.context.type !== 'extension' || node.type !== item.context.nodeType) {
     return false;
   }
+
+  // in cases where we need custom exclusion depending on the node
+  if (item.context.shouldExclude) {
+    return item.context.shouldExclude(node);
+  }
   const {
     extensionType,
     extensionKey

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "100.1.2";
+const packageVersion = "100.2.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/expand.js

@@ -5,6 +5,10 @@ export const expandIconWrapperStyle = css({
   marginLeft: "var(--ds-space-negative-100, -8px)"
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarExpandIcon } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const expandIconContainerStyle = css({
   display: 'flex',

package/dist/es2019/styles/shared/plugins.js

@@ -1,5 +1,9 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, -- Ignored via go/DSP-18766
 export const buttonGroupStyleBeforeVisualRefresh = css({
   display: 'inline-flex',
@@ -17,6 +21,10 @@ export const buttonGroupStyleBeforeVisualRefresh = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const buttonGroupStyle = css({
   display: 'inline-flex',
@@ -39,6 +47,10 @@ export const buttonGroupStyle = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarSeparator } from '@atlaskit/editor-common/ui';` instead
+ */
 // If you make change here, change in above file as well.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const separatorStyles = css({
@@ -50,6 +62,10 @@ export const separatorStyles = css({
   userSelect: 'none'
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // If you make change here, change in above file as well.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const wrapperStyle = css({
@@ -74,6 +90,10 @@ export const wrapperStyle = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const triggerWrapperStyles = css({
   display: 'flex',
@@ -86,6 +106,10 @@ export const triggerWrapperStyles = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const triggerWrapperStylesWithPadding = css({
   display: 'flex',

package/dist/es2019/type-ahead/messages.js

@@ -15,6 +15,11 @@ export const typeAheadListMessages = defineMessages({
     defaultMessage: 'Begin typing to search or filter shortcut options',
     description: 'assisitve text for typeahed input field'
   },
+  quickInsertInputPlaceholderLabel: {
+    id: 'fabric.editor.typeAhead.quickInsertInputPlaceholderLabel',
+    defaultMessage: 'Search',
+    description: 'placeholder for typeahed input field'
+  },
   emojiPopupLabel: {
     id: 'fabric.editor.typeahead.emojiPopupLabel',
     defaultMessage: 'Emoji shortcuts',

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "100.1.2";
+const packageVersion = "100.2.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ui/FloatingToolbar/Button.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
 import { ButtonSpotlightCard } from './ButtonSpotlightCard';
@@ -67,10 +68,12 @@ export default (({
   }, /*#__PURE__*/React.createElement(Pulse, {
     pulse: pulse || (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.pulse)
   }, /*#__PURE__*/React.createElement(Button
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
   , {
     className: className,
-    ref: buttonElement => setSpotlightReferenceElement(buttonElement),
+    ref: buttonElement => setSpotlightReferenceElement(buttonElement)
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    ,
     theme: (adgTheme, themeProps) => {
       const {
         buttonStyles,
@@ -95,7 +98,7 @@ export default (({
     role: isRadioButton ? 'radio' : undefined,
     "aria-expanded": ariaHasPopup ? selected : undefined,
     "aria-controls": ariaHasPopup ? areaControls : undefined,
-    spacing: 'compact',
+    spacing: editorExperiment('platform_editor_controls', 'variant1') ? 'default' : 'compact',
     href: href,
     target: target,
     appearance: appearance,

package/dist/es2019/ui/Shortcut/index.compiled.css

@@ -0,0 +1,10 @@
+
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1wpzesu3{align-self:flex-end}
+._1wyb1qpa{font-size:.729375rem}
+._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
+@media (max-width:0px){._1ggkglyw{display:none}}

package/dist/es2019/ui/Shortcut/index.js

@@ -0,0 +1,15 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+const shortcutStyle = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+const shortcutStyleUnbounded = null;
+export function Shortcut({
+  children
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rko1sit _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wyb1qpa"])
+  }, children);
+}

package/dist/es2019/ui/Toolbar/ButtonGroup.compiled.css

@@ -0,0 +1,6 @@
+
+._1p8dglyw button:not(#local-media-upload-button):not([disabled]):after{border:none}
+._89rs1b66 div[role=group]{gap:var(--ds-space-050,4px)}
+._zulp1b66{gap:var(--ds-space-050,4px)}._11ko1txw>div{display:flex}
+._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}

package/dist/es2019/ui/Toolbar/ButtonGroup.js

@@ -0,0 +1,20 @@
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ButtonGroup.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+const buttonGroupStyle = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+const buttonGroupStyleUnbounded = null;
+const buttonGroupStyleBeforeVisualRefresh = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+const buttonGroupStyleBeforeVisualRefreshUnbounded = null;
+export function ToolbarButtonGroup({
+  children
+}) {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax([fg('platform-visual-refresh-icons') ? "_zulp1b66 _1e0c116y _4cvr1h6o" : "_1e0c116y _4cvr1h6o", fg('platform-visual-refresh-icons') ? "_11ko1txw _1p8dglyw _89rs1b66" : "_11ko1txw _1p8dglyw"])
+  }, children);
+}

package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.compiled.css

@@ -0,0 +1,3 @@
+
+._1fvdglyw button:not([disabled]):after{border:none}._1e0c1txw{display:flex}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js

@@ -0,0 +1,17 @@
+/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./DropdownTriggerWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+const triggerWrapperStylesWithPadding = null;
+const triggerWrapperStyles = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+const triggerWrapperStylesUnbounded = null;
+export function ToolbarDropdownTriggerWrapper({
+  children
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([fg('platform-visual-refresh-icons') ? "_1e0c1txw _u5f3v77o" : "_1e0c1txw", "_1fvdglyw"])
+  }, children);
+}

package/dist/es2019/ui/Toolbar/DropdownWrapper.compiled.css

@@ -0,0 +1,7 @@
+
+._1fvdglyw button:not([disabled]):after{border:none}._18u0idpf{margin-left:0}
+._1e0c1txw{display:flex}
+._1ul91wug{min-width:auto}
+._1ylx1txw >div>div{display:flex}
+._4cvr1h6o{align-items:center}
+._p7r11txw >div, ._1xdi1txw >span{display:flex}

package/dist/es2019/ui/Toolbar/DropdownWrapper.js

@@ -0,0 +1,15 @@
+/* DropdownWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./DropdownWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+const wrapperStyle = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+const wrapperStylesUnbounded = null;
+export function ToolbarDropdownWrapper({
+  children
+}) {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1txw _4cvr1h6o _18u0idpf _1ul91wug", "_p7r11txw _1xdi1txw _1ylx1txw _1fvdglyw"])
+  }, children);
+}

package/dist/es2019/ui/Toolbar/ExpandIcon.compiled.css

@@ -0,0 +1,2 @@
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}

package/dist/es2019/ui/Toolbar/ExpandIcon.js

@@ -0,0 +1,15 @@
+/* ExpandIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ExpandIcon.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+const expandIconContainerStyle = null;
+export function ToolbarExpandIcon() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1txw _4cvr1h6o"])
+  }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    label: "",
+    color: "currentColor",
+    LEGACY_margin: "0 0 0 -8px"
+  }));
+}

package/dist/es2019/ui/Toolbar/Separator.compiled.css

@@ -0,0 +1,9 @@
+._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bsbt94y{width:1px}
+._1e0c1o8l{display:inline-block}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4t3i1tcg{height:24px}
+._bfhk15ej{background-color:var(--ds-background-neutral-hovered,#091e4224)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

package/dist/es2019/ui/Toolbar/Separator.js

@@ -0,0 +1,10 @@
+/* Separator.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./Separator.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const separatorStyles = null;
+export function ToolbarSeparator() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhk15ej"])
+  });
+}

package/dist/es2019/ui/index.js

@@ -33,6 +33,12 @@ export { wrapperStyle } from './ResizerLegacy/styled';
 export { panelTextInput } from './PanelTextInput/styles';
 export { default as PanelTextInput } from './PanelTextInput';
 export { default as Announcer } from './Announcer/announcer';
+export { Shortcut } from './Shortcut';
 export { EDIT_AREA_ID } from './Toolbar';
+export { ToolbarButtonGroup } from './Toolbar/ButtonGroup';
+export { ToolbarDropdownTriggerWrapper } from './Toolbar/DropdownTriggerWrapper';
+export { ToolbarDropdownWrapper } from './Toolbar/DropdownWrapper';
+export { ToolbarExpandIcon } from './Toolbar/ExpandIcon';
+export { ToolbarSeparator } from './Toolbar/Separator';
 export { default as DropList } from './DropList';
 export { sharedMultiBodiedExtensionStyles } from './MultiBodiedExtension';

package/dist/esm/analytics/types/enums.js

@@ -284,6 +284,7 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["MEDIA_VIEWER"] = "mediaViewer";
   ACTION_SUBJECT["DECORATION"] = "decoration";
   ACTION_SUBJECT["EDITOR_PLUGIN_AI"] = "editorPluginAI";
+  ACTION_SUBJECT["EDITOR_PLUGIN_SELECTION_EXTENSION"] = "editorPluginSelectionExtension";
   ACTION_SUBJECT["AI_DEFINITIONS"] = "aiDefinitions";
   return ACTION_SUBJECT;
 }({});
@@ -436,6 +437,9 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["ON_UNSUPPORTED_BLOCK"] = "onUnsupportedBlock";
   ACTION_SUBJECT_ID["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
   ACTION_SUBJECT_ID["UPLOAD_MEDIA"] = "uploadMedia";
+  ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_DROPDOWN"] = "editorPluginSelectionExtensionDropdown";
+  ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_ITEM"] = "editorPluginSelectionExtensionItem";
+  ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_COMPONENT"] = "editorPluginSelectionExtensionComponent";
   return ACTION_SUBJECT_ID;
 }({});
 export var FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/esm/analytics/types/selection-extension-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/extensions/module-helpers.js

@@ -267,6 +267,11 @@ function shouldAddExtensionItemForNode(item, node) {
   if (item.context.type !== 'extension' || node.type !== item.context.nodeType) {
     return false;
   }
+
+  // in cases where we need custom exclusion depending on the node
+  if (item.context.shouldExclude) {
+    return item.context.shouldExclude(node);
+  }
   var _item$context = item.context,
     extensionType = _item$context.extensionType,
     extensionKey = _item$context.extensionKey;

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "100.1.2";
+var packageVersion = "100.2.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/shared/expand.js

@@ -5,6 +5,10 @@ export var expandIconWrapperStyle = css({
   marginLeft: "var(--ds-space-negative-100, -8px)"
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarExpandIcon } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var expandIconContainerStyle = css({
   display: 'flex',

package/dist/esm/styles/shared/plugins.js

@@ -1,5 +1,9 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, -- Ignored via go/DSP-18766
 export var buttonGroupStyleBeforeVisualRefresh = css({
   display: 'inline-flex',
@@ -17,6 +21,10 @@ export var buttonGroupStyleBeforeVisualRefresh = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var buttonGroupStyle = css({
   display: 'inline-flex',
@@ -39,6 +47,10 @@ export var buttonGroupStyle = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarSeparator } from '@atlaskit/editor-common/ui';` instead
+ */
 // If you make change here, change in above file as well.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var separatorStyles = css({
@@ -50,6 +62,10 @@ export var separatorStyles = css({
   userSelect: 'none'
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // If you make change here, change in above file as well.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var wrapperStyle = css({
@@ -74,6 +90,10 @@ export var wrapperStyle = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var triggerWrapperStyles = css({
   display: 'flex',
@@ -86,6 +106,10 @@ export var triggerWrapperStyles = css({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var triggerWrapperStylesWithPadding = css({
   display: 'flex',

package/dist/esm/type-ahead/messages.js

@@ -15,6 +15,11 @@ export var typeAheadListMessages = defineMessages({
     defaultMessage: 'Begin typing to search or filter shortcut options',
     description: 'assisitve text for typeahed input field'
   },
+  quickInsertInputPlaceholderLabel: {
+    id: 'fabric.editor.typeAhead.quickInsertInputPlaceholderLabel',
+    defaultMessage: 'Search',
+    description: 'placeholder for typeahed input field'
+  },
   emojiPopupLabel: {
     id: 'fabric.editor.typeahead.emojiPopupLabel',
     defaultMessage: 'Emoji shortcuts',

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "100.1.2";
+var packageVersion = "100.2.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -7,6 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useEffect, useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
 import { ButtonSpotlightCard } from './ButtonSpotlightCard';
@@ -79,12 +80,14 @@ export default (function (_ref) {
   }, /*#__PURE__*/React.createElement(Pulse, {
     pulse: pulse || (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.pulse)
   }, /*#__PURE__*/React.createElement(Button
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
   , {
     className: className,
     ref: function ref(buttonElement) {
       return setSpotlightReferenceElement(buttonElement);
-    },
+    }
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    ,
     theme: function theme(adgTheme, themeProps) {
       var _adgTheme = adgTheme(themeProps),
         buttonStyles = _adgTheme.buttonStyles,
@@ -103,7 +106,7 @@ export default (function (_ref) {
     role: isRadioButton ? 'radio' : undefined,
     "aria-expanded": ariaHasPopup ? selected : undefined,
     "aria-controls": ariaHasPopup ? areaControls : undefined,
-    spacing: 'compact',
+    spacing: editorExperiment('platform_editor_controls', 'variant1') ? 'default' : 'compact',
     href: href,
     target: target,
     appearance: appearance,

package/dist/esm/ui/Shortcut/index.compiled.css

@@ -0,0 +1,10 @@
+
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1wpzesu3{align-self:flex-end}
+._1wybyofp{font-size:var(--_1l2t8t0)}
+._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
+@media (max-width:0px){._1ggkglyw{display:none}}

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

@@ -0,0 +1,17 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+var shortcutStyle = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+var shortcutStyleUnbounded = null;
+export function Shortcut(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rko1sit _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wybyofp"]),
+    style: {
+      "--_1l2t8t0": ix("".concat(11.67 / 16, "rem"))
+    }
+  }, children);
+}

package/dist/esm/ui/Toolbar/ButtonGroup.compiled.css

@@ -0,0 +1,6 @@
+
+._1p8dglyw button:not(#local-media-upload-button):not([disabled]):after{border:none}
+._89rs1b66 div[role=group]{gap:var(--ds-space-050,4px)}
+._zulp1b66{gap:var(--ds-space-050,4px)}._11ko1txw>div{display:flex}
+._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}

package/dist/esm/ui/Toolbar/ButtonGroup.js

@@ -0,0 +1,19 @@
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ButtonGroup.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+var buttonGroupStyle = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+var buttonGroupStyleUnbounded = null;
+var buttonGroupStyleBeforeVisualRefresh = null;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
+var buttonGroupStyleBeforeVisualRefreshUnbounded = null;
+export function ToolbarButtonGroup(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax([fg('platform-visual-refresh-icons') ? "_zulp1b66 _1e0c116y _4cvr1h6o" : "_1e0c116y _4cvr1h6o", fg('platform-visual-refresh-icons') ? "_11ko1txw _1p8dglyw _89rs1b66" : "_11ko1txw _1p8dglyw"])
+  }, children);
+}