@atlaskit/editor-common 116.47.0 → 116.48.1

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # @atlaskit/editor-common
 
+## 116.48.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 116.48.0
+
+### Minor Changes
+
+- [`ff72ee885c82b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff72ee885c82b) -
+  [ux] Prompt users with a feedback flag after undoing or deleting a synced block, and open the
+  product feedback collector only when they choose Give feedback. Keep the prompt UI and scoped
+  action alignment in the synced block plugin while preserving Flag's built-in action buttons.
+
+  Products check and persist the prompt allowance around the shared flag lifecycle:
+
+  ```ts
+  {
+  	shouldShowFeedbackPrompt: () => !feedbackStorage.has('prompt-shown'),
+  	onFeedbackPromptShown: () => feedbackStorage.set('prompt-shown', true),
+  	onGiveFeedback: (context) => openFeedbackCollector(context),
+  }
+  ```
+
+- [`17014b0e91a7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/17014b0e91a7f) -
+  Update the synced locations activation empty state
+- [`7cecf41634d18`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7cecf41634d18) -
+  Revert the lime, orange, and magenta table cell background color options.
+
+### Patch Changes
+
+- [`6902b31db1608`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6902b31db1608) -
+  Consolidate direct Popper.js callers behind `@atlaskit/popper` compatibility entry points and
+  feature-gated consumer adapters.
+
+  `@atlaskit/popper` now exposes compatibility entry points so existing direct `popper.js` /
+  `react-popper` callers can move their dependency ownership onto `@atlaskit/popper` without a full
+  rewrite:
+  - `@atlaskit/popper/react-popper` re-exports the React `usePopper` hook and `Manager` / `Popper` /
+    `Reference` render-prop components.
+  - `@atlaskit/popper/unsafe-imperative` re-exports the raw Popper.js v2 `createPopper` for
+    non-React, imperative callers. This is an escape hatch for existing callers only. Do not use it
+    for new code; build new overlays on `@atlaskit/top-layer` instead.
+
+  ```ts
+  // Imperative callers (migrating away from a direct `@popperjs/core` / `popper.js` import):
+  import { createPopper } from '@atlaskit/popper/unsafe-imperative';
+
+  const instance = createPopper(referenceElement, popperElement, {
+  	placement: 'bottom-start',
+  });
+
+  // React callers (migrating away from a direct `react-popper` import):
+  import { usePopper } from '@atlaskit/popper/react-popper';
+
+  const { styles, attributes } = usePopper(referenceElement, popperElement, {
+  	placement: 'bottom-start',
+  });
+  ```
+
+- [`04f47b1369740`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/04f47b1369740) -
+  Clarify source synced block labels and show more of referenced titles
+- Updated dependencies
+
 ## 116.47.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -139,6 +139,9 @@
 		{
 			"path": "../../../platform/feature-flags-react/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/popper/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -139,6 +139,9 @@
 		{
 			"path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/popper/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
 		},

package/dist/cjs/element-browser/components/ViewMore.js

@@ -1,4 +1,4 @@
-/* ViewMore.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ViewMore.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js

@@ -1,4 +1,4 @@
-/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/extensions/UnknownMacroPlaceholder.js

@@ -1,4 +1,4 @@
-/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/icons/shared/PanelErrorIcon.js

@@ -1,4 +1,4 @@
-/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/icons/shared/PanelInfoIcon.js

@@ -1,4 +1,4 @@
-/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/icons/shared/PanelNoteIcon.js

@@ -1,4 +1,4 @@
-/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/icons/shared/PanelSuccessIcon.js

@@ -1,4 +1,4 @@
-/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/icons/shared/PanelWarningIcon.js

@@ -1,4 +1,4 @@
-/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/messages/syncBlock.js

@@ -46,6 +46,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntl.defineMessage
     defaultMessage: 'Synced block',
     description: 'Label which appears above the synced block when it is selected'
   },
+  sourceSyncedBlockLabel: {
+    id: 'fabric.editor.sourceSyncedBlock.label.text',
+    defaultMessage: 'Source synced block',
+    description: 'Label which identifies the editable source synced block when it is selected'
+  },
   unsyncedBlockLabel: {
     id: 'fabric.editor.unsyncedBlock.label.text',
     defaultMessage: 'Unsynced block',
@@ -206,6 +211,26 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntl.defineMessage
     defaultMessage: 'You appear to be offline. Please connect to the internet to create synced content.',
     description: 'Description in flag which appears when a sync block cannot be created in offline mode'
   },
+  feedbackFlagTitle: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagTitle',
+    defaultMessage: 'Help us improve Synced blocks',
+    description: 'Title of the flag inviting users to give feedback about synced blocks'
+  },
+  feedbackFlagDescription: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagDescription',
+    defaultMessage: 'We’d love your feedback. This quick survey should take less than a minute.',
+    description: 'Description of the flag inviting users to give feedback about synced blocks'
+  },
+  feedbackFlagGiveFeedback: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagGiveFeedback',
+    defaultMessage: 'Give feedback',
+    description: 'Action that opens the synced blocks feedback collector'
+  },
+  feedbackFlagNoThanks: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagNoThanks',
+    defaultMessage: 'No thanks',
+    description: 'Action that dismisses the synced blocks feedback invitation'
+  },
   loadingSyncedContent: {
     id: 'fabric.editor.syncedBlockLoadingSyncedContent',
     defaultMessage: 'Loading synced content',
@@ -321,6 +346,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntl.defineMessage
     defaultMessage: 'Copy and paste synced blocks to reuse in other locations.',
     description: 'Message shown in the synced location dropdown menu when no shared locations are found'
   },
+  syncedLocationDropdownActivationNoResults: {
+    id: 'editor-common.messages.syncBlock.syncedLocationDropdownActivationNoResults',
+    defaultMessage: 'To reuse content, copy and paste this block to sync to other locations',
+    description: 'Instruction shown in the activation synced locations dropdown when a synced block has no references. It explains how to create the first reference.'
+  },
   syncedLocationDropdownLearnMoreLink: {
     id: 'fabric.editor.syncedLocationDropdownLearnMoreLink',
     defaultMessage: 'Learn more about synced blocks',

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.46.0";
+var packageVersion = "116.48.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/table/NewSortingIcon.js

@@ -1,4 +1,4 @@
-/* NewSortingIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* NewSortingIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -24,7 +24,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 = "116.46.0";
+var packageVersion = "116.48.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Layer/index.js

@@ -5,7 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = Layer;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -15,6 +16,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _popper = _interopRequireDefault(require("popper.js"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _popper2 = require("@atlaskit/popper/popper");
 var _helpers = require("./internal/helpers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -36,14 +39,26 @@ var defaultState = {
   originalHeight: null,
   maxHeight: null
 };
+function defaultOnPositioned() {}
+var defaultProps = {
+  boundariesElement: 'viewport',
+  children: null,
+  content: null,
+  offset: '0, 0',
+  position: 'right middle',
+  zIndex: 400,
+  lockScroll: false,
+  isAlwaysFixed: false,
+  onPositioned: defaultOnPositioned
+};
 
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var Layer = exports.default = /*#__PURE__*/function (_Component) {
-  function Layer(props) {
+var LegacyLayer = /*#__PURE__*/function (_Component) {
+  function LegacyLayer(props) {
     var _this;
-    (0, _classCallCheck2.default)(this, Layer);
-    _this = _callSuper(this, Layer, [props]);
+    (0, _classCallCheck2.default)(this, LegacyLayer);
+    _this = _callSuper(this, LegacyLayer, [props]);
     (0, _defineProperty2.default)(_this, "targetRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "contentRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "extractStyles", function (state) {
@@ -68,8 +83,8 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
     _this.extractStyles = (0, _rafSchd.default)(_this.extractStyles.bind(_this));
     return _this;
   }
-  (0, _inherits2.default)(Layer, _Component);
-  return (0, _createClass2.default)(Layer, [{
+  (0, _inherits2.default)(LegacyLayer, _Component);
+  return (0, _createClass2.default)(LegacyLayer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.applyPopper(this.props);
@@ -199,14 +214,119 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
   }]);
 }(_react.Component);
 // working with extract-react-types
-(0, _defineProperty2.default)(Layer, "defaultProps", {
-  boundariesElement: 'viewport',
-  children: null,
-  content: null,
-  offset: '0, 0',
-  position: 'right middle',
-  zIndex: 400,
-  lockScroll: false,
-  isAlwaysFixed: false,
-  onPositioned: function onPositioned() {}
-});
+(0, _defineProperty2.default)(LegacyLayer, "defaultProps", defaultProps);
+function parseOffset(_ref) {
+  var offset = _ref.offset;
+  var _offset$split = offset.split(','),
+    _offset$split2 = (0, _slicedToArray2.default)(_offset$split, 2),
+    rawSkidding = _offset$split2[0],
+    rawDistance = _offset$split2[1];
+  var skidding = Number.parseFloat(rawSkidding);
+  var distance = Number.parseFloat(rawDistance);
+  return [Number.isFinite(skidding) ? skidding : 0, Number.isFinite(distance) ? distance : 0];
+}
+var popperInteropModifiers = [{
+  name: 'flip',
+  enabled: false
+}, {
+  name: 'preventOverflow',
+  enabled: false
+}, {
+  name: 'hide',
+  enabled: false
+}];
+function usePopperInteropModifiers(_ref2) {
+  var onPositioned = _ref2.onPositioned;
+  var onPositionedRef = (0, _react.useRef)(onPositioned);
+  var hasPositionedRef = (0, _react.useRef)(false);
+  (0, _react.useLayoutEffect)(function () {
+    onPositionedRef.current = onPositioned;
+  }, [onPositioned]);
+  return (0, _react.useMemo)(function () {
+    return [].concat(popperInteropModifiers, [{
+      name: 'editorLayerFirstPositioned',
+      enabled: true,
+      // React Popper commits calculated styles in `write`; the legacy callback ran afterwards.
+      phase: 'afterWrite',
+      fn: function fn() {
+        if (hasPositionedRef.current) {
+          return;
+        }
+        hasPositionedRef.current = true;
+        onPositionedRef.current();
+      }
+    }]);
+  }, []);
+}
+function PopperInterop(_ref3) {
+  var children = _ref3.children,
+    content = _ref3.content,
+    offset = _ref3.offset,
+    onPositioned = _ref3.onPositioned,
+    position = _ref3.position,
+    strategy = _ref3.strategy;
+  var targetRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    referenceElement = _useState2[0],
+    setReferenceElement = _useState2[1];
+  var modifiers = usePopperInteropModifiers({
+    onPositioned: onPositioned
+  });
+  // Popper v2 compares the offset prop by reference, so memoise to avoid re-running positioning every render.
+  var parsedOffset = (0, _react.useMemo)(function () {
+    return parseOffset({
+      offset: offset
+    });
+  }, [offset]);
+  (0, _react.useLayoutEffect)(function () {
+    var _targetRef$current;
+    var actualTarget = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.children[0];
+    setReferenceElement(actualTarget instanceof HTMLElement ? actualTarget : null);
+  }, [children]);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: targetRef
+  }, children), content && referenceElement ? /*#__PURE__*/_react.default.createElement(_popper2.Popper, {
+    modifiers: modifiers,
+    offset: parsedOffset,
+    placement: (0, _helpers.positionPropToPopperPosition)(position),
+    referenceElement: referenceElement,
+    strategy: strategy
+  }, function (_ref4) {
+    var ref = _ref4.ref,
+      style = _ref4.style;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: ref,
+      style: style
+    }, content);
+  }) : /*#__PURE__*/_react.default.createElement("div", null));
+}
+
+/** Selects the reversible Popper v1 or ADS wrapper implementation. */
+function Layer(_ref5) {
+  var _ref5$children = _ref5.children,
+    children = _ref5$children === void 0 ? defaultProps.children : _ref5$children,
+    _ref5$content = _ref5.content,
+    content = _ref5$content === void 0 ? defaultProps.content : _ref5$content,
+    _ref5$offset = _ref5.offset,
+    offset = _ref5$offset === void 0 ? defaultProps.offset : _ref5$offset,
+    _ref5$onPositioned = _ref5.onPositioned,
+    onPositioned = _ref5$onPositioned === void 0 ? defaultProps.onPositioned : _ref5$onPositioned,
+    _ref5$position = _ref5.position,
+    position = _ref5$position === void 0 ? defaultProps.position : _ref5$position;
+  if ((0, _platformFeatureFlags.fg)('platform-dst-popper-consolidation')) {
+    return /*#__PURE__*/_react.default.createElement(PopperInterop, {
+      content: content,
+      offset: offset,
+      onPositioned: onPositioned,
+      position: position,
+      strategy: "absolute"
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(LegacyLayer, {
+    content: content,
+    offset: offset,
+    onPositioned: onPositioned,
+    position: position
+  }, children);
+}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* DropdownWrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* DropdownWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* ExpandIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ExpandIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* Separator.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* Separator.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js

@@ -115,50 +115,5 @@ var lightBackgroundPaletteTooltipMessages = exports.lightBackgroundPaletteToolti
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold gray color option.'
-  },
-  '#EFFFD6': {
-    id: 'fabric.theme.subtle-lime',
-    defaultMessage: 'Subtle lime',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle lime color option.'
-  },
-  '#D3F1A7': {
-    id: 'fabric.theme.lime',
-    defaultMessage: 'Lime',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the lime color option.'
-  },
-  '#BDE97C': {
-    id: 'fabric.theme.bold-lime',
-    defaultMessage: 'Bold lime',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold lime color option.'
-  },
-  '#FFF5DB': {
-    id: 'fabric.theme.subtle-orange',
-    defaultMessage: 'Subtle orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle orange color option.'
-  },
-  '#FCE4A6': {
-    id: 'fabric.theme.orange',
-    defaultMessage: 'Orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the orange color option.'
-  },
-  '#FBD779': {
-    id: 'fabric.theme.bold-orange',
-    defaultMessage: 'Bold orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold orange color option.'
-  },
-  '#FFECF8': {
-    id: 'fabric.theme.subtle-magenta',
-    defaultMessage: 'Subtle magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle magenta color option.'
-  },
-  '#FDD0EC': {
-    id: 'fabric.theme.magenta',
-    defaultMessage: 'Magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the magenta color option.'
-  },
-  '#FCB6E1': {
-    id: 'fabric.theme.bold-magenta',
-    defaultMessage: 'Bold magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold magenta color option.'
   }
 });

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -156,66 +156,6 @@ var _default_1 = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Bold gray',
     description: 'Tooltip label for the bold gray color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
-  'subtle-lime': {
-    id: 'fabric.theme.subtle-lime',
-    defaultMessage: 'Subtle lime',
-    description: 'Tooltip label for the subtle lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-lime': {
-    id: 'fabric.theme.bold-lime',
-    defaultMessage: 'Bold lime',
-    description: 'Tooltip label for the bold lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'subtle-orange': {
-    id: 'fabric.theme.subtle-orange',
-    defaultMessage: 'Subtle orange',
-    description: 'Tooltip label for the subtle orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-orange': {
-    id: 'fabric.theme.bold-orange',
-    defaultMessage: 'Bold orange',
-    description: 'Tooltip label for the bold orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'subtle-magenta': {
-    id: 'fabric.theme.subtle-magenta',
-    defaultMessage: 'Subtle magenta',
-    description: 'Tooltip label for the subtle magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-magenta': {
-    id: 'fabric.theme.bold-magenta',
-    defaultMessage: 'Bold magenta',
-    description: 'Tooltip label for the bold magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-blue': {
-    id: 'fabric.theme.bold-blue',
-    defaultMessage: 'Bold blue',
-    description: 'Tooltip label for the bold blue color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-teal': {
-    id: 'fabric.theme.bold-teal',
-    defaultMessage: 'Bold teal',
-    description: 'Tooltip label for the bold teal color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-green': {
-    id: 'fabric.theme.bold-green',
-    defaultMessage: 'Bold green',
-    description: 'Tooltip label for the bold green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-yellow': {
-    id: 'fabric.theme.bold-yellow',
-    defaultMessage: 'Bold yellow',
-    description: 'Tooltip label for the bold yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-red': {
-    id: 'fabric.theme.bold-red',
-    defaultMessage: 'Bold red',
-    description: 'Tooltip label for the bold red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-purple': {
-    id: 'fabric.theme.bold-purple',
-    defaultMessage: 'Bold purple',
-    description: 'Tooltip label for the bold purple color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',

package/dist/cjs/ui-color/index.js

@@ -64,12 +64,6 @@ Object.defineProperty(exports, "cellBackgroundColorPalette", {
     return _cellBackgroundColorPalette.default;
   }
 });
-Object.defineProperty(exports, "cellBackgroundColorPaletteNew", {
-  enumerable: true,
-  get: function get() {
-    return _cellBackgroundColorPaletteNew.default;
-  }
-});
 Object.defineProperty(exports, "chartsColorPaletteTooltipMessages", {
   enumerable: true,
   get: function get() {
@@ -181,7 +175,6 @@ var _utils = require("./ColorPalette/utils");
 var _getHighlightColorInNonActiveTheme = require("./ColorPalette/getHighlightColorInNonActiveTheme");
 var _getTextColorInNonActiveTheme = require("./ColorPalette/getTextColorInNonActiveTheme");
 var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
-var _cellBackgroundColorPaletteNew = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPaletteNew"));
 var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/paletteMessages"));
 var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");
 var _panelBackgroundPaletteNew = require("./ColorPalette/Palettes/panelBackgroundPaletteNew");

package/dist/cjs/vanilla-tooltip/index.js

@@ -10,6 +10,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@popperjs/core");
 var _bindEventListener = require("bind-event-listener");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _unsafeImperative = require("@atlaskit/popper/unsafe-imperative");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; }
 var startingOffset = {
@@ -24,6 +26,12 @@ var endingOffset = {
     offset: [0, 8]
   }
 };
+function getCreatePopper() {
+  if ((0, _platformFeatureFlags.fg)('platform-dst-popper-consolidation')) {
+    return _unsafeImperative.createPopper;
+  }
+  return _core.createPopper;
+}
 
 /**
  * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
@@ -109,7 +117,7 @@ var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
   return (0, _createClass2.default)(VanillaTooltip, [{
     key: "createPopperInstance",
     value: function createPopperInstance() {
-      this.popperInstance = (0, _core.createPopper)(this.button, this.tooltip, {
+      this.popperInstance = getCreatePopper()(this.button, this.tooltip, {
         placement: 'top',
         modifiers: [startingOffset]
       });

package/dist/es2019/element-browser/components/ViewMore.js

@@ -1,4 +1,4 @@
-/* ViewMore.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ViewMore.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./ViewMore.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";