@atlaskit/renderer 109.44.1 → 109.45.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/renderer
 
+## 109.45.0
+
+### Minor Changes
+
+- [#125866](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125866)
+  [`42f304a6a5e68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/42f304a6a5e68) -
+  Excludes resolved inline comments from being read by screenreaders
+
+### Patch Changes
+
+- [#125830](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125830)
+  [`0886d04fff5e6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0886d04fff5e6) -
+  [ux] Fix bug in dark mode for table header pasted from light mode.
+- Updated dependencies
+
 ## 109.44.1
 
 ### Patch Changes

package/dist/cjs/i18n/cs.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopírovat',
   'fabric.editor.headingLink.descSortingLabel': 'sestupně',
   'fabric.editor.headingLink.failedToCopy': 'Kopírování se nezdařilo',
-  'fabric.editor.headingLink.noneSortingLabel': 'Žádné'
+  'fabric.editor.headingLink.noneSortingLabel': 'Žádné',
+  'fabric.editor.inlineComment.marker.end': 'konec vloženého komentáře',
+  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře'
 };

package/dist/cjs/i18n/da.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiér',
   'fabric.editor.headingLink.descSortingLabel': 'faldende',
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislykkedes',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
+  'fabric.editor.inlineComment.marker.end': 'slut på indlejret kommentar',
+  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar'
 };

package/dist/cjs/i18n/de.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopieren',
   'fabric.editor.headingLink.descSortingLabel': 'absteigend',
   'fabric.editor.headingLink.failedToCopy': 'Kopieren ist fehlgeschlagen',
-  'fabric.editor.headingLink.noneSortingLabel': 'Keine'
+  'fabric.editor.headingLink.noneSortingLabel': 'Keine',
+  'fabric.editor.inlineComment.marker.end': 'Ende des Inline-Kommentars',
+  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars'
 };

package/dist/cjs/i18n/en.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Copy',
   'fabric.editor.headingLink.descSortingLabel': 'descending',
   'fabric.editor.headingLink.failedToCopy': 'Copy failed',
-  'fabric.editor.headingLink.noneSortingLabel': 'none'
+  'fabric.editor.headingLink.noneSortingLabel': 'none',
+  'fabric.editor.inlineComment.marker.end': 'inline comment end',
+  'fabric.editor.inlineComment.marker.start': 'inline comment start'
 };

package/dist/cjs/i18n/en_GB.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Copy',
   'fabric.editor.headingLink.descSortingLabel': 'descending',
   'fabric.editor.headingLink.failedToCopy': 'Copy failed',
-  'fabric.editor.headingLink.noneSortingLabel': 'none'
+  'fabric.editor.headingLink.noneSortingLabel': 'none',
+  'fabric.editor.inlineComment.marker.end': 'inline comment end',
+  'fabric.editor.inlineComment.marker.start': 'inline comment start'
 };

package/dist/cjs/i18n/en_ZZ.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': '⁣⁢Copy‍‍‍؜‍؜؜⁡‍⁡‍‍‍⁣⁤',
   'fabric.editor.headingLink.descSortingLabel': '⁣⁢descending؜‌⁡‌⁡⁠⁡⁠‍‌⁡⁡⁡؜⁣⁤',
   'fabric.editor.headingLink.failedToCopy': '⁣⁢Copy failed⁠⁠‌⁠‌‍‌⁣⁤',
-  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤'
+  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤',
+  'fabric.editor.inlineComment.marker.end': '⁣⁢inline comment end⁠‍⁡⁡؜⁠‌⁣⁤',
+  'fabric.editor.inlineComment.marker.start': '⁣⁢inline comment start؜‌‌‍⁡‍‍؜‌⁣⁤'
 };

package/dist/cjs/i18n/es.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
   'fabric.editor.headingLink.descSortingLabel': 'descendente',
   'fabric.editor.headingLink.failedToCopy': 'Copia fallida',
