@atlaskit/renderer 108.15.16 → 108.15.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 108.15.18
+
+### Patch Changes
+
+- [#42725](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42725) [`a05b3548339`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a05b3548339) - [ux] ED-20700 Clean up color inversion feature flag
+
+## 108.15.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 108.15.16
 
 ### Patch Changes

package/dist/cjs/react/marks/textColor.js

@@ -11,7 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _editorPalette = require("@atlaskit/editor-palette");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -28,6 +27,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if ((0, _adfSchema.isRgb)(customColor)) {
     hex = (0, _adfSchema.rgbToHex)(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -47,38 +52,35 @@ function TextColor(props) {
   // the editor does supported ad hoc color values -- and there may be content
   // which has been migrated or created via apis which use such values.
   var paletteColorValue;
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.dm-invert-text-color_cvho2')) {
-    /**
-     * The Editor persists custom text colors when content has been migrated from the old editor, or created via
-     * apis.
-     *
-     * This behaviour predates the introduction of dark mode.
-     *
-     * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
-     *
-     * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
-     *
-     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-     * how we detect text colors copied from external editor sources. Where we load the background color from a
-     * seperate attribute (data-text-custom-color), instead of the inline style.
-     *
-     * See the following document for more details on this behaviour
-     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
-     */
-    var tokenColor = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color);
-    if (tokenColor) {
-      paletteColorValue = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color) || props.color;
+
+  /**
+   * The Editor persists custom text colors when content has been migrated from the old editor, or created via
+   * apis.
+   *
+   * This behaviour predates the introduction of dark mode.
+   *
+   * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
+   *
+   * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
+   *
+   * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+   * how we detect text colors copied from external editor sources. Where we load the background color from a
+   * seperate attribute (data-text-custom-color), instead of the inline style.
+   *
+   * See the following document for more details on this behaviour
+   * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
+   */
+  var tokenColor = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color);
+  if (tokenColor) {
+    paletteColorValue = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color) || props.color;
+  } else {
+    if (colorMode === 'dark') {
+      // if we have a custom color, we need to check if we are in dark mode
+      paletteColorValue = invertCustomColor(props.color);
     } else {
-      if (colorMode === 'dark') {
-        // if we have a custom color, we need to check if we are in dark mode
-        paletteColorValue = invertCustomColor(props.color);
-      } else {
-        // if we are in light mode, we can just set the color
-        paletteColorValue = props.color;
-      }
+      // if we are in light mode, we can just set the color
+      paletteColorValue = props.color;
     }
-  } else {
-    paletteColorValue = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color) || props.color;
   }
   var style = (0, _react.useMemo)(function () {
     return (0, _defineProperty2.default)({}, '--custom-palette-color', paletteColorValue);

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

@@ -11,7 +11,6 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _tokens = require("@atlaskit/tokens");
 var _types = require("@atlaskit/editor-common/types");
 var _editorPalette = require("@atlaskit/editor-palette");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _SortingIcon = _interopRequireDefault(require("../../ui/SortingIcon"));
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -83,6 +82,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if ((0, _adfSchema.isRgb)(customColor)) {
     hex = (0, _adfSchema.rgbToHex)(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -104,40 +109,35 @@ var getStyle = function getStyle(_ref) {
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.dm-invert-tablecell-bgcolor_9fz6s')) {
-      /**
-       * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
-       * backgrounds persisted.
-       *
-       * This feature predates the introduction of dark mode.
-       *
-       * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
-       *
-       * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
-       *
-       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-       * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
-       * seperate attribute (data-cell-background), instead of the inline style.
-       *
-       * See the following document for more details on this behaviour
-       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
-       */
-      var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background);
-      if (tokenColor) {
-        style.backgroundColor = tokenColor;
+    /**
+     * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
+     * backgrounds persisted.
+     *
+     * This feature predates the introduction of dark mode.
+     *
+     * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
+     *
+     * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
+     *
+     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+     * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
+     * seperate attribute (data-cell-background), instead of the inline style.
+     *
+     * See the following document for more details on this behaviour
+     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
+     */
+    var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background);
+    if (tokenColor) {
+      style.backgroundColor = tokenColor;
+    } else {
+      // if we have a custom color, we need to check if we are in dark mode
+      if (colorMode === 'dark') {
+        // if we are in dark mode, we need to invert the color
+        style.backgroundColor = invertCustomColor(background);
       } else {
-        // if we have a custom color, we need to check if we are in dark mode
-        if (colorMode === 'dark') {
-          // if we are in dark mode, we need to invert the color
-          style.backgroundColor = invertCustomColor(background);
-        } else {
-          // if we are in light mode, we can just set the color
-          style.backgroundColor = background;
-        }
+        // if we are in light mode, we can just set the color
+        style.backgroundColor = background;
       }
-    } else {
-      var _tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background) || background;
-      style.backgroundColor = _tokenColor;
     }
   }
   if (colGroupWidth) {

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

@@ -53,7 +53,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.15.16";
+var packageVersion = "108.15.18";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/marks/textColor.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { isHex, isRgb, rgbToHex } from '@atlaskit/adf-schema';
 import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 /**
  * This function is duplicated in
@@ -17,6 +16,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -37,38 +42,35 @@ export default function TextColor(props) {
   // the editor does supported ad hoc color values -- and there may be content
   // which has been migrated or created via apis which use such values.
   let paletteColorValue;
-  if (getBooleanFF('platform.editor.dm-invert-text-color_cvho2')) {
-    /**
-     * The Editor persists custom text colors when content has been migrated from the old editor, or created via
-     * apis.
-     *
-     * This behaviour predates the introduction of dark mode.
-     *
-     * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
-     *
-     * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
-     *
-     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-     * how we detect text colors copied from external editor sources. Where we load the background color from a
-     * seperate attribute (data-text-custom-color), instead of the inline style.
-     *
-     * See the following document for more details on this behaviour
-     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
-     */
-    const tokenColor = hexToEditorTextPaletteColor(props.color);
-    if (tokenColor) {
-      paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+
+  /**
+   * The Editor persists custom text colors when content has been migrated from the old editor, or created via
+   * apis.
+   *
+   * This behaviour predates the introduction of dark mode.
+   *
+   * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
+   *
+   * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
+   *
+   * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+   * how we detect text colors copied from external editor sources. Where we load the background color from a
+   * seperate attribute (data-text-custom-color), instead of the inline style.
+   *
+   * See the following document for more details on this behaviour
+   * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
+   */
+  const tokenColor = hexToEditorTextPaletteColor(props.color);
+  if (tokenColor) {
+    paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+  } else {
+    if (colorMode === 'dark') {
+      // if we have a custom color, we need to check if we are in dark mode
+      paletteColorValue = invertCustomColor(props.color);
     } else {
-      if (colorMode === 'dark') {
-        // if we have a custom color, we need to check if we are in dark mode
-        paletteColorValue = invertCustomColor(props.color);
-      } else {
-        // if we are in light mode, we can just set the color
-        paletteColorValue = props.color;
-      }
+      // if we are in light mode, we can just set the color
+      paletteColorValue = props.color;
     }
-  } else {
-    paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
   }
   const style = useMemo(() => ({
     ['--custom-palette-color']: paletteColorValue

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

@@ -4,7 +4,6 @@ import { isHex, isRgb, rgbToHex, tableBackgroundColorPalette } from '@atlaskit/a
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import SortingIcon from '../../ui/SortingIcon';
 import { MODE, PLATFORM } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -78,6 +77,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -100,40 +105,35 @@ const getStyle = ({
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    if (getBooleanFF('platform.editor.dm-invert-tablecell-bgcolor_9fz6s')) {
-      /**
-       * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
-       * backgrounds persisted.
-       *
-       * This feature predates the introduction of dark mode.
-       *
-       * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
-       *
-       * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
-       *
-       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-       * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
-       * seperate attribute (data-cell-background), instead of the inline style.
-       *
-       * See the following document for more details on this behaviour
-       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
-       */
-      const tokenColor = hexToEditorBackgroundPaletteRawValue(background);
-      if (tokenColor) {
-        style.backgroundColor = tokenColor;
+    /**
+     * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
+     * backgrounds persisted.
+     *
+     * This feature predates the introduction of dark mode.
+     *
+     * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
+     *
+     * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
+     *
+     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+     * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
+     * seperate attribute (data-cell-background), instead of the inline style.
+     *
+     * See the following document for more details on this behaviour
+     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
+     */
+    const tokenColor = hexToEditorBackgroundPaletteRawValue(background);
+    if (tokenColor) {
+      style.backgroundColor = tokenColor;
+    } else {
+      // if we have a custom color, we need to check if we are in dark mode
+      if (colorMode === 'dark') {
+        // if we are in dark mode, we need to invert the color
+        style.backgroundColor = invertCustomColor(background);
       } else {
-        // if we have a custom color, we need to check if we are in dark mode
-        if (colorMode === 'dark') {
-          // if we are in dark mode, we need to invert the color
-          style.backgroundColor = invertCustomColor(background);
-        } else {
-          // if we are in light mode, we can just set the color
-          style.backgroundColor = background;
-        }
+        // if we are in light mode, we can just set the color
+        style.backgroundColor = background;
       }
-    } else {
-      const tokenColor = hexToEditorBackgroundPaletteRawValue(background) || background;
-      style.backgroundColor = tokenColor;
     }
   }
   if (colGroupWidth) {

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.15.16";
+const packageVersion = "108.15.18";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/marks/textColor.js

@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useMemo } from 'react';
 import { isHex, isRgb, rgbToHex } from '@atlaskit/adf-schema';
 import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 /**
  * This function is duplicated in
@@ -18,6 +17,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -37,38 +42,35 @@ export default function TextColor(props) {
   // the editor does supported ad hoc color values -- and there may be content
   // which has been migrated or created via apis which use such values.
   var paletteColorValue;
-  if (getBooleanFF('platform.editor.dm-invert-text-color_cvho2')) {
-    /**
-     * The Editor persists custom text colors when content has been migrated from the old editor, or created via
-     * apis.
-     *
-     * This behaviour predates the introduction of dark mode.
-     *
-     * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
-     *
-     * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
-     *
-     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-     * how we detect text colors copied from external editor sources. Where we load the background color from a
-     * seperate attribute (data-text-custom-color), instead of the inline style.
-     *
-     * See the following document for more details on this behaviour
-     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
-     */
-    var tokenColor = hexToEditorTextPaletteColor(props.color);
-    if (tokenColor) {
-      paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+
+  /**
+   * The Editor persists custom text colors when content has been migrated from the old editor, or created via
+   * apis.
+   *
+   * This behaviour predates the introduction of dark mode.
+   *
+   * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
+   *
+   * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
+   *
+   * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+   * how we detect text colors copied from external editor sources. Where we load the background color from a
+   * seperate attribute (data-text-custom-color), instead of the inline style.
+   *
+   * See the following document for more details on this behaviour
+   * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
+   */
+  var tokenColor = hexToEditorTextPaletteColor(props.color);
+  if (tokenColor) {
+    paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+  } else {
+    if (colorMode === 'dark') {
+      // if we have a custom color, we need to check if we are in dark mode
+      paletteColorValue = invertCustomColor(props.color);
     } else {
-      if (colorMode === 'dark') {
-        // if we have a custom color, we need to check if we are in dark mode
-        paletteColorValue = invertCustomColor(props.color);
-      } else {
-        // if we are in light mode, we can just set the color
-        paletteColorValue = props.color;
-      }
+      // if we are in light mode, we can just set the color
+      paletteColorValue = props.color;
     }
-  } else {
-    paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
   }
   var style = useMemo(function () {
     return _defineProperty({}, '--custom-palette-color', paletteColorValue);

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

@@ -4,7 +4,6 @@ import { isHex, isRgb, rgbToHex, tableBackgroundColorPalette } from '@atlaskit/a
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import SortingIcon from '../../ui/SortingIcon';
 import { MODE, PLATFORM } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -76,6 +75,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -97,40 +102,35 @@ var getStyle = function getStyle(_ref) {
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    if (getBooleanFF('platform.editor.dm-invert-tablecell-bgcolor_9fz6s')) {
-      /**
-       * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
-       * backgrounds persisted.
-       *
-       * This feature predates the introduction of dark mode.
-       *
-       * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
-       *
-       * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
-       *
-       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-       * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
-       * seperate attribute (data-cell-background), instead of the inline style.
-       *
-       * See the following document for more details on this behaviour
-       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
-       */
-      var tokenColor = hexToEditorBackgroundPaletteRawValue(background);
-      if (tokenColor) {
-        style.backgroundColor = tokenColor;
+    /**
+     * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
+     * backgrounds persisted.
+     *
+     * This feature predates the introduction of dark mode.
+     *
+     * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
+     *
+     * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
+     *
+     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+     * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
+     * seperate attribute (data-cell-background), instead of the inline style.
+     *
+     * See the following document for more details on this behaviour
+     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
+     */
+    var tokenColor = hexToEditorBackgroundPaletteRawValue(background);
+    if (tokenColor) {
+      style.backgroundColor = tokenColor;
+    } else {
+      // if we have a custom color, we need to check if we are in dark mode
+      if (colorMode === 'dark') {
+        // if we are in dark mode, we need to invert the color
+        style.backgroundColor = invertCustomColor(background);
       } else {
-        // if we have a custom color, we need to check if we are in dark mode
-        if (colorMode === 'dark') {
-          // if we are in dark mode, we need to invert the color
-          style.backgroundColor = invertCustomColor(background);
-        } else {
-          // if we are in light mode, we can just set the color
-          style.backgroundColor = background;
-        }
+        // if we are in light mode, we can just set the color
+        style.backgroundColor = background;
       }
-    } else {
-      var _tokenColor = hexToEditorBackgroundPaletteRawValue(background) || background;
-      style.backgroundColor = _tokenColor;
     }
   }
   if (colGroupWidth) {

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

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.15.16";
+var packageVersion = "108.15.18";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.15.16",
+  "version": "108.15.18",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,25 +29,25 @@
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.11.0",
+    "@atlaskit/button": "^16.13.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^76.15.0",
+    "@atlaskit/editor-common": "^76.18.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/emoji": "^67.5.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/link-datasource": "^1.10.0",
+    "@atlaskit/link-datasource": "^1.13.0",
     "@atlaskit/media-card": "^77.2.0",
     "@atlaskit/media-client": "^25.0.0",
     "@atlaskit/media-client-react": "^1.3.0",
-    "@atlaskit/media-common": "^9.0.0",
+    "@atlaskit/media-common": "^10.0.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.39.0",
+    "@atlaskit/smart-card": "^26.41.0",
     "@atlaskit/status": "^1.4.0",
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/theme": "^12.6.0",
@@ -124,12 +124,6 @@
     },
     "platform.editor.table.increase-shadow-visibility_lh89r": {
       "type": "boolean"
-    },
-    "platform.editor.dm-invert-tablecell-bgcolor_9fz6s": {
-      "type": "boolean"
-    },
-    "platform.editor.dm-invert-text-color_cvho2": {
-      "type": "boolean"
     }
   }
 }