@atlaskit/editor-common 115.6.0 → 115.7.1

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

@@ -2,115 +2,9 @@ import _defineProperty from "@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) { _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; }
 import { defineMessages } from 'react-intl';
-
-// These messages are only to be used when showSomewhatSemanticTooltips is true.
-export var lightTextPaletteTooltipMessages = defineMessages({
-  '#FFFFFF': {
-    id: 'fabric.theme.white',
-    defaultMessage: 'White',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the white color option.'
-  },
-  '#B3D4FF': {
-    id: 'fabric.theme.subtle-blue',
-    defaultMessage: 'Subtle blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle blue color option.'
-  },
-  '#B3F5FF': {
-    id: 'fabric.theme.subtle-teal',
-    defaultMessage: 'Subtle teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle teal color option.'
-  },
-  '#ABF5D1': {
-    id: 'fabric.theme.subtle-green',
-    defaultMessage: 'Subtle green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle green color option.'
-  },
-  '#FFF0B3': {
-    id: 'fabric.theme.subtle-yellow',
-    defaultMessage: 'Subtle yellow',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle yellow color option.'
-  },
-  '#FFBDAD': {
-    id: 'fabric.theme.subtle-red',
-    defaultMessage: 'Subtle red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle red color option.'
-  },
-  '#EAE6FF': {
-    id: 'fabric.theme.subtle-purple',
-    defaultMessage: 'Subtle purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle purple color option.'
-  },
-  '#97A0AF': {
-    id: 'fabric.theme.gray',
-    defaultMessage: 'Gray',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the gray color option.'
-  },
-  '#4C9AFF': {
-    id: 'fabric.theme.blue',
-    defaultMessage: 'Blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the blue color option.'
-  },
-  '#00B8D9': {
-    id: 'fabric.theme.teal',
-    defaultMessage: 'Teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the teal color option.'
-  },
-  '#36B37E': {
-    id: 'fabric.theme.green',
-    defaultMessage: 'Green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the green color option.'
-  },
-  '#FFC400': {
-    id: 'fabric.theme.yellow',
-    defaultMessage: 'Yellow',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the yellow color option.'
-  },
-  '#FF5630': {
-    id: 'fabric.theme.red',
-    defaultMessage: 'Red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the red color option.'
-  },
-  '#FF991F': {
-    id: 'fabric.theme.bold-orange',
-    defaultMessage: 'Bold orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold orange color option.'
-  },
-  '#6554C0': {
-    id: 'fabric.theme.purple',
-    defaultMessage: 'Purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the purple color option.'
-  },
-  '#0747A6': {
-    id: 'fabric.theme.bold-blue',
-    defaultMessage: 'Bold blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold blue color option.'
-  },
-  '#008DA6': {
-    id: 'fabric.theme.bold-teal',
-    defaultMessage: 'Bold teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold teal color option.'
-  },
-  '#006644': {
-    id: 'fabric.theme.bold-green',
-    defaultMessage: 'Bold green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold green color option.'
-  },
-  '#BF2600': {
-    id: 'fabric.theme.bold-red',
-    defaultMessage: 'Bold red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold red color option.'
-  },
-  '#403294': {
-    id: 'fabric.theme.bold-purple',
-    defaultMessage: 'Bold purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold purple color option.'
-  },
-  '#172B4D': {
-    id: 'fabric.theme.default',
-    defaultMessage: 'Default',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the default color option.'
-  }
-});
+import { lightBackgroundPaletteTooltipMessages } from './lightBackgroundPaletteTooltipMessages';
+import { lightChartsColorPaletteTooltipMessages } from './lightChartsColorPaletteTooltipMessages';
+import { lightTextPaletteTooltipMessages } from './lightTextPaletteTooltipMessages';
 var darkModeTextPaletteOverrides = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.dark-gray',
@@ -120,116 +14,10 @@ var darkModeTextPaletteOverrides = defineMessages({
 });
 export var darkTextPaletteTooltipMessages = _objectSpread(_objectSpread({}, lightTextPaletteTooltipMessages), darkModeTextPaletteOverrides);
 export var textPaletteTooltipMessages = {
+  // eslint-disable-next-line @atlaskit/editor/no-re-export
   light: lightTextPaletteTooltipMessages,
   dark: darkTextPaletteTooltipMessages
 };