-  'fabric.editor.headingLink.noneSortingLabel': 'ninguno'
+  'fabric.editor.headingLink.noneSortingLabel': 'ninguno',
+  'fabric.editor.inlineComment.marker.end': 'final de comentario insertado',
+  'fabric.editor.inlineComment.marker.start': 'inicio de comentario insertado'
 };

package/dist/cjs/i18n/fi.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopioi',
   'fabric.editor.headingLink.descSortingLabel': 'laskevassa järjestyksessä',
   'fabric.editor.headingLink.failedToCopy': 'Kopiointi epäonnistui',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ei mitään'
+  'fabric.editor.headingLink.noneSortingLabel': 'Ei mitään',
+  'fabric.editor.inlineComment.marker.end': 'tekstin sisäisen kommentin loppu',
+  'fabric.editor.inlineComment.marker.start': 'tekstin sisäisen kommentin alku'
 };

package/dist/cjs/i18n/fr.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Copier',
   'fabric.editor.headingLink.descSortingLabel': 'ordre décroissant',
   'fabric.editor.headingLink.failedToCopy': 'Copie impossible',
-  'fabric.editor.headingLink.noneSortingLabel': 'Néant'
+  'fabric.editor.headingLink.noneSortingLabel': 'Néant',
+  'fabric.editor.inlineComment.marker.end': 'fin du commentaire contextuel',
+  'fabric.editor.inlineComment.marker.start': 'début du commentaire contextuel'
 };

package/dist/cjs/i18n/hu.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Másolás',
   'fabric.editor.headingLink.descSortingLabel': 'csökkenő',
   'fabric.editor.headingLink.failedToCopy': 'A másolás nem sikerült',
-  'fabric.editor.headingLink.noneSortingLabel': 'Nincs'
+  'fabric.editor.headingLink.noneSortingLabel': 'Nincs',
+  'fabric.editor.inlineComment.marker.end': 'beágyazott megjegyzés vége',
+  'fabric.editor.inlineComment.marker.start': 'beágyazott megjegyzés kezdete'
 };

package/dist/cjs/i18n/it.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Copia',
   'fabric.editor.headingLink.descSortingLabel': 'decrescente',
   'fabric.editor.headingLink.failedToCopy': 'Copia non riuscita',
-  'fabric.editor.headingLink.noneSortingLabel': 'nessuno'
+  'fabric.editor.headingLink.noneSortingLabel': 'nessuno',
+  'fabric.editor.inlineComment.marker.end': 'fine del commento in linea',
+  'fabric.editor.inlineComment.marker.start': 'inizio del commento in linea'
 };

package/dist/cjs/i18n/ja.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'コピー',
   'fabric.editor.headingLink.descSortingLabel': '降順',
   'fabric.editor.headingLink.failedToCopy': 'コピーできませんでした。',
-  'fabric.editor.headingLink.noneSortingLabel': 'なし'
+  'fabric.editor.headingLink.noneSortingLabel': 'なし',
+  'fabric.editor.inlineComment.marker.end': 'インライン コメント終了',
+  'fabric.editor.inlineComment.marker.start': 'インライン コメント開始'
 };

package/dist/cjs/i18n/ko.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': '복사',
   'fabric.editor.headingLink.descSortingLabel': '내림차순',
   'fabric.editor.headingLink.failedToCopy': '복사 실패',
-  'fabric.editor.headingLink.noneSortingLabel': '없음'
+  'fabric.editor.headingLink.noneSortingLabel': '없음',
+  'fabric.editor.inlineComment.marker.end': '인라인 댓글 끝',
+  'fabric.editor.inlineComment.marker.start': '인라인 댓글 시작'
 };

package/dist/cjs/i18n/nb.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopier',
   'fabric.editor.headingLink.descSortingLabel': 'synkende',
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislyktes',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
+  'fabric.editor.inlineComment.marker.end': 'kommentar i margen slutt',
+  'fabric.editor.inlineComment.marker.start': 'kommentar i margen start'
 };

