@atlaskit/editor-common 100.1.1 → 100.2.0

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.1";
+const packageVersion = "100.2.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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/es2019/ui-menu/DropdownMenu/index.js

@@ -5,7 +5,9 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import React, { PureComponent, useContext } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
@@ -40,7 +42,7 @@ const buttonStyles = (isActive, submenuActive) => {
 			> span:hover,
 			> span:active {
 				background: ${"var(--ds-background-selected, #6c798f)"};
-				color: ${"var(--ds-text, #fff)"};
+				color: ${"var(--ds-text-selected, #0C66E4)"};
 			}
 			:focus > span[aria-disabled='false'] {
 				${focusedMenuItemStyle};

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.1";
+var packageVersion = "100.2.0";
 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.1";
+var packageVersion = "100.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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);
+}

package/dist/esm/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/esm/ui/Toolbar/DropdownTriggerWrapper.js

@@ -0,0 +1,16 @@
+/* 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';
+var triggerWrapperStylesWithPadding = null;
+var 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
+var triggerWrapperStylesUnbounded = null;
+export function ToolbarDropdownTriggerWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([fg('platform-visual-refresh-icons') ? "_1e0c1txw _u5f3v77o" : "_1e0c1txw", "_1fvdglyw"])
+  }, children);
+}

package/dist/esm/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/esm/ui/Toolbar/DropdownWrapper.js

@@ -0,0 +1,14 @@
+/* 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';
+var 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
+var wrapperStylesUnbounded = null;
+export function ToolbarDropdownWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1txw _4cvr1h6o _18u0idpf _1ul91wug", "_p7r11txw _1xdi1txw _1ylx1txw _1fvdglyw"])
+  }, children);
+}

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

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

package/dist/esm/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';
+var 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/esm/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/esm/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";
+var separatorStyles = null;
+export function ToolbarSeparator() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhk15ej"])
+  });
+}

package/dist/esm/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/ui-menu/DropdownMenu/index.js

@@ -20,7 +20,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import React, { PureComponent, useContext } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
@@ -50,7 +52,7 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
      * Hack for item to imitate old dropdown-menu selected styles
      */
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #6c798f)", "var(--ds-text, #fff)", focusedMenuItemStyle);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #6c798f)", "var(--ds-text-selected, #0C66E4)", focusedMenuItemStyle);
   } else {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #172B4D)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #091E424F)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers

package/dist/types/analytics/types/ai-inline-suggestion-events.d.ts

@@ -14,6 +14,7 @@ type BaseLineSuggestionPayload = {
     locale: string;
     suggestionType?: string;
     matchedFormat?: string;
+    inlineSuggestionSessionId?: string | null;
 };
 type InsertSuggestionAEP = TrackAEP<ACTION.SUGGESTION_INSERTED, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.AI_INLINE_SUGGESTION, SuggestionPayload, undefined>;
 type DismissSuggestionAEP = TrackAEP<ACTION.SUGGESTION_DISMISSED, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.AI_INLINE_SUGGESTION, SuggestionPayload, undefined>;

package/dist/types/styles/shared/expand.d.ts

@@ -1,4 +1,8 @@
 export declare const expandIconWrapperStyle: import("@emotion/react").SerializedStyles;
+/**
+ * @private
+ * @deprecated use `import { ToolbarExpandIcon } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const expandIconContainerStyle: import("@emotion/react").SerializedStyles;
 export declare const expandClassNames: {
     prefix: string;

package/dist/types/styles/shared/plugins.d.ts

@@ -1,7 +1,31 @@
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const buttonGroupStyleBeforeVisualRefresh: import("@emotion/react").SerializedStyles;
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const buttonGroupStyle: import("@emotion/react").SerializedStyles;
+/**
+ * @private
+ * @deprecated use `import { ToolbarSeparator } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const separatorStyles: import("@emotion/react").SerializedStyles;
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const triggerWrapperStyles: import("@emotion/react").SerializedStyles;
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const triggerWrapperStylesWithPadding: import("@emotion/react").SerializedStyles;
 export declare const disableBlueBorderStyles: import("@emotion/react").SerializedStyles;

package/dist/types/type-ahead/messages.d.ts

@@ -14,6 +14,11 @@ export declare const typeAheadListMessages: {
         defaultMessage: string;
         description: string;
     };
+    quickInsertInputPlaceholderLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     emojiPopupLabel: {
         id: string;
         defaultMessage: string;