@atlaskit/editor-core 172.1.2 → 172.2.0

package/dist/esm/plugins/table/ui/FloatingInsertButton/index.js

@@ -19,13 +19,13 @@ import { findTable } from '@atlaskit/editor-tables/utils';
 import { injectIntl } from 'react-intl-next';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { closestElement } from '../../../../utils/dom';
-import { INPUT_METHOD } from '../../../analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { insertColumnWithAnalytics, insertRowWithAnalytics } from '../../commands-with-analytics';
 import { TableCssClassName as ClassName } from '../../types';
 import { checkIfNumberColumnEnabled } from '../../utils';
 import getPopupOptions from './getPopupOptions';
 import InsertButton from './InsertButton';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, CONTENT_COMPONENT } from '../../../analytics/types/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, CONTENT_COMPONENT } from '@atlaskit/editor-common/analytics';
 export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
   _inherits(FloatingInsertButton, _React$Component);
 
@@ -174,13 +174,14 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
     value: function insertRow(event) {
       var _this$props3 = this.props,
           editorView = _this$props3.editorView,
-          insertRowButtonIndex = _this$props3.insertRowButtonIndex;
+          insertRowButtonIndex = _this$props3.insertRowButtonIndex,
+          editorAnalyticsAPI = _this$props3.editorAnalyticsAPI;
 
       if (typeof insertRowButtonIndex !== 'undefined') {
         event.preventDefault();
         var state = editorView.state,
             dispatch = editorView.dispatch;
-        insertRowWithAnalytics(INPUT_METHOD.BUTTON, {
+        insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, {
           index: insertRowButtonIndex,
           moveCursorToInsertedRow: true
         })(state, dispatch);
@@ -191,13 +192,15 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
     value: function insertColumn(event) {
       var _this$props4 = this.props,
           editorView = _this$props4.editorView,
-          insertColumnButtonIndex = _this$props4.insertColumnButtonIndex;
+          insertColumnButtonIndex = _this$props4.insertColumnButtonIndex,
+          editorAnalyticsAPI = _this$props4.editorAnalyticsAPI,
+          getEditorContainerWidth = _this$props4.getEditorContainerWidth;
 
       if (typeof insertColumnButtonIndex !== 'undefined') {
         event.preventDefault();
         var state = editorView.state,
             dispatch = editorView.dispatch;
-        insertColumnWithAnalytics(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
+        insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
       }
     }
   }]);

package/dist/esm/plugins/table/ui/LayoutButton/index.js

@@ -20,7 +20,7 @@ import { injectIntl } from 'react-intl-next';
 import { Popup } from '@atlaskit/editor-common/ui';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import commonMessages from '../../../../messages';
+import commonMessages from '@atlaskit/editor-common/messages';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import { toggleTableLayoutWithAnalytics } from '../../commands-with-analytics';
 import { TableCssClassName as ClassName } from '../../types';
@@ -81,7 +81,7 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
       var _this$props$editorVie = _this.props.editorView,
           state = _this$props$editorVie.state,
           dispatch = _this$props$editorVie.dispatch;
-      toggleTableLayoutWithAnalytics()(state, dispatch);
+      toggleTableLayoutWithAnalytics(_this.props.editorAnalyticsAPI)(state, dispatch);
     });
 
     return _this;

package/dist/esm/plugins/table/ui/TableFloatingControls/index.js

@@ -23,7 +23,6 @@ import { isSelectionUpdated } from '../../utils';
 import CornerControls from './CornerControls';
 import NumberColumn from './NumberColumn';
 import RowControls from './RowControls';