package/dist/cjs/i18n/nl.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiëren',
   'fabric.editor.headingLink.descSortingLabel': 'aflopend',
   'fabric.editor.headingLink.failedToCopy': 'Kopiëren mislukt',
-  'fabric.editor.headingLink.noneSortingLabel': 'Geen'
+  'fabric.editor.headingLink.noneSortingLabel': 'Geen',
+  'fabric.editor.inlineComment.marker.end': 'einde inline-opmerking',
+  'fabric.editor.inlineComment.marker.start': 'begin inline-opmerking'
 };

package/dist/cjs/i18n/pl.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
   'fabric.editor.headingLink.descSortingLabel': 'malejąco',
   'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
-  'fabric.editor.headingLink.noneSortingLabel': 'Brak'
+  'fabric.editor.headingLink.noneSortingLabel': 'Brak',
+  'fabric.editor.inlineComment.marker.end': 'koniec komentarza śródwierszowego',
+  'fabric.editor.inlineComment.marker.start': 'początek komentarza śródwierszowego'
 };

package/dist/cjs/i18n/pt_BR.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
   'fabric.editor.headingLink.descSortingLabel': 'descendente',
   'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
-  'fabric.editor.headingLink.noneSortingLabel': 'nenhum'
+  'fabric.editor.headingLink.noneSortingLabel': 'nenhum',
+  'fabric.editor.inlineComment.marker.end': 'fim de comentário em linha',
+  'fabric.editor.inlineComment.marker.start': 'início de comentário em linha'
 };

package/dist/cjs/i18n/ru.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Скопировать',
   'fabric.editor.headingLink.descSortingLabel': 'по убыванию',
   'fabric.editor.headingLink.failedToCopy': 'Ошибка копирования',
-  'fabric.editor.headingLink.noneSortingLabel': 'Нет'
+  'fabric.editor.headingLink.noneSortingLabel': 'Нет',
+  'fabric.editor.inlineComment.marker.end': 'конец встроенного комментария',
+  'fabric.editor.inlineComment.marker.start': 'начало встроенного комментария'
 };

package/dist/cjs/i18n/sv.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiera',
   'fabric.editor.headingLink.descSortingLabel': 'fallande',
   'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
+  'fabric.editor.inlineComment.marker.end': 'slut på inlinekommentarer',
+  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer'
 };

package/dist/cjs/i18n/th.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'คัดลอก',
   'fabric.editor.headingLink.descSortingLabel': 'จากมากไปหาน้อย',
   'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
-  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี'
+  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
+  'fabric.editor.inlineComment.marker.end': 'สิ้นสุดความคิดเห็นในบรรทัด',
+  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด'
 };

package/dist/cjs/i18n/tr.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopyala',
   'fabric.editor.headingLink.descSortingLabel': 'azalan',
   'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
-  'fabric.editor.headingLink.noneSortingLabel': 'yok'
+  'fabric.editor.headingLink.noneSortingLabel': 'yok',
+  'fabric.editor.inlineComment.marker.end': 'satır içi yorum sonu',
+  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı'
 };

package/dist/cjs/i18n/uk.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Копіювати',
   'fabric.editor.headingLink.descSortingLabel': 'за спаданням',
   'fabric.editor.headingLink.failedToCopy': 'Не вдалося скопіювати',
-  'fabric.editor.headingLink.noneSortingLabel': 'Немає'
+  'fabric.editor.headingLink.noneSortingLabel': 'Немає',
+  'fabric.editor.inlineComment.marker.end': 'кінець вбудованого коментаря',
+  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря'
 };

package/dist/cjs/i18n/vi.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': 'Sao chép',
   'fabric.editor.headingLink.descSortingLabel': 'giảm dần',
   'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có'
+  'fabric.editor.headingLink.noneSortingLabel': 'không có',
+  'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
+  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
 };

