@atlaskit/editor-common 116.22.2 → 116.23.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 116.23.1
+
+### Patch Changes
+
+- [`74b3e15fed77e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/74b3e15fed77e) -
+  Check editor text and highlight color accessibility against both light and dark theme variants.
+- Updated dependencies
+
+## 116.23.0
+
+### Minor Changes
+
+- [`eb60a9c5e949c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb60a9c5e949c) -
+  Fix Confluence live doc table column-sort button being clickable only on its border — header
+  content overlapped the button body. The sort button is now elevated above header content, behind
+  the new `confluence_live_doc_table_sort_bugfix` experiment.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 116.22.2
 
 ### 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.22.1";
+var packageVersion = "116.23.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/table/SortingIcon.js

@@ -32,6 +32,12 @@ var _templateObject, _templateObject2;
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, #DDDEE1)", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
 
+// Keep the sort button above header content nodes that the editor's native-anchor DnD
+// styles give a z-index in live docs, which otherwise cover the button's clickable body.
+var sortButtonElevatedStyles = (0, _react.css)({
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), _StatusClassNames.StatusClassNames.DESC, _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
 
@@ -135,7 +141,7 @@ var SortingIcon = function SortingIcon(_ref) {
     content: content,
     position: "top"
   }, (0, _react.jsx)("div", {
-    css: buttonStyles
+    css: [buttonStyles, (0, _expValEquals.expValEquals)('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: buttonClassName,

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.22.1";
+var packageVersion = "116.23.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,13 +13,57 @@ Object.defineProperty(exports, "getSelectedRowAndColumn", {
   }
 });
 exports.getSelectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette;
-exports.getTokenCSSVariableValue = void 0;
+exports.getTokenCSSVariableValueForNonActiveTheme = exports.getTokenCSSVariableValue = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _palettesRaw = _interopRequireDefault(require("@atlaskit/tokens/palettes-raw"));
+var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
+var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
 var _getSelectedRowAndColumn = require("./getSelectedRowAndColumn");
 var DEFAULT_COLOR_PICKER_COLUMNS = exports.DEFAULT_COLOR_PICKER_COLUMNS = 7;
-
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var CSS_VAR_EXPRESSION_REGEX = /var\(([^,\)]+)(,.*)?\)/;
+var getCSSVariableParts = function getCSSVariableParts(variableExpression) {
+  var matcher = variableExpression.match(CSS_VAR_EXPRESSION_REGEX);
+  if (!matcher) {
+    return undefined;
+  }
+  return {
+    fallback: matcher[2] ? matcher[2].replace(',', '').trim() : '',
+    variable: matcher[1].trim()
+  };
+};
+
+// Build the reverse lookup (CSS variable -> token name) once at module load so that
+// each lookup is O(1) instead of O(n) with an extra array allocation per call.
+var cssVariableToTokenName = new Map(Object.entries(_tokenNames.default).map(function (_ref) {
+  var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    tokenName = _ref2[0],
+    cssVariable = _ref2[1];
+  return [cssVariable, tokenName];
+}));
+var getTokenName = function getTokenName(cssVariable) {
+  return cssVariableToTokenName.get(cssVariable);
+};
+var resolveRawTokenValue = function resolveRawTokenValue(value) {
+  var _paletteRaw$find;
+  if (typeof value !== 'string') {
+    return undefined;
+  }
+  var paletteValue = (_paletteRaw$find = _palettesRaw.default.find(function (paletteToken) {
+    return paletteToken.path[paletteToken.path.length - 1] === value;
+  })) === null || _paletteRaw$find === void 0 ? void 0 : _paletteRaw$find.value;
+  return typeof paletteValue === 'string' ? paletteValue : value;
+};
+var getCurrentThemeMode = function getCurrentThemeMode() {
+  if (typeof document === 'undefined') {
+    return 'light';
+  }
+  return document.documentElement.getAttribute('data-color-mode') === 'dark' ? 'dark' : 'light';
+};
+var getNonActiveThemeMode = function getNonActiveThemeMode() {
+  return getCurrentThemeMode() === 'dark' ? 'light' : 'dark';
+};
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function getColorsPerRowFromPalette(palette) {
@@ -52,4 +97,17 @@ var getTokenCSSVariableValue = exports.getTokenCSSVariableValue = function getTo
   }
   return '';
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+var getTokenCSSVariableValueForNonActiveTheme = exports.getTokenCSSVariableValueForNonActiveTheme = function getTokenCSSVariableValueForNonActiveTheme(variableExpression, fallback) {
+  var cssVariableParts = getCSSVariableParts(variableExpression);
+  var tokenName = cssVariableParts ? getTokenName(cssVariableParts.variable) : undefined;
+  var rawToken = (getNonActiveThemeMode() === 'light' ? _tokensRaw.light : _tokensRaw.dark).find(function (token) {
+    return token.cleanName === tokenName;
+  });
+  if (rawToken) {
+    return resolveRawTokenValue(rawToken.value) || fallback;
+  }
+  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

@@ -100,6 +100,12 @@ Object.defineProperty(exports, "getTokenCSSVariableValue", {
     return _utils.getTokenCSSVariableValue;
   }
 });
+Object.defineProperty(exports, "getTokenCSSVariableValueForNonActiveTheme", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getTokenCSSVariableValueForNonActiveTheme;
+  }
+});
 Object.defineProperty(exports, "highlightColorPalette", {
   enumerable: true,
   get: function get() {

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

package/dist/es2019/table/SortingIcon.js

@@ -45,6 +45,12 @@ const buttonStyles = css`
 	}
 `;
 
+// Keep the sort button above header content nodes that the editor's native-anchor DnD
+// styles give a z-index in live docs, which otherwise cover the button's clickable body.
+const sortButtonElevatedStyles = css({
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const iconWrapperStyles = css`
 	width: 8px;
@@ -168,7 +174,7 @@ const SortingIcon = ({
     content: content,
     position: "top"
   }, jsx("div", {
-    css: buttonStyles
+    css: [buttonStyles, expValEquals('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: buttonClassName,

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

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

@@ -1,9 +1,41 @@
+import paletteRaw from '@atlaskit/tokens/palettes-raw';
+import tokenNames from '@atlaskit/tokens/token-names';
+import { dark as darkTokensRaw, light as lightTokensRaw } from '@atlaskit/tokens/tokens-raw';
 import { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
 export const DEFAULT_COLOR_PICKER_COLUMNS = 7;
-
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 const CSS_VAR_EXPRESSION_REGEX = /var\(([^,\)]+)(,.*)?\)/;
+const getCSSVariableParts = variableExpression => {
+  const matcher = variableExpression.match(CSS_VAR_EXPRESSION_REGEX);
+  if (!matcher) {
+    return undefined;
+  }
+  return {
+    fallback: matcher[2] ? matcher[2].replace(',', '').trim() : '',
+    variable: matcher[1].trim()
+  };
+};
+
+// Build the reverse lookup (CSS variable -> token name) once at module load so that
+// each lookup is O(1) instead of O(n) with an extra array allocation per call.
+const cssVariableToTokenName = new Map(Object.entries(tokenNames).map(([tokenName, cssVariable]) => [cssVariable, tokenName]));
+const getTokenName = cssVariable => cssVariableToTokenName.get(cssVariable);
+const resolveRawTokenValue = value => {
+  var _paletteRaw$find;
+  if (typeof value !== 'string') {
+    return undefined;
+  }
+  const paletteValue = (_paletteRaw$find = paletteRaw.find(paletteToken => paletteToken.path[paletteToken.path.length - 1] === value)) === null || _paletteRaw$find === void 0 ? void 0 : _paletteRaw$find.value;
+  return typeof paletteValue === 'string' ? paletteValue : value;
+};
+const getCurrentThemeMode = () => {
+  if (typeof document === 'undefined') {
+    return 'light';
+  }
+  return document.documentElement.getAttribute('data-color-mode') === 'dark' ? 'dark' : 'light';
+};
+const getNonActiveThemeMode = () => getCurrentThemeMode() === 'dark' ? 'light' : 'dark';
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function getColorsPerRowFromPalette(palette, cols = DEFAULT_COLOR_PICKER_COLUMNS) {
@@ -35,5 +67,16 @@ export const getTokenCSSVariableValue = variableExpression => {
   }
   return '';
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+export const getTokenCSSVariableValueForNonActiveTheme = (variableExpression, fallback) => {
+  const cssVariableParts = getCSSVariableParts(variableExpression);
+  const tokenName = cssVariableParts ? getTokenName(cssVariableParts.variable) : undefined;
+  const rawToken = (getNonActiveThemeMode() === 'light' ? lightTokensRaw : darkTokensRaw).find(token => token.cleanName === tokenName);
+  if (rawToken) {
+    return resolveRawTokenValue(rawToken.value) || fallback;
+  }
+  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

@@ -6,7 +6,7 @@ export { default as Color } from './ColorPalette/Color';
 export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvider';
 export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
 export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
-export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue } from './ColorPalette/utils';
+export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme } 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/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.22.1";
+var packageVersion = "116.23.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/table/SortingIcon.js

@@ -21,6 +21,12 @@ import { StatusClassNames } from './StatusClassNames';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, #DDDEE1)", SORTABLE_COLUMN_ICON_CLASSNAME);
 
+// Keep the sort button above header content nodes that the editor's native-anchor DnD
+// styles give a z-index in live docs, which otherwise cover the button's clickable body.
+var sortButtonElevatedStyles = css({
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var iconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, SORTABLE_COLUMN_ICON_CLASSNAME);
 
@@ -124,7 +130,7 @@ var SortingIcon = function SortingIcon(_ref) {
     content: content,
     position: "top"
   }, jsx("div", {
-    css: buttonStyles
+    css: [buttonStyles, expValEquals('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: buttonClassName,

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

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

@@ -1,9 +1,53 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import paletteRaw from '@atlaskit/tokens/palettes-raw';
+import tokenNames from '@atlaskit/tokens/token-names';
+import { dark as darkTokensRaw, light as lightTokensRaw } from '@atlaskit/tokens/tokens-raw';
 import { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
 export var DEFAULT_COLOR_PICKER_COLUMNS = 7;
-
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var CSS_VAR_EXPRESSION_REGEX = /var\(([^,\)]+)(,.*)?\)/;
+var getCSSVariableParts = function getCSSVariableParts(variableExpression) {
+  var matcher = variableExpression.match(CSS_VAR_EXPRESSION_REGEX);
+  if (!matcher) {
+    return undefined;
+  }
+  return {
+    fallback: matcher[2] ? matcher[2].replace(',', '').trim() : '',
+    variable: matcher[1].trim()
+  };
+};
+
+// Build the reverse lookup (CSS variable -> token name) once at module load so that
+// each lookup is O(1) instead of O(n) with an extra array allocation per call.
+var cssVariableToTokenName = new Map(Object.entries(tokenNames).map(function (_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    tokenName = _ref2[0],
+    cssVariable = _ref2[1];
+  return [cssVariable, tokenName];
+}));
+var getTokenName = function getTokenName(cssVariable) {
+  return cssVariableToTokenName.get(cssVariable);
+};
+var resolveRawTokenValue = function resolveRawTokenValue(value) {
+  var _paletteRaw$find;
+  if (typeof value !== 'string') {
+    return undefined;
+  }
+  var paletteValue = (_paletteRaw$find = paletteRaw.find(function (paletteToken) {
+    return paletteToken.path[paletteToken.path.length - 1] === value;
+  })) === null || _paletteRaw$find === void 0 ? void 0 : _paletteRaw$find.value;
+  return typeof paletteValue === 'string' ? paletteValue : value;
+};
+var getCurrentThemeMode = function getCurrentThemeMode() {
+  if (typeof document === 'undefined') {
+    return 'light';
+  }
+  return document.documentElement.getAttribute('data-color-mode') === 'dark' ? 'dark' : 'light';
+};
+var getNonActiveThemeMode = function getNonActiveThemeMode() {
+  return getCurrentThemeMode() === 'dark' ? 'light' : 'dark';
+};
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function getColorsPerRowFromPalette(palette) {
@@ -37,5 +81,18 @@ export var getTokenCSSVariableValue = function getTokenCSSVariableValue(variable
   }
   return '';
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+export var getTokenCSSVariableValueForNonActiveTheme = function getTokenCSSVariableValueForNonActiveTheme(variableExpression, fallback) {
+  var cssVariableParts = getCSSVariableParts(variableExpression);
+  var tokenName = cssVariableParts ? getTokenName(cssVariableParts.variable) : undefined;
+  var rawToken = (getNonActiveThemeMode() === 'light' ? lightTokensRaw : darkTokensRaw).find(function (token) {
+    return token.cleanName === tokenName;
+  });
+  if (rawToken) {
+    return resolveRawTokenValue(rawToken.value) || fallback;
+  }
+  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

@@ -6,7 +6,7 @@ export { default as Color } from './ColorPalette/Color';
 export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvider';
 export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
 export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
-export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue } from './ColorPalette/utils';
+export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme } 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/types/types/selection.d.ts

@@ -2,7 +2,18 @@ import type { JSONNode } from '@atlaskit/editor-json-transformer';
 export interface LongPressSelectionPluginOptions {
     useLongPressSelection?: boolean;
 }
+export interface AdditionalNodeContextFragment {
+    /**
+     * Additional attributes for the node context fragment
+     */
+    [key: string]: unknown;
+    type: string;
+}
 export type SelectionContext = {
+    /**
+     * Map of node local IDs to additional node context fragments
+     */
+    additionalNodeContext?: Record<string, AdditionalNodeContextFragment> | null;
     /**
      * End index of the selection inside the last node of the selection
      */

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

@@ -6,4 +6,5 @@ export declare function getSelectedRowAndColumnFromPalette(palette: PaletteColor
     selectedRowIndex: number;
 };
 export declare const getTokenCSSVariableValue: (variableExpression: string) => string;
+export declare const getTokenCSSVariableValueForNonActiveTheme: (variableExpression: string, fallback: string) => string;
 export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';

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

@@ -3,7 +3,7 @@ export { default as Color } from './ColorPalette/Color';
 export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvider';
 export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
 export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
-export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, } from './ColorPalette/utils';
+export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme, } 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.22.2",
+	"version": "116.23.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,10 +57,10 @@
 		"@atlaskit/media-card": "^81.3.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
-		"@atlaskit/media-common": "^14.2.0",
+		"@atlaskit/media-common": "^14.3.0",
 		"@atlaskit/media-file-preview": "^1.1.0",
 		"@atlaskit/media-picker": "^72.1.0",
-		"@atlaskit/media-ui": "^30.5.0",
+		"@atlaskit/media-ui": "^30.6.0",
 		"@atlaskit/media-viewer": "^54.3.0",
 		"@atlaskit/mention": "^27.5.0",
 		"@atlaskit/menu": "^9.1.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/onboarding": "^15.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
-		"@atlaskit/primitives": "^20.3.0",
+		"@atlaskit/primitives": "^20.4.0",
 		"@atlaskit/profilecard": "^26.8.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
@@ -80,7 +80,7 @@
 		"@atlaskit/task-decision": "^21.4.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/tmp-editor-statsig": "^121.1.0",
+		"@atlaskit/tmp-editor-statsig": "^121.2.0",
 		"@atlaskit/tokens": "^15.4.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/width-detector": "^6.1.0",
@@ -123,7 +123,7 @@
 		"@atlaskit/media-core": "^38.0.0",
 		"@atlassian/a11y-jest-testing": "^0.13.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/testing-library": "^0.9.0",
+		"@atlassian/testing-library": "^0.10.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",