@atlaskit/editor-core 172.1.2 → 172.2.0

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -11,7 +11,7 @@ import cellBackgroundColorPalette from '../../../../ui/ColorPalette/Palettes/cel
 import DropdownMenu from '../../../../ui/DropdownMenu';
 import { shortcutStyle, cellColourPreviewStyles } from '../../../../ui/styles';
 import { closestElement } from '../../../../utils/dom';
-import { INPUT_METHOD } from '../../../analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, toggleContextualMenu } from '../../commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics, distributeColumnsWidthsWithAnalytics } from '../../commands-with-analytics';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
@@ -202,7 +202,7 @@ export class ContextualMenu extends Component {
       if (allowDistributeColumns) {
         var _newResizeState$chang;
 
-        const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView));
+        const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), this.props.getEditorContainerWidth);
         const wouldChange = (_newResizeState$chang = newResizeState === null || newResizeState === void 0 ? void 0 : newResizeState.changed) !== null && _newResizeState$chang !== void 0 ? _newResizeState$chang : false;
         items.push({
           content: formatMessage(messages.distributeColumns),
@@ -256,7 +256,9 @@ export class ContextualMenu extends Component {
     }) => {
       const {
         editorView,
-        selectionRect
+        selectionRect,
+        editorAnalyticsAPI,
+        getEditorContainerWidth
       } = this.props; // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
 
       const {
@@ -269,47 +271,47 @@ export class ContextualMenu extends Component {
 
       switch (item.value.name) {
         case 'sort_column_desc':
-          sortColumnWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.DESC)(state, dispatch);
+          sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.DESC)(state, dispatch);
           this.toggleOpen();
           break;
 
         case 'sort_column_asc':
-          sortColumnWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.ASC)(state, dispatch);
+          sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.ASC)(state, dispatch);
           this.toggleOpen();
           break;
 
         case 'merge':
-          mergeCellsWithAnalytics()(state, dispatch);
+          mergeCellsWithAnalytics(editorAnalyticsAPI)(state, dispatch);
           this.toggleOpen();
           break;
 
         case 'split':
-          splitCellWithAnalytics()(state, dispatch);
+          splitCellWithAnalytics(editorAnalyticsAPI)(state, dispatch);
           this.toggleOpen();
           break;
 
         case 'distribute_columns':
-          const newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView));
+          const newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), this.props.getEditorContainerWidth);
 
           if (newResizeStateWithAnalytics) {
-            distributeColumnsWidthsWithAnalytics(INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
+            distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
             this.toggleOpen();
           }
 
           break;
 
         case 'clear':
-          emptyMultipleCellsWithAnalytics(INPUT_METHOD.CONTEXT_MENU, targetCellPosition)(state, dispatch);
+          emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, targetCellPosition)(state, dispatch);
           this.toggleOpen();
           break;
 
         case 'insert_column':
-          insertColumnWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
+          insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
           this.toggleOpen();
           break;
 
         case 'insert_row':
-          insertRowWithAnalytics(INPUT_METHOD.CONTEXT_MENU, {
+          insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, {
             index: selectionRect.bottom,
             moveCursorToInsertedRow: true
           })(state, dispatch);
@@ -317,7 +319,7 @@ export class ContextualMenu extends Component {
           break;
 
         case 'delete_column':
-          deleteColumnsWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch);
+          deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch);
           this.toggleOpen();
           break;
 
@@ -327,7 +329,7 @@ export class ContextualMenu extends Component {
               isHeaderRowRequired
             }
           } = getPluginState(state);
-          deleteRowsWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(state, dispatch);
+          deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(state, dispatch);
           this.toggleOpen();
           break;
       }