package/dist/cjs/i18n/zh.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': '复制',
   'fabric.editor.headingLink.descSortingLabel': '降序',
   'fabric.editor.headingLink.failedToCopy': '复制失败',
-  'fabric.editor.headingLink.noneSortingLabel': '无'
+  'fabric.editor.headingLink.noneSortingLabel': '无',
+  'fabric.editor.inlineComment.marker.end': '内联评论结束',
+  'fabric.editor.inlineComment.marker.start': '内联评论开始'
 };

package/dist/cjs/i18n/zh_TW.js

@@ -19,5 +19,7 @@ var _default = exports.default = {
   'fabric.editor.headingLink.copyAriaLabel': '複製',
   'fabric.editor.headingLink.descSortingLabel': '遞減',
   'fabric.editor.headingLink.failedToCopy': '複製失敗',
-  'fabric.editor.headingLink.noneSortingLabel': '無'
+  'fabric.editor.headingLink.noneSortingLabel': '無',
+  'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
+  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
 };

package/dist/cjs/react/nodes/tableCell.js

@@ -68,6 +68,7 @@ var getDataAttributes = function getDataAttributes(colwidth, background) {
   }
   return attrs;
 };
+var cssVariablePattern = /^var\(--.*\)$/;
 var getStyle = function getStyle(_ref) {
   var background = _ref.background,
     colGroupWidth = _ref.colGroupWidth,
@@ -97,6 +98,14 @@ var getStyle = function getStyle(_ref) {
     var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background);
     if (tokenColor) {
       style.backgroundColor = tokenColor;
+    } else if (
+    /**
+     * There was previously a bug in dark mode where we would attempt to invert
+     * a design token in `getDarkModeLCHColor` causing issues.
+     * If it's a design token we should return it as is.
+     */
+    cssVariablePattern.test(background)) {
+      style.backgroundColor = background;
     } else {
       // if we have a custom color, we need to check if we are in dark mode
       if (colorMode === 'dark') {

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

@@ -60,7 +60,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.44.1";
+var packageVersion = "109.45.0";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);

package/dist/cjs/ui/annotations/element/mark.js

@@ -123,7 +123,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
     if (isMobile()) {
       return {};
     }
-    if (isInlineCommentsKbAccessible) {
+    if (isInlineCommentsKbAccessible && state !== _adfSchema.AnnotationMarkStates.RESOLVED) {
       var startMarker = intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart);
       var endMarker = intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd);
       return accessibilityStyles(startMarker, endMarker);

package/dist/es2019/i18n/cs.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopírovat',
   'fabric.editor.headingLink.descSortingLabel': 'sestupně',
   'fabric.editor.headingLink.failedToCopy': 'Kopírování se nezdařilo',
-  'fabric.editor.headingLink.noneSortingLabel': 'Žádné'
+  'fabric.editor.headingLink.noneSortingLabel': 'Žádné',
+  'fabric.editor.inlineComment.marker.end': 'konec vloženého komentáře',
+  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře'
 };

package/dist/es2019/i18n/da.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiér',
   'fabric.editor.headingLink.descSortingLabel': 'faldende',
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislykkedes',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
+  'fabric.editor.inlineComment.marker.end': 'slut på indlejret kommentar',
+  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar'
 };

package/dist/es2019/i18n/de.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopieren',
   'fabric.editor.headingLink.descSortingLabel': 'absteigend',
   'fabric.editor.headingLink.failedToCopy': 'Kopieren ist fehlgeschlagen',
-  'fabric.editor.headingLink.noneSortingLabel': 'Keine'
+  'fabric.editor.headingLink.noneSortingLabel': 'Keine',
+  'fabric.editor.inlineComment.marker.end': 'Ende des Inline-Kommentars',
+  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars'
 };