-import { getFeatureFlags } from '../../../feature-flags-context';
 
 var TableFloatingControls = /*#__PURE__*/function (_Component) {
   _inherits(TableFloatingControls, _Component);
@@ -83,8 +82,8 @@ var TableFloatingControls = /*#__PURE__*/function (_Component) {
 
       var tableRef = this.props.tableRef;
 
-      var _ref = getFeatureFlags(this.props.editorView.state) || {},
-          tableRenderOptimization = _ref.tableRenderOptimization;
+      var _this$props$getEditor = this.props.getEditorFeatureFlags(),
+          tableRenderOptimization = _this$props$getEditor.tableRenderOptimization;
 
       if (tableRenderOptimization && tableRef && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
         this.resizeObserver = new ResizeObserver(function (entries) {
@@ -128,8 +127,8 @@ var TableFloatingControls = /*#__PURE__*/function (_Component) {
           headerRowHeight = _this$props.headerRowHeight,
           stickyHeader = _this$props.stickyHeader;
 
-      var _ref2 = getFeatureFlags(this.props.editorView.state) || {},
-          tableRenderOptimization = _ref2.tableRenderOptimization;
+      var _this$props$getEditor2 = this.props.getEditorFeatureFlags(),
+          tableRenderOptimization = _this$props$getEditor2.tableRenderOptimization;
 
       var tableHeight = tableRenderOptimization ? (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.tableHeight : this.props.tableHeight;
       var nextTableHeight = tableRenderOptimization ? nextState === null || nextState === void 0 ? void 0 : nextState.tableHeight : nextProps.tableHeight;

package/dist/esm/plugins/table/ui/common-styles.js

@@ -7,7 +7,7 @@ import { tableMarginTop, tableSharedStyle } from '@atlaskit/editor-common/styles
 import { fontSize } from '@atlaskit/theme/constants';
 import { N40A, B300, N300, N20A, N0, R500 } from '@atlaskit/theme/colors';
 import { SelectionStyle, getSelectionStyles, akEditorSmallZIndex, akEditorTableNumberColumnWidth, akEditorStickyHeaderZIndex, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorSelectedNodeClassName, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { scrollbarStyles } from '../../../ui/styles';
+import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 import { TableCssClassName as ClassName } from '../types';
 import { tableCellBackgroundColor, tableToolbarColor, tableBorderColor, tableCellSelectedColor, tableToolbarSelectedColor, tableBorderSelectedColor, tableCellDeleteColor, tableBorderDeleteColor, tableToolbarDeleteColor, tableBorderRadiusSize, tablePadding, tableScrollbarOffset, resizeHandlerAreaWidth, resizeLineWidth, tableToolbarSize, tableInsertColumnButtonSize, tableControlsSpacing, tableTextColor, stickyRowZIndex, columnControlsDecorationHeight, stickyRowOffsetTop, stickyHeaderBorderBottomWidth } from './consts';
 import { HeaderButton, HeaderButtonHover, HeaderButtonDanger, insertColumnButtonWrapper, insertRowButtonWrapper, columnControlsLineMarker, DeleteButton, OverflowShadow, columnControlsDecoration, hoveredDeleteButton, hoveredCell, hoveredWarningCell, resizeHandle, InsertMarker } from './ui-styles';

package/dist/esm/plugins/table/utils/analytics.js

@@ -47,4 +47,25 @@ export function getSelectedCellInfo(selection) {
     verticalCells: verticalCells,
     totalCells: totalCells
   };
-}
+}
+export var withEditorAnalyticsAPI = function withEditorAnalyticsAPI(payload) {
+  return function (editorAnalyticsAPI) {
+    return function (command) {
+      return function (state, dispatch, view) {
+        return command(state, function (tr) {
+          var dynamicPayload = payload instanceof Function ? payload(state) : payload;
+
+          if (dynamicPayload) {
+            editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(dynamicPayload)(tr);
+          }
+
+          if (dispatch) {
+            dispatch(tr);
+          }
+
+          return true;
+        }, view);
+      };
+    };
+  };
+};

package/dist/esm/plugins/table/utils/index.js

@@ -3,7 +3,7 @@ export { findControlsHoverDecoration, createControlsHoverDecoration, createColum
 export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns } from './nodes';
 export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell } from './paste';
 export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, updateResizeHandles, isResizeHandleDecoration, hasResizeHandler } from './dom';
-export { getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames } from './column-controls';
+export { isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames } from './column-controls';
 export { getRowHeights, isRowDeleteButtonVisible, getRowDeleteButtonParams, getRowsParams, getRowClassNames, copyPreviousRow } from './row-controls';
 export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
 export { getMergedCellsPositions } from './table';

package/dist/esm/selection-api/api.js

@@ -0,0 +1,23 @@
+import { setSelectionRelativeToNode as setSelectionRelativeToNodeOriginalCommand } from '../plugins/selection/commands';
+import { getPluginState as _getSelectionPluginState } from '../plugins/selection/plugin-factory';
+export var createEditorSelectionAPI = function createEditorSelectionAPI() {
+  return {
+    getSelectionPluginState: function getSelectionPluginState(state) {
+      return _getSelectionPluginState(state);
+    },
+    setSelectionRelativeToNode: function setSelectionRelativeToNode(_ref) {
+      var selectionRelativeToNode = _ref.selectionRelativeToNode,
+          selection = _ref.selection;
+      return function (state) {
+        var tr = state.tr;
+
+        var fakeDispatch = function fakeDispatch(_tr) {
+          tr = _tr;
+        };
+
+        setSelectionRelativeToNodeOriginalCommand(selectionRelativeToNode, selection)(state, fakeDispatch);
+        return tr;
+      };
+    }
+  };
+};

package/dist/esm/types/browser.js

@@ -1,2 +1 @@
-var SupportedBrowsers = ['ie', 'gecko', 'chrome', 'safari'];
 export {};

package/dist/esm/ui/ColorPalette/Color/index.js

@@ -1,94 +1,2 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { PureComponent } from 'react';
-import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
-import { N0 } from '@atlaskit/theme/colors';
-import { buttonStyle, buttonWrapperStyle } from './styles';
-import Tooltip from '@atlaskit/tooltip';
-
-var Color = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Color, _PureComponent);
-
-  var _super = _createSuper(Color);
-
-  function Color() {
-    var _this;
-
-    _classCallCheck(this, Color);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "onMouseDown", function (e) {
-      e.preventDefault();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
-      var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value,
-          label = _this$props.label;
-      e.preventDefault();
-      onClick(value, label);
-    });
-
-    return _this;
-  }
-
-  _createClass(Color, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          autoFocus = _this$props2.autoFocus,
-          tabIndex = _this$props2.tabIndex,
-          value = _this$props2.value,
-          label = _this$props2.label,
-          isSelected = _this$props2.isSelected,
-          borderColor = _this$props2.borderColor,
-          _this$props2$checkMar = _this$props2.checkMarkColor,
-          checkMarkColor = _this$props2$checkMar === void 0 ? N0 : _this$props2$checkMar;
-      return jsx(Tooltip, {
-        content: label
-      }, jsx("span", {
-        css: buttonWrapperStyle
-      }, jsx("button", {
-        css: buttonStyle,
-        "aria-label": label,
-        role: "radio",
-        "aria-checked": isSelected,
-        onClick: this.onClick,
-        onMouseDown: this.onMouseDown,
-        tabIndex: tabIndex,
-        className: "".concat(isSelected ? 'selected' : ''),
-        style: {
-          backgroundColor: value || 'transparent',
-          border: "1px solid ".concat(borderColor)
-        },
-        autoFocus: autoFocus
-      }, isSelected && jsx(EditorDoneIcon, {
-        primaryColor: checkMarkColor,
-        label: ""
-      }))));
-    }
-  }]);
-
-  return Color;
-}(PureComponent);
-
+import { Color } from '@atlaskit/editor-common/ui-color';
 export default Color;