-export var lightBackgroundPaletteTooltipMessages = defineMessages({
-  '#DEEBFF': {
-    id: 'fabric.theme.subtle-blue',
-    defaultMessage: 'Subtle blue',
-    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 blue color option.'
-  },
-  '#B3D4FF': {
-    id: 'fabric.theme.blue',
-    defaultMessage: 'Blue',
-    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 blue color option.'
-  },
-  '#4C9AFF': {
-    id: 'fabric.theme.bold-blue',
-    defaultMessage: 'Bold blue',
-    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 blue color option.'
-  },
-  '#E6FCFF': {
-    id: 'fabric.theme.subtle-teal',
-    defaultMessage: 'Subtle teal',
-    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 teal color option.'
-  },
-  '#B3F5FF': {
-    id: 'fabric.theme.teal',
-    defaultMessage: 'Teal',
-    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 teal color option.'
-  },
-  '#79E2F2': {
-    id: 'fabric.theme.bold-teal',
-    defaultMessage: 'Bold teal',
-    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 teal color option.'
-  },
-  '#E3FCEF': {
-    id: 'fabric.theme.subtle-green',
-    defaultMessage: 'Subtle green',
-    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 green color option.'
-  },
-  '#ABF5D1': {
-    id: 'fabric.theme.green',
-    defaultMessage: 'Green',
-    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 green color option.'
-  },
-  '#57D9A3': {
-    id: 'fabric.theme.bold-green',
-    defaultMessage: 'Bold green',
-    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 green color option.'
-  },
-  '#FFFAE6': {
-    id: 'fabric.theme.subtle-yellow',
-    defaultMessage: 'Subtle 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 subtle yellow color option.'
-  },
-  '#FFF0B3': {
-    id: 'fabric.theme.yellow',
-    defaultMessage: '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 yellow color option.'
-  },
-  '#FFC400': {
-    id: 'fabric.theme.bold-yellow',
-    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',
-    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 red color option.'
-  },
-  '#FFBDAD': {
-    id: 'fabric.theme.red',
-    defaultMessage: 'Red',
-    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 red color option.'
-  },
-  '#FF8F73': {
-    id: 'fabric.theme.bold-red',
-    defaultMessage: 'Bold red',
-    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 red color option.'
-  },
-  '#EAE6FF': {
-    id: 'fabric.theme.subtle-purple',
-    defaultMessage: 'Subtle purple',
-    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 purple color option.'
-  },
-  '#C0B6F2': {
-    id: 'fabric.theme.purple',
-    defaultMessage: 'Purple',
-    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 purple color option.'
-  },
-  '#998DD9': {
-    id: 'fabric.theme.bold-purple',
-    defaultMessage: 'Bold purple',
-    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 purple color option.'
-  },
-  '#FFFFFF': {
-    id: 'fabric.theme.white',
-    defaultMessage: 'White',
-    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 white color option.'
-  },
-  '#F4F5F7': {
-    id: 'fabric.theme.gray',
-    defaultMessage: '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 gray color option.'
-  },
-  '#B3BAC5': {
-    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.'
-  }
-});
 var darkModeBackgroundPaletteOverrides = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.subtle-gray',
@@ -244,202 +32,13 @@ var darkModeBackgroundPaletteOverrides = defineMessages({
 });
 export var darkBackgroundPaletteTooltipMessages = _objectSpread(_objectSpread({}, lightBackgroundPaletteTooltipMessages), darkModeBackgroundPaletteOverrides);
 export var backgroundPaletteTooltipMessages = {
+  // eslint-disable-next-line @atlaskit/editor/no-re-export
   light: lightBackgroundPaletteTooltipMessages,
   dark: darkBackgroundPaletteTooltipMessages
 };