package/dist/es2019/i18n/en.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Copy',
   'fabric.editor.headingLink.descSortingLabel': 'descending',
   'fabric.editor.headingLink.failedToCopy': 'Copy failed',
-  'fabric.editor.headingLink.noneSortingLabel': 'none'
+  'fabric.editor.headingLink.noneSortingLabel': 'none',
+  'fabric.editor.inlineComment.marker.end': 'inline comment end',
+  'fabric.editor.inlineComment.marker.start': 'inline comment start'
 };

package/dist/es2019/i18n/en_GB.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Copy',
   'fabric.editor.headingLink.descSortingLabel': 'descending',
   'fabric.editor.headingLink.failedToCopy': 'Copy failed',
-  'fabric.editor.headingLink.noneSortingLabel': 'none'
+  'fabric.editor.headingLink.noneSortingLabel': 'none',
+  'fabric.editor.inlineComment.marker.end': 'inline comment end',
+  'fabric.editor.inlineComment.marker.start': 'inline comment start'
 };

package/dist/es2019/i18n/en_ZZ.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': '⁣⁢Copy‍‍‍؜‍؜؜⁡‍⁡‍‍‍⁣⁤',
   'fabric.editor.headingLink.descSortingLabel': '⁣⁢descending؜‌⁡‌⁡⁠⁡⁠‍‌⁡⁡⁡؜⁣⁤',
   'fabric.editor.headingLink.failedToCopy': '⁣⁢Copy failed⁠⁠‌⁠‌‍‌⁣⁤',
-  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤'
+  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤',
+  'fabric.editor.inlineComment.marker.end': '⁣⁢inline comment end⁠‍⁡⁡؜⁠‌⁣⁤',
+  'fabric.editor.inlineComment.marker.start': '⁣⁢inline comment start؜‌‌‍⁡‍‍؜‌⁣⁤'
 };

package/dist/es2019/i18n/es.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
   'fabric.editor.headingLink.descSortingLabel': 'descendente',
   'fabric.editor.headingLink.failedToCopy': 'Copia fallida',
-  'fabric.editor.headingLink.noneSortingLabel': 'ninguno'
+  'fabric.editor.headingLink.noneSortingLabel': 'ninguno',
+  'fabric.editor.inlineComment.marker.end': 'final de comentario insertado',
+  'fabric.editor.inlineComment.marker.start': 'inicio de comentario insertado'
 };

package/dist/es2019/i18n/fi.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopioi',
   'fabric.editor.headingLink.descSortingLabel': 'laskevassa järjestyksessä',
   'fabric.editor.headingLink.failedToCopy': 'Kopiointi epäonnistui',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ei mitään'
+  'fabric.editor.headingLink.noneSortingLabel': 'Ei mitään',
+  'fabric.editor.inlineComment.marker.end': 'tekstin sisäisen kommentin loppu',
+  'fabric.editor.inlineComment.marker.start': 'tekstin sisäisen kommentin alku'
 };

package/dist/es2019/i18n/fr.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Copier',
   'fabric.editor.headingLink.descSortingLabel': 'ordre décroissant',
   'fabric.editor.headingLink.failedToCopy': 'Copie impossible',
-  'fabric.editor.headingLink.noneSortingLabel': 'Néant'
+  'fabric.editor.headingLink.noneSortingLabel': 'Néant',
+  'fabric.editor.inlineComment.marker.end': 'fin du commentaire contextuel',
+  'fabric.editor.inlineComment.marker.start': 'début du commentaire contextuel'
 };

package/dist/es2019/i18n/hu.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Másolás',
   'fabric.editor.headingLink.descSortingLabel': 'csökkenő',
   'fabric.editor.headingLink.failedToCopy': 'A másolás nem sikerült',
-  'fabric.editor.headingLink.noneSortingLabel': 'Nincs'
+  'fabric.editor.headingLink.noneSortingLabel': 'Nincs',
+  'fabric.editor.inlineComment.marker.end': 'beágyazott megjegyzés vége',
+  'fabric.editor.inlineComment.marker.start': 'beágyazott megjegyzés kezdete'
 };

