@atlaskit/editor-common 116.46.0 → 116.48.0

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

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.panelBackgroundPaletteNew = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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; }
+// new palette for platform_editor_lovability_text_bg_color experiment
+var panelBackgroundPaletteNew = exports.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(function (color) {
+  return _objectSpread(_objectSpread({}, color), {}, {
+    border: "var(--ds-border, #0B120E24)"
+  });
+});

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() {
@@ -142,6 +136,12 @@ Object.defineProperty(exports, "panelBackgroundPalette", {
     return _panelBackgroundPalette.panelBackgroundPalette;
   }
 });
+Object.defineProperty(exports, "panelBackgroundPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _panelBackgroundPaletteNew.panelBackgroundPaletteNew;
+  }
+});
 Object.defineProperty(exports, "textColorPalette", {
   enumerable: true,
   get: function get() {
@@ -175,9 +175,9 @@ 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");
 var _textColorPalette = require("./ColorPalette/Palettes/textColorPalette");
 var _textColorPaletteNew = require("./ColorPalette/Palettes/textColorPaletteNew");
 var _highlightColorPalette = require("./ColorPalette/Palettes/highlightColorPalette");

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";

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

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/messages/syncBlock.js

@@ -40,6 +40,11 @@ export const 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 const 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 const 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/es2019/monitoring/error.js

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

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

@@ -14,7 +14,13 @@ export const BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,
   renderer: `${bodiedPrefix}__renderer`,
   content: `${bodiedPrefix}__content`,
-  selectionInside: `${bodiedPrefix}__selection_inside`
+  selectionInside: `${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: `${bodiedPrefix}__empty`
 };
 
 // Constant labelClassName value here has been inlined in css from EditorContentContainer, if you need to make

package/dist/es2019/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/es2019/ui/DropList/index.js

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

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

@@ -1,8 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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';
 const defaultState = {
   hasExtractedStyles: false,
@@ -19,10 +21,22 @@ const defaultState = {
   originalHeight: null,
   maxHeight: null
 };
+function defaultOnPositioned() {}
+const 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
-export default class Layer extends Component {
+class LegacyLayer extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "targetRef", /*#__PURE__*/React.createRef());
@@ -172,14 +186,107 @@ export default class Layer extends 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: () => {}
-});
+_defineProperty(LegacyLayer, "defaultProps", defaultProps);
+function parseOffset({
+  offset
+}) {
+  const [rawSkidding, rawDistance] = offset.split(',');
+  const skidding = Number.parseFloat(rawSkidding);
+  const distance = Number.parseFloat(rawDistance);
+  return [Number.isFinite(skidding) ? skidding : 0, Number.isFinite(distance) ? distance : 0];
+}
+const popperInteropModifiers = [{
+  name: 'flip',
+  enabled: false
+}, {
+  name: 'preventOverflow',
+  enabled: false
+}, {
+  name: 'hide',
+  enabled: false
+}];
+function usePopperInteropModifiers({
+  onPositioned
+}) {
+  const onPositionedRef = useRef(onPositioned);
+  const hasPositionedRef = useRef(false);
+  useLayoutEffect(() => {
+    onPositionedRef.current = onPositioned;
+  }, [onPositioned]);
+  return useMemo(() => [...popperInteropModifiers, {
+    name: 'editorLayerFirstPositioned',
+    enabled: true,
+    // React Popper commits calculated styles in `write`; the legacy callback ran afterwards.
+    phase: 'afterWrite',
+    fn() {
+      if (hasPositionedRef.current) {
+        return;
+      }
+      hasPositionedRef.current = true;
+      onPositionedRef.current();
+    }
+  }], []);
+}
+function PopperInterop({
+  children,
+  content,
+  offset,
+  onPositioned,
+  position,
+  strategy
+}) {
+  const targetRef = useRef(null);
+  const [referenceElement, setReferenceElement] = useState(null);
+  const modifiers = usePopperInteropModifiers({
+    onPositioned
+  });
+  // Popper v2 compares the offset prop by reference, so memoise to avoid re-running positioning every render.
+  const parsedOffset = useMemo(() => parseOffset({
+    offset
+  }), [offset]);
+  useLayoutEffect(() => {
+    var _targetRef$current;
+    const 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
+  }, ({
+    ref,
+    style
+  }) => /*#__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({
+  children = defaultProps.children,
+  content = defaultProps.content,
+  offset = defaultProps.offset,
+  onPositioned = defaultProps.onPositioned,
+  position = defaultProps.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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js

@@ -60,6 +60,11 @@ export const 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 const 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.'
   }
 });

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

@@ -150,66 +150,6 @@ const _default_1 = 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',