-export var lightChartsColorPaletteTooltipMessages = defineMessages({
-  // Blue color
-  '#7AB2FF': {
-    id: 'fabric.theme.subtle-blue',
-    defaultMessage: 'Subtle blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle blue color option.'
-  },
-  '#247FFF': {
-    id: 'fabric.theme.blue',
-    defaultMessage: 'Blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the blue color option.'
-  },
-  '#0055CC': {
-    id: 'fabric.theme.bold-blue',
-    defaultMessage: 'Bold blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold blue color option.'
-  },
-  '#003884': {
-    id: 'fabric.theme.bolder-blue',
-    defaultMessage: 'Bolder blue',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder blue color option.'
-  },
-  // Teal color
-  '#60C6D2': {
-    id: 'fabric.theme.subtle-teal',
-    defaultMessage: 'Subtle teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle teal color option.'
-  },
-  '#1D9AAA': {
-    id: 'fabric.theme.teal',
-    defaultMessage: 'Teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the teal color option.'
-  },
-  '#1D7F8C': {
-    id: 'fabric.theme.bold-teal',
-    defaultMessage: 'Bold teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold teal color option.'
-  },
-  '#206B74': {
-    id: 'fabric.theme.bolder-teal',
-    defaultMessage: 'Bolder teal',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder teal color option.'
-  },
-  // Green color
-  '#6BE1B0': {
-    id: 'fabric.theme.subtle-green',
-    defaultMessage: 'Subtle green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle green color option.'
-  },
-  '#23A971': {
-    id: 'fabric.theme.green',
-    defaultMessage: 'Green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the green color option.'
-  },
-  '#177D52': {
-    id: 'fabric.theme.bold-green',
-    defaultMessage: 'Bold green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold green color option.'
-  },
-  '#055C3F': {
-    id: 'fabric.theme.bolder-green',
-    defaultMessage: 'Bolder green',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder green color option.'
-  },
-  // Yellow color
-  '#FFDB57': {
-    id: 'fabric.theme.subtle-yellow',
-    defaultMessage: 'Subtle yellow',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle yellow color option.'
-  },
-  '#FFBE33': {
-    id: 'fabric.theme.yellow',
-    defaultMessage: 'Yellow',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the yellow color option.'
-  },
-  '#FF9D00': {
-    id: 'fabric.theme.bold-yellow',
-    defaultMessage: 'Bold yellow',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold yellow color option.'
-  },
-  '#946104': {
-    id: 'fabric.theme.bolder-yellow',
-    defaultMessage: 'Bolder yellow',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder yellow color option.'
-  },
-  // Red color
-  '#FF8F73': {
-    id: 'fabric.theme.subtle-red',
-    defaultMessage: 'Subtle red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle red color option.'
-  },
-  '#FC552C': {
-    id: 'fabric.theme.red',
-    defaultMessage: 'Red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the red color option.'
-  },
-  '#D32D03': {
-    id: 'fabric.theme.bold-red',
-    defaultMessage: 'Bold red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold red color option.'
-  },
-  '#A32000': {
-    id: 'fabric.theme.bolder-red',
-    defaultMessage: 'Bolder red',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder red color option.'
-  },
-  // Orange color
-  '#FAA53D': {
-    id: 'fabric.theme.subtle-orange',
-    defaultMessage: 'Subtle orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle orange color option.'
-  },
-  '#D97008': {
-    id: 'fabric.theme.orange',
-    defaultMessage: 'Orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the orange color option.'
-  },
-  '#B65C02': {
-    id: 'fabric.theme.bold-orange',
-    defaultMessage: 'Bold orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold orange color option.'
-  },
-  '#974F0C': {
-    id: 'fabric.theme.bolder-orange',
-    defaultMessage: 'Bolder orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder orange color option.'
-  },
-  // Magenta color
-  '#E774BB': {
-    id: 'fabric.theme.subtle-magenta',
-    defaultMessage: 'Subtle magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle magenta color option.'
-  },
-  '#DA62AC': {
-    id: 'fabric.theme.magenta',
-    defaultMessage: 'Magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the magenta color option.'
-  },
-  '#CD519D': {
-    id: 'fabric.theme.bold-magenta',
-    defaultMessage: 'Bold magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold magenta color option.'
-  },
-  '#943D73': {
-    id: 'fabric.theme.bolder-magenta',
-    defaultMessage: 'Bolder magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder magenta color option.'
-  },
-  // Purple color
-  '#B5A7FB': {
-    id: 'fabric.theme.subtle-purple',
-    defaultMessage: 'Subtle purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle purple color option.'
-  },
-  '#8B77EE': {
-    id: 'fabric.theme.purple',
-    defaultMessage: 'Purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the purple color option.'
-  },
-  '#5A43D0': {
-    id: 'fabric.theme.bold-purple',
-    defaultMessage: 'Bold purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold purple color option.'
-  },
-  '#44368B': {
-    id: 'fabric.theme.bolder-purple',
-    defaultMessage: 'Bolder purple',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder purple color option.'
-  },
-  // Gray color
-  '#8993A5': {
-    id: 'fabric.theme.subtle-gray',
-    defaultMessage: 'Subtle gray',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle gray color option.'
-  },
-  '#8590A2': {
-    id: 'fabric.theme.gray',
-    defaultMessage: 'Gray',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the gray color option.'
-  },
-  '#758195': {
-    id: 'fabric.theme.bold-gray',
-    defaultMessage: 'Bold gray',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold gray color option.'
-  },
-  '#44546F': {
-    id: 'fabric.theme.bolder-gray',
-    defaultMessage: 'Bolder gray',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder gray color option.'
-  }
-});
 var darkChartsColorPaletteTooltipMessages = _objectSpread({}, lightChartsColorPaletteTooltipMessages);
 export var chartsColorPaletteTooltipMessages = {
+  // eslint-disable-next-line @atlaskit/editor/no-re-export
   light: lightChartsColorPaletteTooltipMessages,
   dark: darkChartsColorPaletteTooltipMessages
 };