package/dist/es2019/i18n/it.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Copia',
   'fabric.editor.headingLink.descSortingLabel': 'decrescente',
   'fabric.editor.headingLink.failedToCopy': 'Copia non riuscita',
-  'fabric.editor.headingLink.noneSortingLabel': 'nessuno'
+  'fabric.editor.headingLink.noneSortingLabel': 'nessuno',
+  'fabric.editor.inlineComment.marker.end': 'fine del commento in linea',
+  'fabric.editor.inlineComment.marker.start': 'inizio del commento in linea'
 };

package/dist/es2019/i18n/ja.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'コピー',
   'fabric.editor.headingLink.descSortingLabel': '降順',
   'fabric.editor.headingLink.failedToCopy': 'コピーできませんでした。',
-  'fabric.editor.headingLink.noneSortingLabel': 'なし'
+  'fabric.editor.headingLink.noneSortingLabel': 'なし',
+  'fabric.editor.inlineComment.marker.end': 'インライン コメント終了',
+  'fabric.editor.inlineComment.marker.start': 'インライン コメント開始'
 };

package/dist/es2019/i18n/ko.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': '복사',
   'fabric.editor.headingLink.descSortingLabel': '내림차순',
   'fabric.editor.headingLink.failedToCopy': '복사 실패',
-  'fabric.editor.headingLink.noneSortingLabel': '없음'
+  'fabric.editor.headingLink.noneSortingLabel': '없음',
+  'fabric.editor.inlineComment.marker.end': '인라인 댓글 끝',
+  'fabric.editor.inlineComment.marker.start': '인라인 댓글 시작'
 };

package/dist/es2019/i18n/nb.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopier',
   'fabric.editor.headingLink.descSortingLabel': 'synkende',
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislyktes',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
+  'fabric.editor.inlineComment.marker.end': 'kommentar i margen slutt',
+  'fabric.editor.inlineComment.marker.start': 'kommentar i margen start'
 };

package/dist/es2019/i18n/nl.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiëren',
   'fabric.editor.headingLink.descSortingLabel': 'aflopend',
   'fabric.editor.headingLink.failedToCopy': 'Kopiëren mislukt',
-  'fabric.editor.headingLink.noneSortingLabel': 'Geen'
+  'fabric.editor.headingLink.noneSortingLabel': 'Geen',
+  'fabric.editor.inlineComment.marker.end': 'einde inline-opmerking',
+  'fabric.editor.inlineComment.marker.start': 'begin inline-opmerking'
 };

package/dist/es2019/i18n/pl.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
   'fabric.editor.headingLink.descSortingLabel': 'malejąco',
   'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
-  'fabric.editor.headingLink.noneSortingLabel': 'Brak'
+  'fabric.editor.headingLink.noneSortingLabel': 'Brak',
+  'fabric.editor.inlineComment.marker.end': 'koniec komentarza śródwierszowego',
+  'fabric.editor.inlineComment.marker.start': 'początek komentarza śródwierszowego'
 };

package/dist/es2019/i18n/pt_BR.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
   'fabric.editor.headingLink.descSortingLabel': 'descendente',
   'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
-  'fabric.editor.headingLink.noneSortingLabel': 'nenhum'
+  'fabric.editor.headingLink.noneSortingLabel': 'nenhum',
+  'fabric.editor.inlineComment.marker.end': 'fim de comentário em linha',
+  'fabric.editor.inlineComment.marker.start': 'início de comentário em linha'
 };

package/dist/es2019/i18n/ru.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Скопировать',
   'fabric.editor.headingLink.descSortingLabel': 'по убыванию',
   'fabric.editor.headingLink.failedToCopy': 'Ошибка копирования',
