@atlaskit/editor-common 116.26.1 → 116.26.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-common
 
+## 116.26.2
+
+### Patch Changes
+
+- [`4821d5874a821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4821d5874a821) -
+  EDITOR-7869: Show worst accessibility status when selection spans multiple text or highlight
+  colors
+- Updated dependencies
+
 ## 116.26.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.26.0";
+var packageVersion = "116.26.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.26.0";
+var packageVersion = "116.26.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHighlightColorInNonActiveTheme = void 0;
+var _textBackgroundColor = require("@atlaskit/editor-palette/text-background-color");
+var _utils = require("./utils");
+/**
+ * Resolves a highlight (background) color to its equivalent value in the
+ * non-active theme.
+ *
+ * Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
+ * and the color-accessibility selection walker.
+ *
+ * @param color - The raw highlight color mark (hex/token) or null for no
+ * highlight.
+ * @param options - Default background color and optional transparent sentinel.
+ * @param options.defaultBackgroundColor - Fallback value returned when the color
+ * cannot be resolved to a raw token (used for the default surface background).
+ * @param options.transparentColor - Optional sentinel representing an explicit
+ * transparent highlight. When provided, a color equal to this value is treated
+ * the same as no highlight (mapped to the surface elevation). The single-value
+ * plugin state never carries this sentinel, but the selection walker reads raw
+ * node marks that can, so callers walking the document should pass it.
+ */
+var getHighlightColorInNonActiveTheme = exports.getHighlightColorInNonActiveTheme = function getHighlightColorInNonActiveTheme(color, _ref) {
+  var defaultBackgroundColor = _ref.defaultBackgroundColor,
+    transparentColor = _ref.transparentColor;
+  if (!color || transparentColor !== undefined && color === transparentColor) {
+    return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)("var(--ds-surface, #FFFFFF)", defaultBackgroundColor);
+  }
+  var colorValue = (0, _textBackgroundColor.hexToEditorTextBackgroundPaletteColor)(color) || color;
+  return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)(colorValue, color);
+};

package/dist/cjs/ui-color/ColorPalette/getTextColorInNonActiveTheme.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTextColorInNonActiveTheme = void 0;
+var _text = require("@atlaskit/editor-palette/text");
+var _utils = require("./utils");
+/**
+ * Resolves a text (foreground) color to its equivalent value in the non-active
+ * theme (i.e. dark when the editor is in light mode and vice versa).
+ *
+ * Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
+ * color-accessibility selection walker so both evaluate colors identically.
+ *
+ * @param color - The raw text color mark (hex/token) or null for the default.
+ * @param defaultColor - The plugin's default text color, used when `color` is
+ * absent or explicitly the default.
+ */
+var getTextColorInNonActiveTheme = exports.getTextColorInNonActiveTheme = function getTextColorInNonActiveTheme(color, defaultColor) {
+  if (!color || color === defaultColor) {
+    return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)("var(--ds-text, #292A2E)", defaultColor);
+  }
+  var colorValue = (0, _text.hexToEditorTextPaletteColor)(color) || color;
+  return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)(colorValue, color);
+};

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

@@ -110,4 +110,5 @@ var getTokenCSSVariableValueForNonActiveTheme = exports.getTokenCSSVariableValue
   }
   return (cssVariableParts === null || cssVariableParts === void 0 ? void 0 : cssVariableParts.fallback) || fallback;
 };
+
 // eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -82,6 +82,12 @@ Object.defineProperty(exports, "getColorsPerRowFromPalette", {
     return _utils.getColorsPerRowFromPalette;
   }
 });
+Object.defineProperty(exports, "getHighlightColorInNonActiveTheme", {
+  enumerable: true,
+  get: function get() {
+    return _getHighlightColorInNonActiveTheme.getHighlightColorInNonActiveTheme;
+  }
+});
 Object.defineProperty(exports, "getSelectedRowAndColumn", {
   enumerable: true,
   get: function get() {
@@ -94,6 +100,12 @@ Object.defineProperty(exports, "getSelectedRowAndColumnFromPalette", {
     return _utils.getSelectedRowAndColumnFromPalette;
   }
 });
+Object.defineProperty(exports, "getTextColorInNonActiveTheme", {
+  enumerable: true,
+  get: function get() {
+    return _getTextColorInNonActiveTheme.getTextColorInNonActiveTheme;
+  }
+});
 Object.defineProperty(exports, "getTokenCSSVariableValue", {
   enumerable: true,
   get: function get() {
@@ -154,6 +166,8 @@ var _SelectedTextColorProvider = require("./ColorPalette/SelectedTextColorProvid
 var _useSelectedTextColor = require("./ColorPalette/useSelectedTextColor");
 var _getSelectedRowAndColumn = require("./ColorPalette/getSelectedRowAndColumn");
 var _utils = require("./ColorPalette/utils");
+var _getHighlightColorInNonActiveTheme = require("./ColorPalette/getHighlightColorInNonActiveTheme");
+var _getTextColorInNonActiveTheme = require("./ColorPalette/getTextColorInNonActiveTheme");
 var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
 var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/paletteMessages"));
 var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");

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.26.0";
+const packageVersion = "116.26.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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.26.0";
+const packageVersion = "116.26.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.js

@@ -0,0 +1,31 @@
+import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
+import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
+
+/**
+ * Resolves a highlight (background) color to its equivalent value in the
+ * non-active theme.
+ *
+ * Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
+ * and the color-accessibility selection walker.
+ *
+ * @param color - The raw highlight color mark (hex/token) or null for no
+ * highlight.
+ * @param options - Default background color and optional transparent sentinel.
+ * @param options.defaultBackgroundColor - Fallback value returned when the color
+ * cannot be resolved to a raw token (used for the default surface background).
+ * @param options.transparentColor - Optional sentinel representing an explicit
+ * transparent highlight. When provided, a color equal to this value is treated
+ * the same as no highlight (mapped to the surface elevation). The single-value
+ * plugin state never carries this sentinel, but the selection walker reads raw
+ * node marks that can, so callers walking the document should pass it.
+ */
+export const getHighlightColorInNonActiveTheme = (color, {
+  defaultBackgroundColor,
+  transparentColor
+}) => {
+  if (!color || transparentColor !== undefined && color === transparentColor) {
+    return getTokenCSSVariableValueForNonActiveTheme("var(--ds-surface, #FFFFFF)", defaultBackgroundColor);
+  }
+  const colorValue = hexToEditorTextBackgroundPaletteColor(color) || color;
+  return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
+};

package/dist/es2019/ui-color/ColorPalette/getTextColorInNonActiveTheme.js

@@ -0,0 +1,21 @@
+import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette/text';
+import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
+
+/**
+ * Resolves a text (foreground) color to its equivalent value in the non-active
+ * theme (i.e. dark when the editor is in light mode and vice versa).
+ *
+ * Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
+ * color-accessibility selection walker so both evaluate colors identically.
+ *
+ * @param color - The raw text color mark (hex/token) or null for the default.
+ * @param defaultColor - The plugin's default text color, used when `color` is
+ * absent or explicitly the default.
+ */
+export const getTextColorInNonActiveTheme = (color, defaultColor) => {
+  if (!color || color === defaultColor) {
+    return getTokenCSSVariableValueForNonActiveTheme("var(--ds-text, #292A2E)", defaultColor);
+  }
+  const colorValue = hexToEditorTextPaletteColor(color) || color;
+  return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
+};

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

@@ -78,5 +78,6 @@ export const getTokenCSSVariableValueForNonActiveTheme = (variableExpression, fa
   }
   return (cssVariableParts === null || cssVariableParts === void 0 ? void 0 : cssVariableParts.fallback) || fallback;
 };
+
 // eslint-disable-next-line @atlaskit/editor/no-re-export
 export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';

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

@@ -7,6 +7,8 @@ export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvi
 export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
 export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
 export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme } from './ColorPalette/utils';
+export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
+export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 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/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.26.0";
+var packageVersion = "116.26.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

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

@@ -0,0 +1,30 @@
+import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
+import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
+
+/**
+ * Resolves a highlight (background) color to its equivalent value in the
+ * non-active theme.
+ *
+ * Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
+ * and the color-accessibility selection walker.
+ *
+ * @param color - The raw highlight color mark (hex/token) or null for no
+ * highlight.
+ * @param options - Default background color and optional transparent sentinel.
+ * @param options.defaultBackgroundColor - Fallback value returned when the color
+ * cannot be resolved to a raw token (used for the default surface background).
+ * @param options.transparentColor - Optional sentinel representing an explicit
+ * transparent highlight. When provided, a color equal to this value is treated
+ * the same as no highlight (mapped to the surface elevation). The single-value
+ * plugin state never carries this sentinel, but the selection walker reads raw
+ * node marks that can, so callers walking the document should pass it.
+ */
+export var getHighlightColorInNonActiveTheme = function getHighlightColorInNonActiveTheme(color, _ref) {
+  var defaultBackgroundColor = _ref.defaultBackgroundColor,
+    transparentColor = _ref.transparentColor;
+  if (!color || transparentColor !== undefined && color === transparentColor) {
+    return getTokenCSSVariableValueForNonActiveTheme("var(--ds-surface, #FFFFFF)", defaultBackgroundColor);
+  }
+  var colorValue = hexToEditorTextBackgroundPaletteColor(color) || color;
+  return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
+};

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

@@ -0,0 +1,21 @@
+import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette/text';
+import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
+
+/**
+ * Resolves a text (foreground) color to its equivalent value in the non-active
+ * theme (i.e. dark when the editor is in light mode and vice versa).
+ *
+ * Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
+ * color-accessibility selection walker so both evaluate colors identically.
+ *
+ * @param color - The raw text color mark (hex/token) or null for the default.
+ * @param defaultColor - The plugin's default text color, used when `color` is
+ * absent or explicitly the default.
+ */
+export var getTextColorInNonActiveTheme = function getTextColorInNonActiveTheme(color, defaultColor) {
+  if (!color || color === defaultColor) {
+    return getTokenCSSVariableValueForNonActiveTheme("var(--ds-text, #292A2E)", defaultColor);
+  }
+  var colorValue = hexToEditorTextPaletteColor(color) || color;
+  return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
+};

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

@@ -94,5 +94,6 @@ export var getTokenCSSVariableValueForNonActiveTheme = function getTokenCSSVaria
   }
   return (cssVariableParts === null || cssVariableParts === void 0 ? void 0 : cssVariableParts.fallback) || fallback;
 };
+
 // eslint-disable-next-line @atlaskit/editor/no-re-export
 export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';

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

@@ -7,6 +7,8 @@ export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvi
 export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
 export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
 export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme } from './ColorPalette/utils';
+export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
+export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';

package/dist/types/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Resolves a highlight (background) color to its equivalent value in the
+ * non-active theme.
+ *
+ * Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
+ * and the color-accessibility selection walker.
+ *
+ * @param color - The raw highlight color mark (hex/token) or null for no
+ * highlight.
+ * @param options - Default background color and optional transparent sentinel.
+ * @param options.defaultBackgroundColor - Fallback value returned when the color
+ * cannot be resolved to a raw token (used for the default surface background).
+ * @param options.transparentColor - Optional sentinel representing an explicit
+ * transparent highlight. When provided, a color equal to this value is treated
+ * the same as no highlight (mapped to the surface elevation). The single-value
+ * plugin state never carries this sentinel, but the selection walker reads raw
+ * node marks that can, so callers walking the document should pass it.
+ */
+export declare const getHighlightColorInNonActiveTheme: (color: string | null, { defaultBackgroundColor, transparentColor, }: {
+    defaultBackgroundColor: string;
+    transparentColor?: string;
+}) => string;

package/dist/types/ui-color/ColorPalette/getTextColorInNonActiveTheme.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Resolves a text (foreground) color to its equivalent value in the non-active
+ * theme (i.e. dark when the editor is in light mode and vice versa).
+ *
+ * Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
+ * color-accessibility selection walker so both evaluate colors identically.
+ *
+ * @param color - The raw text color mark (hex/token) or null for the default.
+ * @param defaultColor - The plugin's default text color, used when `color` is
+ * absent or explicitly the default.
+ */
+export declare const getTextColorInNonActiveTheme: (color: string | null, defaultColor: string) => string;

package/dist/types/ui-color/index.d.ts

@@ -4,6 +4,8 @@ export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvi
 export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
 export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
 export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme, } from './ColorPalette/utils';
+export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
+export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.26.1",
+	"version": "116.26.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"