@@ -464,4 +63,10 @@ var darkBorderPaletteTooltipMessages = _objectSpread({}, lightBorderPaletteToolt
 export var borderPaletteTooltipMessages = {
   light: lightBorderPaletteTooltipMessages,
   dark: darkBorderPaletteTooltipMessages
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { lightTextPaletteTooltipMessages } from './lightTextPaletteTooltipMessages';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { lightBackgroundPaletteTooltipMessages } from './lightBackgroundPaletteTooltipMessages';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { lightChartsColorPaletteTooltipMessages } from './lightChartsColorPaletteTooltipMessages';

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

@@ -1,20 +1,11 @@
 import { colorPalette } from '@atlaskit/adf-schema';
-import getColorMessage from './getColorMessage';
-import paletteMessages from './paletteMessages';
-export var mapPaletteColor = function mapPaletteColor(label, color) {
-  var key = label.toLowerCase().replace(' ', '-');
-  var message = getColorMessage(paletteMessages, key);
-  return {
-    value: color,
-    label: label,
-    border: "var(--ds-border, #0B120E24)",
-    message: message
-  };
-};
-
+import { mapPaletteColor } from './mapPaletteColor';
 // row 1
 export var textColorPalette = [];
-export var textColorPaletteTokenBorders = [];
 colorPalette.forEach(function (label, color) {
   textColorPalette.push(mapPaletteColor(label, color));
-});
+});
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { mapPaletteColor } from './mapPaletteColor';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { textColorPaletteTokenBorders } from './textColorPaletteTokenBorders';

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

@@ -0,0 +1 @@
+export var textColorPaletteTokenBorders = [];

package/dist/esm/ui-color/ColorPalette/getSelectedRowAndColumn.js

@@ -0,0 +1,17 @@
+export function getSelectedRowAndColumn(colorsPerRow, selectedColor) {
+  var selectedRowIndex = -1;
+  var selectedColumnIndex = -1;
+  colorsPerRow.forEach(function (row, rowIndex) {
+    row.forEach(function (_ref, columnIndex) {
+      var value = _ref.value;
+      if (value === selectedColor) {
+        selectedRowIndex = rowIndex;
+        selectedColumnIndex = columnIndex;
+      }
+    });
+  });
+  return {
+    selectedRowIndex: selectedRowIndex,
+    selectedColumnIndex: selectedColumnIndex
+  };
+}

package/dist/esm/ui-color/ColorPalette/utils.js

@@ -1,3 +1,4 @@
+import { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
 export var DEFAULT_COLOR_PICKER_COLUMNS = 7;
 export function getColorsPerRowFromPalette(palette) {
   var cols = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_COLOR_PICKER_COLUMNS;
@@ -8,23 +9,6 @@ export function getColorsPerRowFromPalette(palette) {
     return resultArray;
   }, []);
 }