@@ -422,7 +424,8 @@ export class ContextualMenu extends Component {
 
     _defineProperty(this, "setColor", color => {
       const {
-        editorView
+        editorView,
+        editorAnalyticsAPI
       } = this.props; // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
 
       const {
@@ -432,7 +435,7 @@ export class ContextualMenu extends Component {
         state,
         dispatch
       } = editorView;
-      setColorWithAnalytics(color, targetCellPosition)(state, dispatch);
+      setColorWithAnalytics(editorAnalyticsAPI)(color, targetCellPosition)(state, dispatch);
       this.toggleOpen();
     });
   }

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js

@@ -35,7 +35,9 @@ const FloatingContextualMenu = ({
   scrollableElement,
   editorView,
   isOpen,
-  pluginConfig
+  pluginConfig,
+  editorAnalyticsAPI,
+  getEditorContainerWidth
 }) => {
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
   const {
@@ -87,7 +89,9 @@ const FloatingContextualMenu = ({
     allowMergeCells: pluginConfig.allowMergeCells,
     allowBackgroundColor: pluginConfig.allowBackgroundColor,
     selectionRect: selectionRect,
-    boundariesElement: boundariesElement
+    boundariesElement: boundariesElement,
+    editorAnalyticsAPI: editorAnalyticsAPI,
+    getEditorContainerWidth: getEditorContainerWidth
   })));
 };
 

package/dist/es2019/plugins/table/ui/FloatingDeleteButton/index.js

@@ -7,12 +7,13 @@ import { createPortal } from 'react-dom';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { closestElement } from '../../../../utils/dom';
-import { INPUT_METHOD } from '../../../analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics } from '../../commands-with-analytics';
 import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-factory';
 import { TableCssClassName as ClassName } from '../../types';
-import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams, getRowHeights } from '../../utils';
+import { getColumnDeleteButtonParams, getRowDeleteButtonParams, getRowHeights } from '../../utils';
+import { getColumnsWidths } from '../../utils/column-controls';
 import tableMessages from '../messages';
 import { stickyRowZIndex } from '../consts';
 import DeleteButton from './DeleteButton';