-  'fabric.editor.headingLink.noneSortingLabel': 'Нет'
+  'fabric.editor.headingLink.noneSortingLabel': 'Нет',
+  'fabric.editor.inlineComment.marker.end': 'конец встроенного комментария',
+  'fabric.editor.inlineComment.marker.start': 'начало встроенного комментария'
 };

package/dist/es2019/i18n/sv.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopiera',
   'fabric.editor.headingLink.descSortingLabel': 'fallande',
   'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
+  'fabric.editor.inlineComment.marker.end': 'slut på inlinekommentarer',
+  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer'
 };

package/dist/es2019/i18n/th.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'คัดลอก',
   'fabric.editor.headingLink.descSortingLabel': 'จากมากไปหาน้อย',
   'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
-  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี'
+  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
+  'fabric.editor.inlineComment.marker.end': 'สิ้นสุดความคิดเห็นในบรรทัด',
+  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด'
 };

package/dist/es2019/i18n/tr.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Kopyala',
   'fabric.editor.headingLink.descSortingLabel': 'azalan',
   'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
-  'fabric.editor.headingLink.noneSortingLabel': 'yok'
+  'fabric.editor.headingLink.noneSortingLabel': 'yok',
+  'fabric.editor.inlineComment.marker.end': 'satır içi yorum sonu',
+  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı'
 };

package/dist/es2019/i18n/uk.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Копіювати',
   'fabric.editor.headingLink.descSortingLabel': 'за спаданням',
   'fabric.editor.headingLink.failedToCopy': 'Не вдалося скопіювати',
-  'fabric.editor.headingLink.noneSortingLabel': 'Немає'
+  'fabric.editor.headingLink.noneSortingLabel': 'Немає',
+  'fabric.editor.inlineComment.marker.end': 'кінець вбудованого коментаря',
+  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря'
 };

package/dist/es2019/i18n/vi.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': 'Sao chép',
   'fabric.editor.headingLink.descSortingLabel': 'giảm dần',
   'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có'
+  'fabric.editor.headingLink.noneSortingLabel': 'không có',
+  'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
+  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
 };

package/dist/es2019/i18n/zh.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': '复制',
   'fabric.editor.headingLink.descSortingLabel': '降序',
   'fabric.editor.headingLink.failedToCopy': '复制失败',
-  'fabric.editor.headingLink.noneSortingLabel': '无'
+  'fabric.editor.headingLink.noneSortingLabel': '无',
+  'fabric.editor.inlineComment.marker.end': '内联评论结束',
+  'fabric.editor.inlineComment.marker.start': '内联评论开始'
 };

package/dist/es2019/i18n/zh_TW.js

@@ -13,5 +13,7 @@ export default {
   'fabric.editor.headingLink.copyAriaLabel': '複製',
   'fabric.editor.headingLink.descSortingLabel': '遞減',
   'fabric.editor.headingLink.failedToCopy': '複製失敗',
-  'fabric.editor.headingLink.noneSortingLabel': '無'
+  'fabric.editor.headingLink.noneSortingLabel': '無',
+  'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
+  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
 };

package/dist/es2019/react/nodes/tableCell.js

@@ -63,6 +63,7 @@ const getDataAttributes = (colwidth, background) => {
   }
   return attrs;
 };
+const cssVariablePattern = /^var\(--.*\)$/;
 const getStyle = ({
   background,
   colGroupWidth,
@@ -93,6 +94,14 @@ const getStyle = ({
     const tokenColor = hexToEditorBackgroundPaletteRawValue(background);
     if (tokenColor) {
       style.backgroundColor = tokenColor;
+    } else if (
+    /**
+     * There was previously a bug in dark mode where we would attempt to invert
+     * a design token in `getDarkModeLCHColor` causing issues.
+     * If it's a design token we should return it as is.
+     */
+    cssVariablePattern.test(background)) {
+      style.backgroundColor = background;
     } else {
       // if we have a custom color, we need to check if we are in dark mode
       if (colorMode === 'dark') {