@atlaskit/editor-common 100.1.2 → 100.2.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 100.2.0
+
+### Minor Changes
+
+- [#119131](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119131)
+  [`c7344c34474f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7344c34474f9) -
+  [EDF-2500] Added sessionid for each analytics event for inline suggestion
+- [#117947](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117947)
+  [`2c672e958d395`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c672e958d395) -
+  [ux] EDF-2346 - [MD] Remove emotion references
+- [#119058](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119058)
+  [`4f8ad7d7497be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4f8ad7d7497be) -
+  [ux] [ED-26575] Add placeholder to quick insert input field
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 100.1.2
 
 ### Patch Changes

package/UNSAFE_do_not_use_editor_context/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/ui/EditorContext/index.js",
   "module": "../dist/esm/ui/EditorContext/index.js",
   "module:es2019": "../dist/es2019/ui/EditorContext/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/ui/EditorContext/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/afm-cc/tsconfig.json

@@ -44,6 +44,9 @@
         {
             "path": "../../../monorepo-tooling/codemod-utils/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/css/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../custom-steps/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -44,6 +44,9 @@
 		{
 			"path": "../../../monorepo-tooling/codemod-utils/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/css/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../custom-steps/afm-jira/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -44,6 +44,9 @@
 		{
 			"path": "../../../monorepo-tooling/codemod-utils/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/css/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../custom-steps/afm-post-office/tsconfig.json"
 		},

package/analytics/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/analytics/index.js",
   "module": "../dist/esm/analytics/index.js",
   "module:es2019": "../dist/es2019/analytics/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/analytics/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/annotation/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/annotation/index.js",
   "module": "../dist/esm/annotation/index.js",
   "module:es2019": "../dist/es2019/annotation/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/annotation/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/browser/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/utils/browser.js",
   "module": "../dist/esm/utils/browser.js",
   "module:es2019": "../dist/es2019/utils/browser.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/utils/browser.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/card/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/card/index.js",
   "module": "../dist/esm/card/index.js",
   "module:es2019": "../dist/es2019/card/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/card/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/clipboard/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/clipboard/index.js",
   "module": "../dist/esm/clipboard/index.js",
   "module:es2019": "../dist/es2019/clipboard/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/clipboard/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/code-block/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/code-block/index.js",
   "module": "../dist/esm/code-block/index.js",
   "module:es2019": "../dist/es2019/code-block/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/code-block/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/collab/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/collab/index.js",
   "module": "../dist/esm/collab/index.js",
   "module:es2019": "../dist/es2019/collab/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/collab/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/commands/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/commands/index.js",
   "module": "../dist/esm/commands/index.js",
   "module:es2019": "../dist/es2019/commands/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/commands/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/constants/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/link/constants.js",
   "module": "../dist/esm/link/constants.js",
   "module:es2019": "../dist/es2019/link/constants.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/link/constants.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/copy-button/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/copy-button/index.js",
   "module": "../dist/esm/copy-button/index.js",
   "module:es2019": "../dist/es2019/copy-button/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/copy-button/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/core-utils/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/core-utils/index.js",
   "module": "../dist/esm/core-utils/index.js",
   "module:es2019": "../dist/es2019/core-utils/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/core-utils/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/count-nodes/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/utils/count-nodes.js",
   "module": "../dist/esm/utils/count-nodes.js",
   "module:es2019": "../dist/es2019/utils/count-nodes.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/utils/count-nodes.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -12,6 +12,10 @@ var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.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
 var expandIconContainerStyle = exports.expandIconContainerStyle = (0, _react.css)({
   display: 'flex',

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

@@ -7,6 +7,10 @@ exports.wrapperStyle = exports.triggerWrapperStylesWithPadding = exports.trigger
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+/**
+ * @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
 var buttonGroupStyleBeforeVisualRefresh = exports.buttonGroupStyleBeforeVisualRefresh = (0, _react.css)({
   display: 'inline-flex',
@@ -24,6 +28,10 @@ var buttonGroupStyleBeforeVisualRefresh = exports.buttonGroupStyleBeforeVisualRe
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarButtonGroup } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var buttonGroupStyle = exports.buttonGroupStyle = (0, _react.css)({
   display: 'inline-flex',
@@ -46,6 +54,10 @@ var buttonGroupStyle = exports.buttonGroupStyle = (0, _react.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
 var separatorStyles = exports.separatorStyles = (0, _react.css)({
@@ -57,6 +69,10 @@ var separatorStyles = exports.separatorStyles = (0, _react.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
 var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
@@ -81,6 +97,10 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.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
 var triggerWrapperStyles = exports.triggerWrapperStyles = (0, _react.css)({
   display: 'flex',
@@ -93,6 +113,10 @@ var triggerWrapperStyles = exports.triggerWrapperStyles = (0, _react.css)({
   }
 });
 
+/**
+ * @private
+ * @deprecated use `import { ToolbarDropdownTriggerWrapper } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var triggerWrapperStylesWithPadding = exports.triggerWrapperStylesWithPadding = (0, _react.css)({
   display: 'flex',

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

@@ -21,6 +21,11 @@ var typeAheadListMessages = exports.typeAheadListMessages = (0, _reactIntlNext.d
     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/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "100.1.2";
+var packageVersion = "100.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/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/cjs/ui/Shortcut/index.js

@@ -0,0 +1,24 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Shortcut = Shortcut;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("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;
+function Shortcut(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_2rko1sit _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wybyofp"]),
+    style: {
+      "--_1l2t8t0": (0, _runtime.ix)("".concat(11.67 / 16, "rem"))
+    }
+  }, children);
+}

package/dist/cjs/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/cjs/ui/Toolbar/ButtonGroup.js

@@ -0,0 +1,26 @@
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarButtonGroup = ToolbarButtonGroup;
+require("./ButtonGroup.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@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;
+function ToolbarButtonGroup(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? "_zulp1b66 _1e0c116y _4cvr1h6o" : "_1e0c116y _4cvr1h6o", (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? "_11ko1txw _1p8dglyw _89rs1b66" : "_11ko1txw _1p8dglyw"])
+  }, children);
+}

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

@@ -0,0 +1,23 @@
+/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarDropdownTriggerWrapper = ToolbarDropdownTriggerWrapper;
+require("./DropdownTriggerWrapper.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@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;
+function ToolbarDropdownTriggerWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? "_1e0c1txw _u5f3v77o" : "_1e0c1txw", "_1fvdglyw"])
+  }, children);
+}

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

@@ -0,0 +1,21 @@
+/* DropdownWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarDropdownWrapper = ToolbarDropdownWrapper;
+require("./DropdownWrapper.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("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;
+function ToolbarDropdownWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _18u0idpf _1ul91wug", "_p7r11txw _1xdi1txw _1ylx1txw _1fvdglyw"])
+  }, children);
+}

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

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

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

@@ -0,0 +1,25 @@
+/* ExpandIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarExpandIcon = ToolbarExpandIcon;
+require("./ExpandIcon.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var expandIconContainerStyle = null;
+function ToolbarExpandIcon() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o"])
+  }, /*#__PURE__*/React.createElement(_chevronDown.default, {
+    label: "",
+    color: "currentColor",
+    LEGACY_margin: "0 0 0 -8px"
+  }));
+}

package/dist/cjs/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/cjs/ui/Toolbar/Separator.js

@@ -0,0 +1,19 @@
+/* Separator.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarSeparator = ToolbarSeparator;
+require("./Separator.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var separatorStyles = null;
+function ToolbarSeparator() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhk15ej"])
+  });
+}

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/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.0";
 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',