@atlaskit/editor-common 116.46.0 → 116.48.0

package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js

@@ -0,0 +1,95 @@
+// new palette for platform_editor_lovability_text_bg_color experiment
+export const panelBackgroundPaletteNew = [{
+  label: 'White',
+  value: '#FFFFFF'
+}, {
+  label: 'Subtle blue',
+  value: '#DEEBFF'
+}, {
+  label: 'Subtle teal',
+  value: '#E6FCFF'
+}, {
+  label: 'Subtle green',
+  value: '#E3FCEF'
+}, {
+  label: 'Subtle lime',
+  value: '#EFFFD6'
+}, {
+  label: 'Subtle yellow',
+  value: '#FFFAE6'
+}, {
+  label: 'Subtle orange',
+  value: '#FFF5DB'
+}, {
+  label: 'Subtle red',
+  value: '#FFEBE6'
+}, {
+  label: 'Subtle magenta',
+  value: '#FFECF8'
+}, {
+  label: 'Subtle purple',
+  value: '#EAE6FF'
+}, {
+  label: 'Gray',
+  value: '#F4F5F7'
+}, {
+  label: 'Blue',
+  value: '#B3D4FF'
+}, {
+  label: 'Teal',
+  value: '#B3F5FF'
+}, {
+  label: 'Green',
+  value: '#ABF5D1'
+}, {
+  label: 'Lime',
+  value: '#D3F1A7'
+}, {
+  label: 'Yellow',
+  value: '#FFF0B3'
+}, {
+  label: 'Orange',
+  value: '#FCE4A6'
+}, {
+  label: 'Red',
+  value: '#FFBDAD'
+}, {
+  label: 'Magenta',
+  value: '#FDD0EC'
+}, {
+  label: 'Purple',
+  value: '#C0B6F2'
+}, {
+  label: 'Bold gray',
+  value: '#B7B9BE'
+}, {
+  label: 'Bold blue',
+  value: '#ADCBFB'
+}, {
+  label: 'Bold teal',
+  value: '#B1E4F7'
+}, {
+  label: 'Bold green',
+  value: '#97EDC9'
+}, {
+  label: 'Bold lime',
+  value: '#BDE97C'
+}, {
+  label: 'Bold yellow',
+  value: '#EFDD4E'
+}, {
+  label: 'Bold orange',
+  value: '#FBD779'
+}, {
+  label: 'Bold red',
+  value: '#FFB8B2'
+}, {
+  label: 'Bold magenta',
+  value: '#FCB6E1'
+}, {
+  label: 'Bold purple',
+  value: '#E3BDFA'
+}].map(color => ({
+  ...color,
+  border: "var(--ds-border, #0B120E24)"
+}));

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

@@ -10,9 +10,9 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
 export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
 export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