-export function getSelectedRowAndColumn(colorsPerRow, selectedColor) {
-  var selectedRowIndex = -1;
-  var selectedColumnIndex = -1;
-  colorsPerRow.forEach(function (row, rowIndex) {
-    row.forEach(function (_ref, columnIndex) {
-      var value = _ref.value;
-      if (value === selectedColor) {
-        selectedRowIndex = rowIndex;
-        selectedColumnIndex = columnIndex;
-      }
-    });
-  });
-  return {
-    selectedRowIndex: selectedRowIndex,
-    selectedColumnIndex: selectedColumnIndex
-  };
-}
 export function getSelectedRowAndColumnFromPalette(palette, selectedColor) {
   var cols = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_COLOR_PICKER_COLUMNS;
   var colorsPerRow = getColorsPerRowFromPalette(palette, cols);
@@ -44,4 +28,6 @@ export var getTokenCSSVariableValue = function getTokenCSSVariableValue(variable
     return value || fallback;
   }
   return '';
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';

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

@@ -3,7 +3,8 @@
 
 export { default as ColorPalette } from './ColorPalette';
 export { default as Color } from './ColorPalette/Color';
-export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumn, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
+export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
+export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -1,5 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { getDocument } from '@atlaskit/browser-apis';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var hasEnabledItems = function hasEnabledItems(list) {
   return list.some(function (item) {
     return item.getAttribute('aria-disabled') !== 'true';
@@ -29,8 +31,20 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
   var _useState3 = useState(element),
     _useState4 = _slicedToArray(_useState3, 1),
     listenerTargetElement = _useState4[0];
+  var getCurrentIndex = useCallback(function (list) {
+    var _getDocument;
+    if (!expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true)) {
+      return currentSelectedItemIndex;
+    }
+    var activeElement = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.activeElement;
+    if (!(activeElement instanceof HTMLElement)) {
+      return currentSelectedItemIndex;
+    }
+    var activeElementIndex = list.indexOf(activeElement);
+    return activeElementIndex >= 0 ? activeElementIndex : currentSelectedItemIndex;
+  }, [currentSelectedItemIndex]);
   var incrementIndex = useCallback(function (list) {
-    var currentIndex = currentSelectedItemIndex;
+    var currentIndex = getCurrentIndex(list);
     var nextIndex = (currentIndex + 1) % list.length;
     // Skips disabled items. Previously this function relied on a list of enabled elements which caused a
     // difference between currentIndex and the item index in the menu.
@@ -39,16 +53,16 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
     }
     setCurrentSelectedItemIndex(nextIndex);
     return nextIndex;
-  }, [currentSelectedItemIndex]);
+  }, [getCurrentIndex]);
   var decrementIndex = useCallback(function (list) {
-    var currentIndex = currentSelectedItemIndex;
+    var currentIndex = getCurrentIndex(list);
     var nextIndex = (list.length + currentIndex - 1) % list.length;
     while (nextIndex !== currentIndex && list[nextIndex].getAttribute('aria-disabled') === 'true') {
       nextIndex = (list.length + nextIndex - 1) % list.length;
     }
     setCurrentSelectedItemIndex(nextIndex);
     return nextIndex;
-  }, [currentSelectedItemIndex]);
+  }, [getCurrentIndex]);
 
   // this useEffect uses onSelection in it's dependency list which gets
   // changed as a result of the dropdown menu getting re-rendered in it's

package/dist/esm/ui-react/OutsideClickTargetRefContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+// Use this context to pass in the reference of the element that should be considered as the outside click target
+// The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
+export var OutsideClickTargetRefContext = /*#__PURE__*/React.createContext(function () {
+  return Object;
+});

package/dist/esm/ui-react/index.js

@@ -2,4 +2,5 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { default as ReactEditorViewContext } from './ReactEditorViewContext';
-export { default as withReactEditorViewOuterListeners, OutsideClickTargetRefContext } from './with-react-editor-view-outer-listeners';
+export { OutsideClickTargetRefContext } from './OutsideClickTargetRefContext';
+export { default as withReactEditorViewOuterListeners } from './with-react-editor-view-outer-listeners';

package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -11,12 +11,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent, useCallback, useEffect, useRef, useState } from 'react';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { OutsideClickTargetRefContext } from './OutsideClickTargetRefContext';
 import ReactEditorViewContext from './ReactEditorViewContext';
-// Use this context to pass in the reference of the element that should be considered as the outside click target
-// The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
-export var OutsideClickTargetRefContext = /*#__PURE__*/React.createContext(function () {
-  return Object;
-});
 
 // This needs exporting to be used alongside `withReactEditorViewOuterListeners`
 // Ignored via go/ees005
@@ -188,4 +184,6 @@ export default function withReactEditorViewOuterListeners(Component) {
       , props)));
     });
   };
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { OutsideClickTargetRefContext } from './OutsideClickTargetRefContext';

package/dist/esm/user-preferences/areUserPreferencesEqual.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * Compare two user preferences objects
+ * @param {ResolvedUserPreferences} left a ResolvedUserPreferences
+ * @param {ResolvedUserPreferences} right a ResolvedUserPreferences
+ * @returns true if the user preferences are the same, false otherwise
+ * @example
+ * const userPreferences1 = {
+ *   toolbarDockingPosition: 'top',
+ * };
+ * const userPreferences2 = {
+ *   toolbarDockingPosition: 'top',
+ * };
+ * compareUserPreferences(userPreferences1, userPreferences2); // true
+ */
+export var areUserPreferencesEqual = function areUserPreferencesEqual(left, right) {
+  return Object.entries(left).every(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return value === right[key];
+  });
+};