package/dist/esm/ui/ColorPalette/Palettes/cellBackgroundColorPalette.js

@@ -1,15 +1,2 @@
-import { tableBackgroundColorPalette, tableBackgroundBorderColor } from '@atlaskit/adf-schema';
-import getColorMessage from './getColorMessage';
-import paletteMessages from './paletteMessages';
-var cellBackgroundColorPalette = [];
-tableBackgroundColorPalette.forEach(function (label, color) {
-  var key = label.toLowerCase().replace(' ', '-');
-  var message = getColorMessage(paletteMessages, key);
-  cellBackgroundColorPalette.push({
-    value: color,
-    label: label,
-    border: tableBackgroundBorderColor,
-    message: message
-  });
-});
+import { cellBackgroundColorPalette } from '@atlaskit/editor-common/ui-color';
 export default cellBackgroundColorPalette;

package/dist/esm/ui/ColorPalette/Palettes/common.js

@@ -1,19 +1 @@
-import { N800 } from '@atlaskit/theme/colors';
-import chromatism from 'chromatism';
-/**
- * For a given color set the alpha channel to alpha
- *
- * @param color color string, suppports HEX, RGB, RGBA etc.
- * @param alpha Alpha channel value as fraction of 1
- * @return CSS RGBA string with applied alpha channel
- */
-
-function setAlpha(color, alpha) {
-  var _chromatism$convert$r = chromatism.convert(color).rgb,
-      r = _chromatism$convert$r.r,
-      g = _chromatism$convert$r.g,
-      b = _chromatism$convert$r.b;
-  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
-}
-
-export var DEFAULT_BORDER_COLOR = setAlpha(N800, 0.12);
+export { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';

package/dist/esm/ui/ColorPalette/Palettes/paletteMessages.js

@@ -1,113 +1,2 @@
-import { defineMessages } from 'react-intl-next';
-export default defineMessages({
-  white: {
-    id: 'fabric.theme.white',
-    defaultMessage: 'White',
-    description: 'Name of a color'
-  },
-  'light-blue': {
-    id: 'fabric.theme.light-blue',
-    defaultMessage: 'Light blue',
-    description: 'Name of a color'
-  },
-  'light-teal': {
-    id: 'fabric.theme.light-teal',
-    defaultMessage: 'Light teal',
-    description: 'Name of a color'
-  },
-  'light-green': {
-    id: 'fabric.theme.light-green',
-    defaultMessage: 'Light green',
-    description: 'Name of a color'
-  },
-  'light-yellow': {
-    id: 'fabric.theme.light-yellow',
-    defaultMessage: 'Light yellow',
-    description: 'Name of a color'
-  },
-  'light-red': {
-    id: 'fabric.theme.light-red',
-    defaultMessage: 'Light red',
-    description: 'Name of a color'
-  },
-  'light-purple': {
-    id: 'fabric.theme.light-purple',
-    defaultMessage: 'Light purple',
-    description: 'Name of a color'
-  },
-  'light-gray': {
-    id: 'fabric.theme.light-gray',
-    defaultMessage: 'Light gray',
-    description: 'Name of a color'
-  },
-  blue: {
-    id: 'fabric.theme.blue',
-    defaultMessage: 'Blue',
-    description: 'Name of a color'
-  },
-  teal: {
-    id: 'fabric.theme.teal',
-    defaultMessage: 'Teal',
-    description: 'Name of a color'
-  },
-  green: {
-    id: 'fabric.theme.green',
-    defaultMessage: 'Green',
-    description: 'Name of a color'
-  },
-  yellow: {
-    id: 'fabric.theme.yellow',
-    defaultMessage: 'Yellow',
-    description: 'Name of a color'
-  },
-  red: {
-    id: 'fabric.theme.red',
-    defaultMessage: 'Red',
-    description: 'Name of a color'
-  },
-  orange: {
-    id: 'fabric.theme.orange',
-    defaultMessage: 'Orange',
-    description: 'Name of a color.'
-  },
-  purple: {
-    id: 'fabric.theme.purple',
-    defaultMessage: 'Purple',
-    description: 'Name of a color'
-  },
-  gray: {
-    id: 'fabric.theme.gray',
-    defaultMessage: 'Gray',
-    description: 'Name of a color'
-  },
-  'dark-blue': {
-    id: 'fabric.theme.dark-blue',
-    defaultMessage: 'Dark blue',
-    description: 'Name of a color'
-  },
-  'dark-teal': {
-    id: 'fabric.theme.dark-teal',
-    defaultMessage: 'Dark teal',
-    description: 'Name of a color'
-  },
-  'dark-green': {
-    id: 'fabric.theme.dark-green',
-    defaultMessage: 'Dark green',
-    description: 'Name of a color'
-  },
-  'dark-yellow': {
-    id: 'fabric.theme.dark-yellow',
-    defaultMessage: 'Dark yellow',
-    description: 'Name of a color'
-  },
-  'dark-red': {
-    id: 'fabric.theme.dark-red',
-    defaultMessage: 'Dark red',
-    description: 'Name of a color'
-  },
-  'dark-purple': {
-    id: 'fabric.theme.dark-purple',
-    defaultMessage: 'Dark purple',
-    description: 'Name of a color'
-  }
-});
+import { colorPaletteMessages } from '@atlaskit/editor-common/ui-color';
+export default colorPaletteMessages;

package/dist/esm/ui/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -1,147 +1 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { colors } from '@atlaskit/theme';
-import { DEFAULT_BORDER_COLOR } from './common';
-import { darkPanelColors } from '@atlaskit/editor-common/panel';
-export var panelBackgroundPalette = [{
-  label: 'White',
-  value: colors.N0
-}, {
-  label: 'Light blue',
-  value: colors.B50
-}, {
-  label: 'Light teal',
-  value: colors.T50
-}, {
-  label: 'Light green',
-  value: colors.G50
-}, {
-  label: 'Light yellow',
-  value: colors.Y50
-}, {
-  label: 'Light red',
-  value: colors.R50
-}, {
-  label: 'Light purple',
-  value: colors.P50
-}, {
-  label: 'Light gray',
-  value: colors.N20
-}, {
-  label: 'Blue',
-  value: colors.B75
-}, {
-  label: 'Teal',
-  value: colors.T75
-}, {
-  label: 'Green',
-  value: colors.G75
-}, {
-  label: 'Yellow',
-  value: colors.Y75
-}, {
-  label: 'Red',
-  value: colors.R75
-}, {
-  label: 'Purple',
-  value: colors.P75
-}, {
-  label: 'Gray',
-  value: colors.N60
-}, {
-  label: 'Dark blue',
-  value: colors.B100
-}, {
-  label: 'Dark teal',
-  value: colors.T100
-}, {
-  label: 'Dark green',
-  value: colors.G200
-}, {
-  label: 'Dark yellow',
-  value: colors.Y200
-}, {
-  label: 'Dark red',
-  value: colors.R100
-}, {
-  label: 'Dark purple',
-  value: colors.P100
-}].map(function (color) {
-  return _objectSpread(_objectSpread({}, color), {}, {
-    border: DEFAULT_BORDER_COLOR
-  });
-});
-export var panelDarkModeBackgroundPalette = [{
-  label: 'Dark gray',
-  value: darkPanelColors.DarkGray
-}, {
-  label: 'Dark blue',
-  value: darkPanelColors.B1200S
-}, {
-  label: 'Dark teal',
-  value: darkPanelColors.T1200S
-}, {
-  label: 'Dark green',
-  value: darkPanelColors.G1200S
-}, {
-  label: 'Dark yellow',
-  value: darkPanelColors.Y1200S
-}, {
-  label: 'Dark red',
-  value: darkPanelColors.R1200S
-}, {
-  label: 'Dark purple',
-  value: darkPanelColors.P1200S
-}, {
-  label: 'Gray',
-  value: darkPanelColors.Gray
-}, {
-  label: 'blue',
-  value: darkPanelColors.B900
-}, {
-  label: 'teal',
-  value: darkPanelColors.T900
-}, {
-  label: 'green',
-  value: darkPanelColors.G900
-}, {
-  label: 'yellow',
-  value: darkPanelColors.Y900
-}, {
-  label: 'red',
-  value: darkPanelColors.R900
-}, {
-  label: 'purple',
-  value: darkPanelColors.P900
-}, {
-  label: 'Light gray',
-  value: darkPanelColors.LightGray
-}, {
-  label: 'Light blue',
-  value: darkPanelColors.B800S
-}, {
-  label: 'Light teal',
-  value: darkPanelColors.T900S
-}, {
-  label: 'Light green',
-  value: darkPanelColors.G900S
-}, {
-  label: 'Light yellow',
-  value: darkPanelColors.Y800S
-}, {
-  label: 'Light red',
-  value: darkPanelColors.R800S
-}, {
-  label: 'Light purple',
-  value: darkPanelColors.P800S
-}].map(function (color) {
-  return _objectSpread(_objectSpread({}, color), {}, {
-    border: DEFAULT_BORDER_COLOR
-  });
-});
+export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from '@atlaskit/editor-common/ui-color';

package/dist/esm/ui/ColorPalette/Palettes/statusColorPalette.js

@@ -1,51 +1 @@
-import * as colors from '@atlaskit/theme/colors';
-export var lightModeStatusColorPalette = [{
-  label: 'neutral',
-  value: colors.N40,
-  border: colors.N400
-}, {
-  label: 'purple',
-  value: colors.P50,
-  border: colors.P400
-}, {
-  label: 'blue',
-  value: colors.B50,
-  border: colors.B400
-}, {
-  label: 'red',
-  value: colors.R50,
-  border: colors.R400
-}, {
-  label: 'yellow',
-  value: colors.Y75,
-  border: colors.Y400
-}, {
-  label: 'green',
-  value: colors.G50,
-  border: colors.G400
-}];
-export var darkModeStatusColorPalette = [{
-  label: 'neutral',
-  value: '#7F9BB4',
-  border: colors.N400
-}, {
-  label: 'purple',
-  value: '#282249',
-  border: colors.P400
-}, {
-  label: 'blue',
-  value: '#0C294F',
-  border: colors.B400
-}, {
-  label: 'red',
-  value: '#441C13',
-  border: colors.R400
-}, {
-  label: 'yellow',
-  value: '#413001',
-  border: colors.Y400
-}, {
-  label: 'green',
-  value: '#052E21',
-  border: colors.G400
-}];
+export { lightModeStatusColorPalette, darkModeStatusColorPalette } from '@atlaskit/editor-common/ui-color';

package/dist/esm/ui/ColorPalette/Palettes/textColorPalette.js

@@ -1,25 +1 @@
-import { colorPalette, colorPaletteExtended } from '@atlaskit/adf-schema';
-import getColorMessage from './getColorMessage';
-import paletteMessages from './paletteMessages';
-import { DEFAULT_BORDER_COLOR } from './common';
-
-var mapPaletteColor = function mapPaletteColor(label, color) {
-  var key = label.toLowerCase().replace(' ', '-');
-  var message = getColorMessage(paletteMessages, key);
-  return {
-    value: color,
-    label: label,
-    border: DEFAULT_BORDER_COLOR,
-    message: message
-  };
-}; // row 1
-
-
-export var textColorPalette = [];
-export var textColorPaletteExtended = [];
-colorPalette.forEach(function (label, color) {
-  textColorPalette.push(mapPaletteColor(label, color));
-});
-colorPaletteExtended.forEach(function (label, color) {
-  textColorPaletteExtended.push(mapPaletteColor(label, color));
-});
+export { textColorPalette, textColorPaletteExtended } from '@atlaskit/editor-common/ui-color';