@@ -97,6 +98,9 @@ class FloatingDeleteButton extends Component {
     });
 
     _defineProperty(this, "handleClick", () => {
+      const {
+        editorAnalyticsAPI
+      } = this.props;
       let {
         state,
         dispatch
@@ -112,13 +116,13 @@ class FloatingDeleteButton extends Component {
         switch (this.state.selectionType) {
           case 'column':
             {
-              deleteColumnsWithAnalytics(INPUT_METHOD.BUTTON, rect)(state, dispatch);
+              deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, rect)(state, dispatch);
               return;
             }
 
           case 'row':
             {
-              deleteRowsWithAnalytics(INPUT_METHOD.BUTTON, rect, !!isHeaderRowRequired)(state, dispatch);
+              deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, rect, !!isHeaderRowRequired)(state, dispatch);
               return;
             }
         }

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

@@ -8,13 +8,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 class FloatingInsertButton extends React.Component {
   constructor(props) {
     super(props);
@@ -156,7 +156,8 @@ export class FloatingInsertButton extends React.Component {
   insertRow(event) {
     const {
       editorView,
-      insertRowButtonIndex
+      insertRowButtonIndex,
+      editorAnalyticsAPI
     } = this.props;
 
     if (typeof insertRowButtonIndex !== 'undefined') {
@@ -165,7 +166,7 @@ export class FloatingInsertButton extends React.Component {
         state,
         dispatch
       } = editorView;
-      insertRowWithAnalytics(INPUT_METHOD.BUTTON, {
+      insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, {
         index: insertRowButtonIndex,
         moveCursorToInsertedRow: true
       })(state, dispatch);
@@ -175,7 +176,9 @@ export class FloatingInsertButton extends React.Component {
   insertColumn(event) {
     const {
       editorView,
-      insertColumnButtonIndex
+      insertColumnButtonIndex,
+      editorAnalyticsAPI,
+      getEditorContainerWidth
     } = this.props;
 
     if (typeof insertColumnButtonIndex !== 'undefined') {
@@ -184,7 +187,7 @@ export class FloatingInsertButton extends React.Component {
         state,
         dispatch
       } = editorView;
-      insertColumnWithAnalytics(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
+      insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
     }
   }
 

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

@@ -5,7 +5,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';
@@ -53,7 +53,7 @@ class LayoutButton extends React.Component {
         state,
         dispatch
       } = this.props.editorView;
-      toggleTableLayoutWithAnalytics()(state, dispatch);
+      toggleTableLayoutWithAnalytics(this.props.editorAnalyticsAPI)(state, dispatch);
     });
   }
 

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

@@ -6,7 +6,6 @@ import { isSelectionUpdated } from '../../utils';
 import CornerControls from './CornerControls';
 import NumberColumn from './NumberColumn';
 import RowControls from './RowControls';
-import { getFeatureFlags } from '../../../feature-flags-context';
 export default class TableFloatingControls extends Component {
   constructor(...args) {
     super(...args);
@@ -54,7 +53,7 @@ export default class TableFloatingControls extends Component {
     } = this.props;
     const {
       tableRenderOptimization
-    } = getFeatureFlags(this.props.editorView.state) || {};
+    } = this.props.getEditorFeatureFlags();
 
     if (tableRenderOptimization && tableRef && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
       this.resizeObserver = new ResizeObserver(entries => {
@@ -88,7 +87,7 @@ export default class TableFloatingControls extends Component {
     } = this.props;
     const {
       tableRenderOptimization
-    } = getFeatureFlags(this.props.editorView.state) || {};
+    } = this.props.getEditorFeatureFlags();
     const tableHeight = tableRenderOptimization ? (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.tableHeight : this.props.tableHeight;
     const nextTableHeight = tableRenderOptimization ? nextState === null || nextState === void 0 ? void 0 : nextState.tableHeight : nextProps.tableHeight;
     return ordering !== nextProps.ordering || tableRef !== nextProps.tableRef || tableHeight !== nextTableHeight || tableActive !== nextProps.tableActive || isInDanger !== nextProps.isInDanger || isResizing !== nextProps.isResizing || hoveredRows !== nextProps.hoveredRows || isHeaderRowEnabled !== nextProps.isHeaderRowEnabled || isHeaderColumnEnabled !== nextProps.isHeaderColumnEnabled || isNumberColumnEnabled !== nextProps.isNumberColumnEnabled || isSelectionUpdated(selection, nextProps.selection) || headerRowHeight !== nextProps.headerRowHeight || stickyHeader !== nextProps.stickyHeader;

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

@@ -3,7 +3,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/es2019/plugins/table/utils/analytics.js

@@ -47,4 +47,19 @@ export function getSelectedCellInfo(selection) {
     verticalCells,
     totalCells
   };
-}
+}
+export const withEditorAnalyticsAPI = payload => editorAnalyticsAPI => {
+  return command => (state, dispatch, view) => command(state, tr => {
+    const 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/es2019/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/es2019/selection-api/api.js

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

package/dist/es2019/types/browser.js

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

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

@@ -1,67 +1,2 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/** @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';
-
-class Color extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "onMouseDown", e => {
-      e.preventDefault();
-    });
-
-    _defineProperty(this, "onClick", e => {
-      const {
-        onClick,
-        value,
-        label
-      } = this.props;
-      e.preventDefault();
-      onClick(value, label);
-    });
-  }
-
-  render() {
-    const {
-      autoFocus,
-      tabIndex,
-      value,
-      label,
-      isSelected,
-      borderColor,
-      checkMarkColor = N0
-    } = this.props;
-    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: `${isSelected ? 'selected' : ''}`,
-      style: {
-        backgroundColor: value || 'transparent',
-        border: `1px solid ${borderColor}`
-      },
-      autoFocus: autoFocus
-    }, isSelected && jsx(EditorDoneIcon, {
-      primaryColor: checkMarkColor,
-      label: ""
-    }))));
-  }
-
-}
-
+import { Color } from '@atlaskit/editor-common/ui-color';
 export default Color;

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

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

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

@@ -1,20 +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) {
-  const {
-    r,
-    g,
-    b
-  } = chromatism.convert(color).rgb;
-  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-}
-
-export const DEFAULT_BORDER_COLOR = setAlpha(N800, 0.12);
+export { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';

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