@atlaskit/adf-schema 56.5.5 → 56.6.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/adf-schema
 
+## 56.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 56.6.0
+
+### Minor Changes
+
+- [`b0682afb9fdf1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0682afb9fdf1) -
+  Add lime, orange and magenta colours to the table cell background colour palette.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 56.5.5
 
 ### Patch Changes

package/dist/cjs/entry-points/schema-tableNodes.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "tableBackgroundColorPalette", {
     return _tableNodes.tableBackgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "tableBackgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableBackgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "tableCell", {
   enumerable: true,
   get: function get() {

package/dist/cjs/entry-points/tableNodes.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "tableBackgroundBorderColor", {
     return _tableNodes.tableBackgroundBorderColor;
   }
 });
+Object.defineProperty(exports, "tableBackgroundColorNameByHex", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableBackgroundColorNameByHex;
+  }
+});
 Object.defineProperty(exports, "tableBackgroundColorNames", {
   enumerable: true,
   get: function get() {
@@ -39,6 +45,12 @@ Object.defineProperty(exports, "tableBackgroundColorPalette", {
     return _tableNodes.tableBackgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "tableBackgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableBackgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "tableCell", {
   enumerable: true,
   get: function get() {

package/dist/cjs/index.js

@@ -1101,6 +1101,12 @@ Object.defineProperty(exports, "tableBackgroundColorPalette", {
     return _schema.tableBackgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "tableBackgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _schema.tableBackgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "tableCell", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/index.js

@@ -771,6 +771,12 @@ Object.defineProperty(exports, "tableBackgroundColorPalette", {
     return _nodes.tableBackgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "tableBackgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.tableBackgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "tableCell", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/nodes/index.js

@@ -574,6 +574,12 @@ Object.defineProperty(exports, "tableBackgroundColorPalette", {
     return _tableNodes.tableBackgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "tableBackgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableBackgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "tableCell", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/nodes/tableNodes.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toJSONTableHeader = exports.toJSONTableCell = exports.tableWithNestedTable = exports.tableWithCustomWidth = exports.tableToJSON = exports.tableStage0 = exports.tableRowWithNestedTableWithLocalId = exports.tableRowWithNestedTable = exports.tableRowWithLocalId = exports.tableRow = exports.tablePrefixSelector = exports.tableHeaderWithNestedTableWithLocalId = exports.tableHeaderWithNestedTableStage0 = exports.tableHeaderWithNestedTable = exports.tableHeaderWithLocalId = exports.tableHeaderStage0 = exports.tableHeaderSelector = exports.tableHeader = exports.tableCellWithNestedTableWithLocalId = exports.tableCellWithNestedTableStage0 = exports.tableCellWithNestedTable = exports.tableCellWithLocalId = exports.tableCellStage0 = exports.tableCellSelector = exports.tableCellContentWrapperSelector = exports.tableCellContentDomSelector = exports.tableCell = exports.tableBackgroundColorPalette = exports.tableBackgroundColorNames = exports.tableBackgroundBorderColor = exports.table = exports.setGlobalTheme = exports.getCellDomAttrs = exports.getCellAttrs = void 0;
+exports.toJSONTableHeader = exports.toJSONTableCell = exports.tableWithNestedTable = exports.tableWithCustomWidth = exports.tableToJSON = exports.tableStage0 = exports.tableRowWithNestedTableWithLocalId = exports.tableRowWithNestedTable = exports.tableRowWithLocalId = exports.tableRow = exports.tablePrefixSelector = exports.tableHeaderWithNestedTableWithLocalId = exports.tableHeaderWithNestedTableStage0 = exports.tableHeaderWithNestedTable = exports.tableHeaderWithLocalId = exports.tableHeaderStage0 = exports.tableHeaderSelector = exports.tableHeader = exports.tableCellWithNestedTableWithLocalId = exports.tableCellWithNestedTableStage0 = exports.tableCellWithNestedTable = exports.tableCellWithLocalId = exports.tableCellStage0 = exports.tableCellSelector = exports.tableCellContentWrapperSelector = exports.tableCellContentDomSelector = exports.tableCell = exports.tableBackgroundColorPaletteNew = exports.tableBackgroundColorPalette = exports.tableBackgroundColorNames = exports.tableBackgroundColorNameByHex = exports.tableBackgroundBorderColor = exports.table = exports.setGlobalTheme = exports.getCellDomAttrs = exports.getCellAttrs = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _editorPalette = require("../../utils/editor-palette");
@@ -182,7 +182,7 @@ var getCellDomAttrs = exports.getCellDomAttrs = function getCellDomAttrs(node) {
         attrs['data-cell-background'] = color;
       }
       if (typeof color === 'string') {
-        attrs.colorname = tableBackgroundColorPalette.get(color.toLowerCase());
+        attrs.colorname = tableBackgroundColorNameByHex.get(color.toLowerCase());
       }
     }
   }
@@ -200,14 +200,51 @@ var getCellDomAttrs = exports.getCellDomAttrs = function getCellDomAttrs(node) {
   return attrs;
 };
 var tableBackgroundColorPalette = exports.tableBackgroundColorPalette = new Map();
+/**
+ * Expanded 10-column (30-entry) palette. Compared with {@link tableBackgroundColorPalette} it adds
+ * lime, orange and magenta columns, and replaces the `Gray` / `Dark *` row with a bold row built on
+ * `subtler.hovered` design tokens.
+ *
+ * NOTE: it is *not* a superset of {@link tableBackgroundColorPalette} — the bold row uses different
+ * hex codes, so the earlier row's colours are absent here. Use this map only to build the colour
+ * picker. To resolve a colour a document may already contain, use
+ * {@link tableBackgroundColorNameByHex}, which spans both palettes.
+ */
+var tableBackgroundColorPaletteNew = exports.tableBackgroundColorPaletteNew = new Map();
 var tableBackgroundBorderColor = exports.tableBackgroundBorderColor = (0, _colors.hexToRgba)(_colors.N800, 0.12) || _colors.N0;
+/**
+ * Colour name -> hex, and its inverse {@link tableBackgroundColorNameByHex}, covering the colours of
+ * {@link tableBackgroundColorPalette} and {@link tableBackgroundColorPaletteNew} together.
+ *
+ * These drive the themed CSS variables and `td[colorname=...]` overrides in editor-core and
+ * renderer, so they must span both palettes: the hex is stored in ADF, which outlives whichever
+ * palette produced it, and is read back by the editor, the renderer and Confluence export. Resolving
+ * against only one palette would leave cells coloured from the other rendering untokenised, or with
+ * no background at all.
+ */
 var tableBackgroundColorNames = exports.tableBackgroundColorNames = new Map();
+/**
+ * Hex -> colour name, the inverse of {@link tableBackgroundColorNames}. Also spans both palettes.
+ */
+var tableBackgroundColorNameByHex = exports.tableBackgroundColorNameByHex = new Map();
+
+// Original 7-column palette — kept as the default export so external consumers
+// are not broken. When cleaning up the platform_editor_lovability_text_bg_color experiment, check if this can be removed
 [[_colors.N0, 'White'], [_colors.B50, 'Light blue'], [_colors.T50, 'Light teal'], [_colors.G50, 'Light green'], [_colors.Y50, 'Light yellow'], [_colors.R50, 'Light red'], [_colors.P50, 'Light purple'], [_colors.N20, 'Light gray'], [_colors.B75, 'Blue'], [_colors.T75, 'Teal'], [_colors.G75, 'Green'], [_colors.Y75, 'Yellow'], [_colors.R75, 'Red'], [_colors.P75, 'Purple'], [_colors.N60, 'Gray'], [_colors.B100, 'Dark blue'], [_colors.T100, 'Dark teal'], [_colors.G200, 'Dark green'], [_colors.Y200, 'Dark yellow'], [_colors.R100, 'Dark red'], [_colors.P100, 'Dark purple']].forEach(function (_ref) {
   var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
     colorValue = _ref2[0],
     colorName = _ref2[1];
   tableBackgroundColorPalette.set(colorValue.toLowerCase(), colorName);
   tableBackgroundColorNames.set(colorName.toLowerCase(), colorValue.toLowerCase());
+  tableBackgroundColorNameByHex.set(colorValue.toLowerCase(), colorName);
+});
+[[_colors.N0, 'White'], [_colors.B50, 'Light blue'], [_colors.T50, 'Light teal'], [_colors.G50, 'Light green'], [_colors.L50, 'Subtle lime'], [_colors.Y50, 'Light yellow'], [_colors.Orange50, 'Subtle orange'], [_colors.R50, 'Light red'], [_colors.M50, 'Subtle magenta'], [_colors.P50, 'Light purple'], [_colors.N20, 'Light gray'], [_colors.B75, 'Blue'], [_colors.T75, 'Teal'], [_colors.G75, 'Green'], [_colors.L200, 'Lime'], [_colors.Y75, 'Yellow'], [_colors.Orange200, 'Orange'], [_colors.R75, 'Red'], [_colors.M200, 'Magenta'], [_colors.P75, 'Purple'], [_colors.GrayBold, 'Bold gray'], [_colors.BlueBold, 'Bold blue'], [_colors.TealBold, 'Bold teal'], [_colors.GreenBold, 'Bold green'], [_colors.L400, 'Bold lime'], [_colors.YellowBold, 'Bold yellow'], [_colors.Orange400, 'Bold orange'], [_colors.RedBold, 'Bold red'], [_colors.M400, 'Bold magenta'], [_colors.PurpleBold, 'Bold purple']].forEach(function (_ref3) {
+  var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    colorValue = _ref4[0],
+    colorName = _ref4[1];
+  tableBackgroundColorPaletteNew.set(colorValue.toLowerCase(), colorName);
+  tableBackgroundColorNames.set(colorName.toLowerCase(), colorValue.toLowerCase());
+  tableBackgroundColorNameByHex.set(colorValue.toLowerCase(), colorName);
 });
 
 /**

package/dist/cjs/utils/colors.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Yellow200 = exports.Y800 = exports.Y75 = exports.Y600 = exports.Y500 = exports.Y50 = exports.Y400 = exports.Y200 = exports.T75 = exports.T500 = exports.T50 = exports.T300 = exports.T200 = exports.T100 = exports.R75 = exports.R500 = exports.R50 = exports.R400 = exports.R300 = exports.R200 = exports.R100 = exports.P75 = exports.P500 = exports.P50 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = exports.Orange200 = exports.O800 = exports.O600 = exports.O200 = exports.Neutral300 = exports.N90 = exports.N800 = exports.N80 = exports.N600 = exports.N60 = exports.N500 = exports.N50 = exports.N40 = exports.N300A = exports.N300 = exports.N30 = exports.N200 = exports.N20 = exports.N1000 = exports.N0 = exports.M800 = exports.M600 = exports.M200 = exports.L800 = exports.L600 = exports.L200 = exports.G75 = exports.G500 = exports.G50 = exports.G400 = exports.G300 = exports.G200 = exports.B75 = exports.B500 = exports.B50 = exports.B400 = exports.B100 = void 0;
+exports.YellowBold = exports.Yellow200 = exports.Y800 = exports.Y75 = exports.Y600 = exports.Y500 = exports.Y50 = exports.Y400 = exports.Y200 = exports.TealBold = exports.T75 = exports.T500 = exports.T50 = exports.T300 = exports.T200 = exports.T100 = exports.RedBold = exports.R75 = exports.R500 = exports.R50 = exports.R400 = exports.R300 = exports.R200 = exports.R100 = exports.PurpleBold = exports.P75 = exports.P500 = exports.P50 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = exports.Orange50 = exports.Orange400 = exports.Orange200 = exports.O800 = exports.O600 = exports.O200 = exports.Neutral300 = exports.N90 = exports.N800 = exports.N80 = exports.N600 = exports.N60 = exports.N500 = exports.N50 = exports.N40 = exports.N300A = exports.N300 = exports.N30 = exports.N200 = exports.N20 = exports.N1000 = exports.N0 = exports.M800 = exports.M600 = exports.M50 = exports.M400 = exports.M200 = exports.L800 = exports.L600 = exports.L50 = exports.L400 = exports.L200 = exports.GreenBold = exports.GrayBold = exports.G75 = exports.G500 = exports.G50 = exports.G400 = exports.G300 = exports.G200 = exports.BlueBold = exports.B75 = exports.B500 = exports.B50 = exports.B400 = exports.B100 = void 0;
 exports.hexToRgb = hexToRgb;
 exports.hexToRgba = hexToRgba;
 exports.isHex = isHex;
@@ -28,6 +28,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var R50 = exports.R50 = '#FFEBE6';
 var R75 = exports.R75 = '#FFBDAD';
 var R100 = exports.R100 = '#FF8F73';
+var RedBold = exports.RedBold = '#FFB8B2';
 var R200 = exports.R200 = '#FFD5D2';
 var R300 = exports.R300 = '#FF5630';
 var R400 = exports.R400 = '#DE350B';
@@ -35,6 +36,7 @@ var R500 = exports.R500 = '#BF2600';
 var Y50 = exports.Y50 = '#FFFAE6';
 var Y75 = exports.Y75 = '#FFF0B3';
 var Y200 = exports.Y200 = '#FFC400';
+var YellowBold = exports.YellowBold = '#EFDD4E';
 var Yellow200 = exports.Yellow200 = '#F8E6A0';
 var Y400 = exports.Y400 = '#FF991F';
 var Y500 = exports.Y500 = '#FF8B00';
@@ -43,15 +45,19 @@ var Y800 = exports.Y800 = '#7F5F01';
 var G50 = exports.G50 = '#E3FCEF';
 var G75 = exports.G75 = '#ABF5D1';
 var G200 = exports.G200 = '#57D9A3';
+var GreenBold = exports.GreenBold = '#97EDC9';
 var G300 = exports.G300 = '#36B37E';
 var G400 = exports.G400 = '#00875A';
 var G500 = exports.G500 = '#006644';
 var B50 = exports.B50 = '#DEEBFF';
 var B75 = exports.B75 = '#B3D4FF';
 var B100 = exports.B100 = '#4C9AFF';
+var BlueBold = exports.BlueBold = '#ADCBFB';
 var B400 = exports.B400 = '#0052CC';
 var B500 = exports.B500 = '#0747A6';
+var L50 = exports.L50 = '#EFFFD6';
 var L200 = exports.L200 = '#D3F1A7';
+var L400 = exports.L400 = '#BDE97C';
 var L600 = exports.L600 = '#6A9A23';
 var L800 = exports.L800 = '#4C6B1F';
 var N0 = exports.N0 = '#FFFFFF';
@@ -60,6 +66,7 @@ var N30 = exports.N30 = '#EBECF0';
 var N40 = exports.N40 = '#DFE1E6';
 var N50 = exports.N50 = '#C1C7D0';
 var N60 = exports.N60 = '#B3BAC5';
+var GrayBold = exports.GrayBold = '#B7B9BE';
 var N80 = exports.N80 = '#97A0AF';
 var N90 = exports.N90 = '#8993A4';
 var N200 = exports.N200 = '#6B778C';
@@ -70,16 +77,21 @@ var N500 = exports.N500 = '#42526E';
 var N600 = exports.N600 = '#758195';
 var N800 = exports.N800 = '#172B4D';
 var N1000 = exports.N1000 = '#172B4D';
+var M50 = exports.M50 = '#FFECF8';
 var M200 = exports.M200 = '#FDD0EC';
+var M400 = exports.M400 = '#FCB6E1';
 var M600 = exports.M600 = '#CD519D';
 var M800 = exports.M800 = '#943D73';
 var O200 = exports.O200 = '#FEDEC8';
+var Orange50 = exports.Orange50 = '#FFF5DB';
 var Orange200 = exports.Orange200 = '#FCE4A6';
+var Orange400 = exports.Orange400 = '#FBD779';
 var O600 = exports.O600 = '#E06C00';
 var O800 = exports.O800 = '#9E4C00';
 var P50 = exports.P50 = '#EAE6FF';
 var P75 = exports.P75 = '#C0B6F2';
 var P100 = exports.P100 = '#998DD9';
+var PurpleBold = exports.PurpleBold = '#E3BDFA';
 var P200 = exports.P200 = '#DFD8FD';
 var P300 = exports.P300 = '#6554C0';
 var P400 = exports.P400 = '#5243AA';
@@ -87,6 +99,7 @@ var P500 = exports.P500 = '#403294';
 var T50 = exports.T50 = '#E6FCFF';
 var T75 = exports.T75 = '#B3F5FF';
 var T100 = exports.T100 = '#79E2F2';
+var TealBold = exports.TealBold = '#B1E4F7';
 var T200 = exports.T200 = '#C6EDFB';
 var T300 = exports.T300 = '#00B8D9';
 var T500 = exports.T500 = '#008DA6';

package/dist/cjs/utils/editor-palette.js

@@ -197,7 +197,6 @@ var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
 function hexToEditorBackgroundPaletteRawValue(hexColor) {
   // Ts ignore was used to allow use of conditional return type
   // (preferencing better type on consumption over safety in implementation)
-  // @ts-ignore
   var tokenData = hexColor ? editorBackgroundPalette[hexColor.toUpperCase()] : undefined;
   // @ts-expect-error
   return tokenData ? tokenData.getValue(hexColor) : undefined;
@@ -354,5 +353,119 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = {
       return '#B3BAC5';
     },
     token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)'
+  },
+  /** lime - light */
+  '#EFFFD6': {
+    getValue: function getValue() {
+      return '#EFFFD6';
+    },
+    token: 'var(--ds-background-accent-lime-subtlest, #EFFFD6)'
+  },
+  /** lime - medium */
+  '#D3F1A7': {
+    getValue: function getValue() {
+      return '#D3F1A7';
+    },
+    token: 'var(--ds-background-accent-lime-subtler, #D3F1A7)'
+  },
+  /** lime - bold */
+  '#BDE97C': {
+    getValue: function getValue() {
+      return '#BDE97C';
+    },
+    token: 'var(--ds-background-accent-lime-subtler-hovered, #BDE97C)'
+  },
+  /** orange - light */
+  '#FFF5DB': {
+    getValue: function getValue() {
+      return '#FFF5DB';
+    },
+    token: 'var(--ds-background-accent-orange-subtlest, #FFF5DB)'
+  },
+  /** orange - medium */
+  '#FCE4A6': {
+    getValue: function getValue() {
+      return '#FCE4A6';
+    },
+    token: 'var(--ds-background-accent-orange-subtler, #FCE4A6)'
+  },
+  /** orange - bold */
+  '#FBD779': {
+    getValue: function getValue() {
+      return '#FBD779';
+    },
+    token: 'var(--ds-background-accent-orange-subtler-hovered, #FBD779)'
+  },
+  /** magenta - light */
+  '#FFECF8': {
+    getValue: function getValue() {
+      return '#FFECF8';
+    },
+    token: 'var(--ds-background-accent-magenta-subtlest, #FFECF8)'
+  },
+  /** magenta - medium */
+  '#FDD0EC': {
+    getValue: function getValue() {
+      return '#FDD0EC';
+    },
+    token: 'var(--ds-background-accent-magenta-subtler, #FDD0EC)'
+  },
+  /** magenta - bold */
+  '#FCB6E1': {
+    getValue: function getValue() {
+      return '#FCB6E1';
+    },
+    token: 'var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)'
+  },
+  // Bold row mappings using subtler.hovered tokens. These use new hex codes
+  // so pre-existing documents keep their old subtle-token mappings above.
+  /** blue - bold */
+  '#ADCBFB': {
+    getValue: function getValue() {
+      return '#ADCBFB';
+    },
+    token: 'var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)'
+  },
+  /** teal - bold */
+  '#B1E4F7': {
+    getValue: function getValue() {
+      return '#B1E4F7';
+    },
+    token: 'var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)'
+  },
+  /** green - bold */
+  '#97EDC9': {
+    getValue: function getValue() {
+      return '#97EDC9';
+    },
+    token: 'var(--ds-background-accent-green-subtler-hovered, #97EDC9)'
+  },
+  /** yellow - bold */
+  '#EFDD4E': {
+    getValue: function getValue() {
+      return '#EFDD4E';
+    },
+    token: 'var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)'
+  },
+  /** red - bold */
+  '#FFB8B2': {
+    getValue: function getValue() {
+      return '#FFB8B2';
+    },
+    token: 'var(--ds-background-accent-red-subtler-hovered, #FFB8B2)'
+  },
+  /** purple - bold */
+  '#E3BDFA': {
+    getValue: function getValue() {
+      return '#E3BDFA';
+    },
+    token: 'var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)'
+  },
+  /** gray - bold */
+  '#B7B9BE': {
+    getValue: function getValue() {
+      return '#B7B9BE';
+    },
+    token: 'var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)'
   }
 };

package/dist/es2019/entry-points/schema-tableNodes.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { getCellAttrs, getCellDomAttrs, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, toJSONTableCell, toJSONTableHeader, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '../schema/nodes/tableNodes';
+export { getCellAttrs, getCellDomAttrs, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableBackgroundColorPaletteNew, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, toJSONTableCell, toJSONTableHeader, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '../schema/nodes/tableNodes';

package/dist/es2019/entry-points/tableNodes.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { getCellAttrs, getCellDomAttrs, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, toJSONTableCell, toJSONTableHeader, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '../schema/nodes/tableNodes';
+export { getCellAttrs, getCellDomAttrs, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNameByHex, tableBackgroundColorNames, tableBackgroundColorPalette, tableBackgroundColorPaletteNew, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, toJSONTableCell, toJSONTableHeader, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '../schema/nodes/tableNodes';

package/dist/es2019/index.js

@@ -2,7 +2,7 @@
 export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette,
 // eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
 /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
-colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './schema';
+colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableBackgroundColorPaletteNew, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './schema';
 export { B100, B400, B50, B500, B75, G200, G300, G400, G50, G500, G75, N0, N20, N200, N30, N300, N40, N50, N500, N60, N80, N800, N90, P100, P300, P400, P50, P500, P75, R100, R300, R400, R50, R500, R75, T100, T300, T50, T500, T75, Y200, Y400, Y50, Y500, Y75, acNameToEmoji, acShortcutToEmoji, emojiIdToAcName, generateUuid, getEmojiAcName, getLinkMatch, hexToRgb, hexToRgba, isHex, isRgb, isSafeUrl, linkify, linkifyMatch, normalizeHexColor, normalizeUrl, rgbToHex, uuid, getDarkModeLCHColor } from './utils';
 
 // ADF createPMSpecFactory

package/dist/es2019/schema/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, bodiedExtensionRootOnlyStage0, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, codeBlock, codeBlockWithLocalId, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, extensionRootOnlyStage0, hardBreak, heading, image, inlineCard, inlineCardWithLocalId, inlineExtension, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelRootOnlyStage0, extendedPanelC1RootOnlyStage0, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, multiBodiedExtensionRootOnlyStage0, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './nodes';
+export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, bodiedExtensionRootOnlyStage0, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, codeBlock, codeBlockWithLocalId, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, extensionRootOnlyStage0, hardBreak, heading, image, inlineCard, inlineCardWithLocalId, inlineExtension, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelRootOnlyStage0, extendedPanelC1RootOnlyStage0, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableBackgroundColorPaletteNew, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, multiBodiedExtensionRootOnlyStage0, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './nodes';
 export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette, colorPaletteNew,
 // eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
 /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */

package/dist/es2019/schema/nodes/index.js

@@ -24,7 +24,7 @@ export { media, copyPrivateAttributes as copyPrivateMediaAttributes, toJSON as m
 export { mediaGroup } from './media-group';
 export { mediaInline } from './media-inline';
 export { mediaSingle, mediaSingleSpec, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, toJSON as mediaSingleToJSON } from './media-single';
-export { table, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId, tableStage0, tableWithCustomWidth, tableToJSON, tableCell, toJSONTableCell, tableHeader, toJSONTableHeader, tableRow, tableBackgroundColorPalette, tableBackgroundBorderColor, tableBackgroundColorNames, getCellAttrs, getCellDomAttrs, tablePrefixSelector, tableCellSelector, tableHeaderSelector, tableCellContentWrapperSelector, tableCellContentDomSelector } from './tableNodes';
+export { table, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId, tableStage0, tableWithCustomWidth, tableToJSON, tableCell, toJSONTableCell, tableHeader, toJSONTableHeader, tableRow, tableBackgroundColorPalette, tableBackgroundColorPaletteNew, tableBackgroundBorderColor, tableBackgroundColorNames, getCellAttrs, getCellDomAttrs, tablePrefixSelector, tableCellSelector, tableHeaderSelector, tableCellContentWrapperSelector, tableCellContentDomSelector } from './tableNodes';
 export { decisionList, decisionListSelector } from './decision-list';
 export { decisionItem } from './decision-item';
 export { taskList, taskListSelector } from './task-list';

package/dist/es2019/schema/nodes/tableNodes.js

@@ -1,5 +1,5 @@
 import { hexToEditorBackgroundPaletteRawValue } from '../../utils/editor-palette';
-import { B100, B50, B75, G200, G50, G75, hexToRgba, isHex, isRgb, N0, N20, N60, N800, P100, P50, P75, R100, R50, R75, rgbToHex, T100, T50, T75, Y200, Y50, Y75 } from '../../utils/colors';
+import { B100, B50, B75, BlueBold, G200, G50, G75, GrayBold, GreenBold, hexToRgba, isHex, isRgb, L200, L400, L50, M200, M400, M50, N0, N20, N60, N800, Orange200, Orange400, Orange50, P100, P50, P75, PurpleBold, R100, R50, R75, RedBold, rgbToHex, T100, T50, T75, TealBold, Y200, Y50, Y75, YellowBold } from '../../utils/colors';
 import { uuid } from '../../utils/uuid';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
 import { table as tableFactory, tableWithNestedTable as tableWithNestedTableFactory, tableRow as tableRowFactory, tableRowWithNestedTable as tableRowWithNestedTableFactory, tableHeader as tableHeaderFactory, tableHeaderWithNestedTable as tableHeaderWithNestedTableFactory, tableCell as tableCellFactory, tableCellWithNestedTable as tableCellWithNestedTableFactory } from '../../next-schema/generated/nodeTypes';
@@ -174,7 +174,7 @@ export const getCellDomAttrs = node => {
         attrs['data-cell-background'] = color;
       }
       if (typeof color === 'string') {
-        attrs.colorname = tableBackgroundColorPalette.get(color.toLowerCase());
+        attrs.colorname = tableBackgroundColorNameByHex.get(color.toLowerCase());
       }
     }
   }
@@ -192,11 +192,45 @@ export const getCellDomAttrs = node => {
   return attrs;
 };
 export const tableBackgroundColorPalette = new Map();
+/**
+ * Expanded 10-column (30-entry) palette. Compared with {@link tableBackgroundColorPalette} it adds
+ * lime, orange and magenta columns, and replaces the `Gray` / `Dark *` row with a bold row built on
+ * `subtler.hovered` design tokens.
+ *
+ * NOTE: it is *not* a superset of {@link tableBackgroundColorPalette} — the bold row uses different
+ * hex codes, so the earlier row's colours are absent here. Use this map only to build the colour
+ * picker. To resolve a colour a document may already contain, use
+ * {@link tableBackgroundColorNameByHex}, which spans both palettes.
+ */
+export const tableBackgroundColorPaletteNew = new Map();
 export const tableBackgroundBorderColor = hexToRgba(N800, 0.12) || N0;
+/**
+ * Colour name -> hex, and its inverse {@link tableBackgroundColorNameByHex}, covering the colours of
+ * {@link tableBackgroundColorPalette} and {@link tableBackgroundColorPaletteNew} together.
+ *
+ * These drive the themed CSS variables and `td[colorname=...]` overrides in editor-core and
+ * renderer, so they must span both palettes: the hex is stored in ADF, which outlives whichever
+ * palette produced it, and is read back by the editor, the renderer and Confluence export. Resolving
+ * against only one palette would leave cells coloured from the other rendering untokenised, or with
+ * no background at all.
+ */
 export const tableBackgroundColorNames = new Map();
+/**
+ * Hex -> colour name, the inverse of {@link tableBackgroundColorNames}. Also spans both palettes.
+ */
+export const tableBackgroundColorNameByHex = new Map();
+
+// Original 7-column palette — kept as the default export so external consumers
+// are not broken. When cleaning up the platform_editor_lovability_text_bg_color experiment, check if this can be removed
 [[N0, 'White'], [B50, 'Light blue'], [T50, 'Light teal'], [G50, 'Light green'], [Y50, 'Light yellow'], [R50, 'Light red'], [P50, 'Light purple'], [N20, 'Light gray'], [B75, 'Blue'], [T75, 'Teal'], [G75, 'Green'], [Y75, 'Yellow'], [R75, 'Red'], [P75, 'Purple'], [N60, 'Gray'], [B100, 'Dark blue'], [T100, 'Dark teal'], [G200, 'Dark green'], [Y200, 'Dark yellow'], [R100, 'Dark red'], [P100, 'Dark purple']].forEach(([colorValue, colorName]) => {
   tableBackgroundColorPalette.set(colorValue.toLowerCase(), colorName);
   tableBackgroundColorNames.set(colorName.toLowerCase(), colorValue.toLowerCase());
+  tableBackgroundColorNameByHex.set(colorValue.toLowerCase(), colorName);
+});
+[[N0, 'White'], [B50, 'Light blue'], [T50, 'Light teal'], [G50, 'Light green'], [L50, 'Subtle lime'], [Y50, 'Light yellow'], [Orange50, 'Subtle orange'], [R50, 'Light red'], [M50, 'Subtle magenta'], [P50, 'Light purple'], [N20, 'Light gray'], [B75, 'Blue'], [T75, 'Teal'], [G75, 'Green'], [L200, 'Lime'], [Y75, 'Yellow'], [Orange200, 'Orange'], [R75, 'Red'], [M200, 'Magenta'], [P75, 'Purple'], [GrayBold, 'Bold gray'], [BlueBold, 'Bold blue'], [TealBold, 'Bold teal'], [GreenBold, 'Bold green'], [L400, 'Bold lime'], [YellowBold, 'Bold yellow'], [Orange400, 'Bold orange'], [RedBold, 'Bold red'], [M400, 'Bold magenta'], [PurpleBold, 'Bold purple']].forEach(([colorValue, colorName]) => {
+  tableBackgroundColorPaletteNew.set(colorValue.toLowerCase(), colorName);
+  tableBackgroundColorNames.set(colorName.toLowerCase(), colorValue.toLowerCase());
+  tableBackgroundColorNameByHex.set(colorValue.toLowerCase(), colorName);
 });
 
 /**

package/dist/es2019/utils/colors.js

@@ -12,6 +12,7 @@ import * as namedColors from 'css-color-names';
 export const R50 = '#FFEBE6';
 export const R75 = '#FFBDAD';
 export const R100 = '#FF8F73';
+export const RedBold = '#FFB8B2';
 export const R200 = '#FFD5D2';
 export const R300 = '#FF5630';
 export const R400 = '#DE350B';
@@ -19,6 +20,7 @@ export const R500 = '#BF2600';
 export const Y50 = '#FFFAE6';
 export const Y75 = '#FFF0B3';
 export const Y200 = '#FFC400';
+export const YellowBold = '#EFDD4E';
 export const Yellow200 = '#F8E6A0';
 export const Y400 = '#FF991F';
 export const Y500 = '#FF8B00';
@@ -27,15 +29,19 @@ export const Y800 = '#7F5F01';
 export const G50 = '#E3FCEF';
 export const G75 = '#ABF5D1';
 export const G200 = '#57D9A3';
+export const GreenBold = '#97EDC9';
 export const G300 = '#36B37E';
 export const G400 = '#00875A';
 export const G500 = '#006644';
 export const B50 = '#DEEBFF';
 export const B75 = '#B3D4FF';
 export const B100 = '#4C9AFF';
+export const BlueBold = '#ADCBFB';
 export const B400 = '#0052CC';
 export const B500 = '#0747A6';
+export const L50 = '#EFFFD6';
 export const L200 = '#D3F1A7';
+export const L400 = '#BDE97C';
 export const L600 = '#6A9A23';
 export const L800 = '#4C6B1F';
 export const N0 = '#FFFFFF';
@@ -44,6 +50,7 @@ export const N30 = '#EBECF0';
 export const N40 = '#DFE1E6';
 export const N50 = '#C1C7D0';
 export const N60 = '#B3BAC5';
+export const GrayBold = '#B7B9BE';
 export const N80 = '#97A0AF';
 export const N90 = '#8993A4';
 export const N200 = '#6B778C';
@@ -54,16 +61,21 @@ export const N500 = '#42526E';
 export const N600 = '#758195';
 export const N800 = '#172B4D';
 export const N1000 = '#172B4D';
+export const M50 = '#FFECF8';
 export const M200 = '#FDD0EC';
+export const M400 = '#FCB6E1';
 export const M600 = '#CD519D';
 export const M800 = '#943D73';
 export const O200 = '#FEDEC8';
+export const Orange50 = '#FFF5DB';
 export const Orange200 = '#FCE4A6';
+export const Orange400 = '#FBD779';
 export const O600 = '#E06C00';
 export const O800 = '#9E4C00';
 export const P50 = '#EAE6FF';
 export const P75 = '#C0B6F2';
 export const P100 = '#998DD9';
+export const PurpleBold = '#E3BDFA';
 export const P200 = '#DFD8FD';
 export const P300 = '#6554C0';
 export const P400 = '#5243AA';
@@ -71,6 +83,7 @@ export const P500 = '#403294';
 export const T50 = '#E6FCFF';
 export const T75 = '#B3F5FF';
 export const T100 = '#79E2F2';
+export const TealBold = '#B1E4F7';
 export const T200 = '#C6EDFB';
 export const T300 = '#00B8D9';
 export const T500 = '#008DA6';