-export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
+export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
 export { textColorPaletteNew } from './ColorPalette/Palettes/textColorPaletteNew';
 export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';

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

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createPopper } from '@popperjs/core';
+import { createPopper as createLegacyPopper } from '@popperjs/core';
 import { bind } from 'bind-event-listener';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createPopper as createWrappedPopper } from '@atlaskit/popper/unsafe-imperative';
 const startingOffset = {
   name: 'offset',
   options: {
@@ -13,6 +15,12 @@ const endingOffset = {
     offset: [0, 8]
   }
 };
+function getCreatePopper() {
+  if (fg('platform-dst-popper-consolidation')) {
+    return createWrappedPopper;
+  }
+  return createLegacyPopper;
+}
 
 /**
  * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
@@ -88,7 +96,7 @@ export class VanillaTooltip {
     };
   }
   createPopperInstance() {
-    this.popperInstance = createPopper(this.button, this.tooltip, {
+    this.popperInstance = getCreatePopper()(this.button, this.tooltip, {
       placement: 'top',
       modifiers: [startingOffset]
     });

package/dist/esm/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";

package/dist/esm/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 */
 import "./ExtensionFloatingLabel.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./UnknownMacroPlaceholder.compiled.css";
 import * as React from 'react';

package/dist/esm/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 */
 import "./PanelErrorIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import "./PanelInfoIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import "./PanelNoteIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import "./PanelSuccessIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import "./PanelWarningIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/messages/syncBlock.js

@@ -40,6 +40,11 @@ export var syncBlockMessages = defineMessages({
     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',
@@ -200,6 +205,26 @@ export var syncBlockMessages = defineMessages({
     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',
@@ -315,6 +340,11 @@ export var syncBlockMessages = defineMessages({
     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/esm/monitoring/error.js

@@ -20,7 +20,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.45.0";
+var packageVersion = "116.47.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/styles/shared/sync-block.js

@@ -14,7 +14,13 @@ export var BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,
   renderer: "".concat(bodiedPrefix, "__renderer"),
   content: "".concat(bodiedPrefix, "__content"),
-  selectionInside: "".concat(bodiedPrefix, "__selection_inside")
+  selectionInside: "".concat(bodiedPrefix, "__selection_inside"),
+  // Applied by the node view when the block holds nothing but a single empty paragraph.
+  // Emptiness is derived from the ProseMirror document rather than the rendered DOM, because
+  // decorations (for example the selection marker's cursor widget) and ProseMirror's own
+  // separator/trailing-break hack nodes are injected as children of that paragraph and make
+  // DOM-shape heuristics unreliable. See EDITOR-8327.
+  empty: "".concat(bodiedPrefix, "__empty")
 };
 
 // Constant labelClassName value here has been inlined in css from EditorContentContainer, if you need to make

package/dist/esm/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 */
 import "./NewSortingIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.45.0";
+var packageVersion = "116.47.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -8,10 +9,12 @@ 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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { Component } from 'react';
+import React, { Component, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import Popper from 'popper.js';
 // eslint-disable-line import/extensions
 import rafSchedule from 'raf-schd';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Popper as WrappedPopper } from '@atlaskit/popper/popper';
 import { positionPropToPopperPosition } from './internal/helpers';
 var defaultState = {
   hasExtractedStyles: false,
@@ -28,14 +31,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 = /*#__PURE__*/function (_Component) {
-  function Layer(props) {
+var LegacyLayer = /*#__PURE__*/function (_Component) {
+  function LegacyLayer(props) {
     var _this;
-    _classCallCheck(this, Layer);
-    _this = _callSuper(this, Layer, [props]);
+    _classCallCheck(this, LegacyLayer);
+    _this = _callSuper(this, LegacyLayer, [props]);
     _defineProperty(_this, "targetRef", /*#__PURE__*/React.createRef());
     _defineProperty(_this, "contentRef", /*#__PURE__*/React.createRef());
     _defineProperty(_this, "extractStyles", function (state) {
@@ -60,8 +75,8 @@ var Layer = /*#__PURE__*/function (_Component) {
     _this.extractStyles = rafSchedule(_this.extractStyles.bind(_this));
     return _this;
   }
-  _inherits(Layer, _Component);
-  return _createClass(Layer, [{
+  _inherits(LegacyLayer, _Component);
+  return _createClass(LegacyLayer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.applyPopper(this.props);
@@ -191,15 +206,119 @@ var Layer = /*#__PURE__*/function (_Component) {
   }]);
 }(Component);
 // working with extract-react-types
-_defineProperty(Layer, "defaultProps", {
-  boundariesElement: 'viewport',
-  children: null,
-  content: null,
-  offset: '0, 0',
-  position: 'right middle',
-  zIndex: 400,
-  lockScroll: false,
-  isAlwaysFixed: false,
-  onPositioned: function onPositioned() {}
-});
-export { Layer as default };
+_defineProperty(LegacyLayer, "defaultProps", defaultProps);
+function parseOffset(_ref) {
+  var offset = _ref.offset;
+  var _offset$split = offset.split(','),
+    _offset$split2 = _slicedToArray(_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 = useRef(onPositioned);
+  var hasPositionedRef = useRef(false);
+  useLayoutEffect(function () {
+    onPositionedRef.current = onPositioned;
+  }, [onPositioned]);
+  return 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 = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_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 = useMemo(function () {
+    return parseOffset({
+      offset: offset
+    });
+  }, [offset]);
+  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.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    ref: targetRef
+  }, children), content && referenceElement ? /*#__PURE__*/React.createElement(WrappedPopper, {
+    modifiers: modifiers,
+    offset: parsedOffset,
+    placement: positionPropToPopperPosition(position),
+    referenceElement: referenceElement,
+    strategy: strategy
+  }, function (_ref4) {
+    var ref = _ref4.ref,
+      style = _ref4.style;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      style: style
+    }, content);
+  }) : /*#__PURE__*/React.createElement("div", null));
+}
+
+/** Selects the reversible Popper v1 or ADS wrapper implementation. */
+export default 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 (fg('platform-dst-popper-consolidation')) {
+    return /*#__PURE__*/React.createElement(PopperInterop, {
+      content: content,
+      offset: offset,
+      onPositioned: onPositioned,
+      position: position,
+      strategy: "absolute"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(LegacyLayer, {
+    content: content,
+    offset: offset,
+    onPositioned: onPositioned,
+    position: position
+  }, children);
+}

package/dist/esm/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 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/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 */
 import "./ButtonGroup.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/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 */
 import "./DropdownTriggerWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/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 */
 import "./DropdownWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/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 */
 import "./ExpandIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import "./Separator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -60,6 +60,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold yellow',
     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 yellow color option.'
   },
+  '#EFDD4E': {
+    id: 'fabric.theme.bold-yellow-new',
+    defaultMessage: 'Bold yellow',
+    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 yellow color option.'
+  },
   '#FFEBE6': {
     id: 'fabric.theme.subtle-red',
     defaultMessage: 'Subtle red',
@@ -104,50 +109,5 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     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.'
   }
 });