@atlaskit/adf-schema 55.0.2 → 55.2.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/adf-schema
 
+## 55.2.0
+
+### Minor Changes
+
+- [`1498129c7eef2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1498129c7eef2) -
+  [EDITOR-7591] adds updated text color and highlight color palettes behind the
+  `platform_editor_lovability_text_bg_color` experiment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 55.1.0
+
+### Minor Changes
+
+- [`100d833307949`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/100d833307949) -
+  Allow panel_c1 inside bodied sync blocks
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 55.0.2
 
 ### Patch Changes

package/dist/cjs/entry-points/background-color.js

@@ -15,4 +15,10 @@ Object.defineProperty(exports, "backgroundColorPalette", {
     return _backgroundColor.backgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "backgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _backgroundColor.backgroundColorPaletteNew;
+  }
+});
 var _backgroundColor = require("../schema/marks/background-color");

package/dist/cjs/entry-points/schema-background-color.js

@@ -15,4 +15,10 @@ Object.defineProperty(exports, "backgroundColorPalette", {
     return _backgroundColor.backgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "backgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _backgroundColor.backgroundColorPaletteNew;
+  }
+});
 var _backgroundColor = require("../schema/marks/background-color");

package/dist/cjs/entry-points/schema-text-color.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
     return _textColor.colorPaletteExtended;
   }
 });
+Object.defineProperty(exports, "colorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _textColor.colorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "textColor", {
   enumerable: true,
   get: function get() {

package/dist/cjs/entry-points/text-color.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
     return _textColor.colorPaletteExtended;
   }
 });
+Object.defineProperty(exports, "colorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _textColor.colorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "textColor", {
   enumerable: true,
   get: function get() {

package/dist/cjs/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
     return _schema.backgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "backgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _schema.backgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "blockCard", {
   enumerable: true,
   get: function get() {
@@ -459,6 +465,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
     return _schema.colorPaletteExtended;
   }
 });
+Object.defineProperty(exports, "colorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _schema.colorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "confluenceInlineComment", {
   enumerable: true,
   get: function get() {

package/dist/cjs/next-schema/generated/nodeTypes.js

@@ -130,7 +130,7 @@ var bodiedExtensionWithMarks = exports.bodiedExtensionWithMarks = (0, _createPMS
   isolating: true
 });
 var bodiedSyncBlock = exports.bodiedSyncBlock = (0, _createPMSpecFactory.createPMNodeSpecFactory)({
-  content: '(paragraph | blockCard | blockquote | bulletList | codeBlock | confluenceUnsupportedBlock | decisionList | embedCard | expand | heading | layoutSection | mediaGroup | mediaSingle | orderedList | panel | rule | table | taskList | unsupportedBlock)+',
+  content: '(paragraph | blockCard | blockquote | bulletList | codeBlock | confluenceUnsupportedBlock | decisionList | embedCard | expand | heading | layoutSection | mediaGroup | mediaSingle | orderedList | panel | panel_c1 | rule | table | taskList | unsupportedBlock)+',
   marks: 'unsupportedMark unsupportedNodeAttribute fontSize alignment indentation breakout link fragment',
   attrs: {
     resourceId: {

package/dist/cjs/next-schema/nodes/bodiedSyncBlock.js

@@ -40,7 +40,7 @@ var bodiedSyncBlock = exports.bodiedSyncBlock = (0, _adfSchemaGenerator.adfNode)
       default: ''
     }
   },
-  content: [(0, _adfSchemaGenerator.$onePlus)((0, _adfSchemaGenerator.$or)(_paragraph.paragraph, _paragraph.paragraph.use('with_alignment'), _paragraph.paragraph.use('with_indentation'), _paragraph.paragraph.use('with_no_marks'), _blockCard.blockCard, _blockquote.blockquote, _blockquote.blockquote.use('legacy'), _list.bulletList, _codeBlock.codeBlock, _confluenceUnsupportedBlock.confluenceUnsupportedBlock, _decisionList.decisionList, _embedCard.embedCard, _expand.expand, _heading.heading, _heading.heading.use('with_alignment'), _heading.heading.use('with_indentation'), _heading.heading.use('with_no_marks'), _layoutSection.layoutSection, _layoutSection.layoutSection.use('with_single_column'), _layoutSection.layoutSection.use('full'), _mediaGroup.mediaGroup, _mediaSingle.mediaSingle, _mediaSingle.mediaSingle.use('caption'), _mediaSingle.mediaSingle.use('full'), _mediaSingle.mediaSingle.use('width_type'), _list.orderedList, _panel.panel, _rule.rule, _tableNodes.table,
+  content: [(0, _adfSchemaGenerator.$onePlus)((0, _adfSchemaGenerator.$or)(_paragraph.paragraph, _paragraph.paragraph.use('with_alignment'), _paragraph.paragraph.use('with_indentation'), _paragraph.paragraph.use('with_no_marks'), _blockCard.blockCard, _blockquote.blockquote, _blockquote.blockquote.use('legacy'), _list.bulletList, _codeBlock.codeBlock, _confluenceUnsupportedBlock.confluenceUnsupportedBlock, _decisionList.decisionList, _embedCard.embedCard, _expand.expand, _heading.heading, _heading.heading.use('with_alignment'), _heading.heading.use('with_indentation'), _heading.heading.use('with_no_marks'), _layoutSection.layoutSection, _layoutSection.layoutSection.use('with_single_column'), _layoutSection.layoutSection.use('full'), _mediaGroup.mediaGroup, _mediaSingle.mediaSingle, _mediaSingle.mediaSingle.use('caption'), _mediaSingle.mediaSingle.use('full'), _mediaSingle.mediaSingle.use('width_type'), _list.orderedList, _panel.panel, _panel.panel.use('c1'), _rule.rule, _tableNodes.table,
   // @ts-expect-error - types don't deal well with circular references for the variant
   _tableNodes.table.use('with_nested_table'), _task.taskList, _unsupportedBlock.unsupportedBlock))]
 });

package/dist/cjs/next-schema/nodes/panel.js

@@ -60,5 +60,6 @@ var panel = exports.panel = (0, _adfSchemaGenerator.adfNode)('panel').define({
   // panel_c1 allows all standard panel content plus table (wired via addContent
   // in full-schema.adf.ts to avoid a circular module import).
   content: [(0, _adfSchemaGenerator.$onePlus)(_adfSchemaGenerator.$or.apply(void 0, panelContent.concat([_extension.extension.use('with_marks')])))],
-  ignore: ['json-schema', 'validator-spec']
+  ignore: ['json-schema', 'validator-spec'],
+  preserveVariantNameInPm: true
 });

package/dist/cjs/schema/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
     return _marks.backgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "backgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _marks.backgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "blockCard", {
   enumerable: true,
   get: function get() {
@@ -177,6 +183,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
     return _marks.colorPaletteExtended;
   }
 });
+Object.defineProperty(exports, "colorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _marks.colorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "confluenceInlineComment", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/marks/background-color.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.backgroundColorPalette = exports.backgroundColor = void 0;
+exports.backgroundColorPaletteNew = exports.backgroundColorPalette = exports.backgroundColor = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _markTypes = require("../../next-schema/generated/markTypes");
-var _editorPalette = require("../../utils/editor-palette");
 var _colors = require("../../utils/colors");
-var _textColor = require("./text-color");
+var _editorPalette = require("../../utils/editor-palette");
 var _lchColorInversion = require("../../utils/lch-color-inversion");
+var _textColor = require("./text-color");
 /**
  * @name backgroundColor_mark
  */
@@ -30,6 +30,24 @@ var colorArrayPalette = [[_colors.Neutral300, 'Gray'],
 // token: color.background.accent.lime.subtler
 [_colors.T200, 'Teal'] // token: color.background.accent.teal.subtler
 ];
+var colorArrayPaletteNew = [[_colors.Neutral300, 'Gray'],
+// token: color.background.accent.gray.subtler
+[_colors.B75, 'Blue'],
+// token: color.background.accent.blue.subtler
+[_colors.T200, 'Teal'],
+// token: color.background.accent.teal.subtler
+[_colors.G75, 'Green'],
+// token: color.background.accent.green.subtler
+[_colors.L200, 'Lime'],
+// token: color.background.accent.lime.subtler
+[_colors.Yellow200, 'Yellow'],
+// token: color.background.accent.yellow.subtler
+[_colors.O200, 'Orange'],
+// token: color.background.accent.orange.subtler
+[_colors.M200, 'Magenta'],
+// token: color.background.accent.magenta.subtler
+[_colors.P200, 'Purple'] // token: color.background.accent.purple.subtler
+];
 
 // @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
 var backgroundColorPalette = exports.backgroundColorPalette = new Map();
@@ -42,6 +60,13 @@ colorArrayPalette.forEach(function (_ref) {
 
 // @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
 var RGB_PREFIX_BG_COLOR_REGEX = /^rgb/i;
+var backgroundColorPaletteNew = exports.backgroundColorPaletteNew = new Map();
+colorArrayPaletteNew.forEach(function (_ref3) {
+  var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    color = _ref4[0],
+    label = _ref4[1];
+  return backgroundColorPaletteNew.set(color.toLowerCase(), label);
+});
 var backgroundColor = exports.backgroundColor = (0, _markTypes.backgroundColor)({
   parseDOM: [{
     style: 'background-color',

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

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
     return _backgroundColor.backgroundColorPalette;
   }
 });
+Object.defineProperty(exports, "backgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _backgroundColor.backgroundColorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "border", {
   enumerable: true,
   get: function get() {
@@ -87,6 +93,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
     return _textColor.colorPaletteExtended;
   }
 });
+Object.defineProperty(exports, "colorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _textColor.colorPaletteNew;
+  }
+});
 Object.defineProperty(exports, "confluenceInlineComment", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/marks/text-color.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textColor = exports.setGlobalTheme = exports.getGlobalTheme = exports.colorPaletteExtended = exports.colorPalette = void 0;
+exports.textColor = exports.setGlobalTheme = exports.getGlobalTheme = exports.colorPaletteNew = exports.colorPaletteExtended = exports.colorPalette = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _markTypes = require("../../next-schema/generated/markTypes");
@@ -60,8 +60,53 @@ var colorArrayPalette = [
 [_colors.P50, 'Light purple'] // Lavender secret
 ];
 
+// experiment: platform_editor_lovability_text_bg_color
+var colorArrayPaletteNew = [
+// default row - first color is added programatically
+// [N800, 'Squid ink'], // default dark gray
+[_colors.B500, 'Dark blue'],
+// Chore coat
+[_colors.T500, 'Dark teal'],
+// Shabby chic
+[_colors.G500, 'Dark green'],
+// Keen green
+[_colors.L800, 'Dark lime'], [_colors.Y800, 'Dark yellow'], [_colors.O800, 'Dark orange'], [_colors.R500, 'Dark red'],
+// Dragon's blood
+[_colors.M800, 'Dark magenta'], [_colors.P500, 'Dark purple'],
+// Prince	
+// row 2
+[_colors.N80, 'Light gray'],
+// Spooky ghost
+[_colors.B100, 'Blue'],
+// Arvo breeze
+[_colors.T300, 'Teal'],
+// Tamarama
+[_colors.G300, 'Green'],
+// Fine pine
+[_colors.L600, 'Lime'], [_colors.Y600, 'Yellow'],
+// Pub mix
+[_colors.O600, 'Orange'], [_colors.R300, 'Red'],
+// Poppy surprise
+[_colors.M600, 'Magenta'], [_colors.P300, 'Purple'],
+// Da' juice
+// row 3
+[_colors.N0, 'White'], [_colors.B75, 'Light blue'],
+// Schwag
+[_colors.T75, 'Light teal'],
+// Arctic chill
+[_colors.G75, 'Light green'],
+// Mintie
+[_colors.L200, 'Light lime'], [_colors.Y75, 'Light yellow'],
+// Dandelion whisper
+[_colors.Orange200, 'Light orange'], [_colors.R75, 'Light red'],
+// Bondi sunburn
+[_colors.M200, 'Light magenta'], [_colors.P50, 'Light purple'] // Lavender secret
+];
+
 // @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
 var colorPalette = exports.colorPalette = new Map();
+var colorPaletteNew = exports.colorPaletteNew = new Map();
+
 // 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. */
 var colorPaletteExtended = exports.colorPaletteExtended = colorPalette;
@@ -71,6 +116,12 @@ colorArrayPalette.forEach(function (_ref) {
     label = _ref2[1];
   return colorPalette.set(color.toLowerCase(), label);
 });
+colorArrayPaletteNew.forEach(function (_ref3) {
+  var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    color = _ref4[0],
+    label = _ref4[1];
+  return colorPaletteNew.set(color.toLowerCase(), label);
+});
 
 // these are for test only
 var testGlobalTheme;

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

@@ -23,6 +23,9 @@ var PanelType = exports.PanelType = /*#__PURE__*/function (PanelType) {
 /**
  * @name panel_node
  */
+/**
+ * @name panel_c1_node
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var getDomAttrs = function getDomAttrs(nodeAttrs) {
   var attrs = {

package/dist/cjs/schema/sanitizeNodes.js

@@ -29,8 +29,12 @@ function sanitizeNodeSpecContent(nodes, rawContent) {
   // @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
   var content = rawContent.replace(/(?:[\0-\/:-@\[-\^`\{-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g, ' ');
   var contentKeys = content.split(' ');
-  var unsupportedContentKeys = contentKeys.filter(function (contentKey) {
+  var unsupportedContentKeys = Array.from(new Set(contentKeys.filter(function (contentKey) {
     return !isContentSupported(nodes, contentKey);
+  }))
+  // Remove longer variant names first so base names like `panel` don't partially strip `panel_c1`.
+  ).sort(function (a, b) {
+    return b.length - a.length;
   });
   return unsupportedContentKeys.reduce(function (newContent, nodeName) {
     return sanitizedContent(newContent, nodeName);

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.Y75 = 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.R100 = exports.P75 = exports.P500 = exports.P50 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = 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.M200 = 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.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.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.hexToRgb = hexToRgb;
 exports.hexToRgba = hexToRgba;
 exports.isHex = isHex;
@@ -37,6 +37,8 @@ var Y200 = exports.Y200 = '#FFC400';
 var Yellow200 = exports.Yellow200 = '#F8E6A0';
 var Y400 = exports.Y400 = '#FF991F';
 var Y500 = exports.Y500 = '#FF8B00';
+var Y600 = exports.Y600 = '#B38600';
+var Y800 = exports.Y800 = '#7F5F01';
 var G50 = exports.G50 = '#E3FCEF';
 var G75 = exports.G75 = '#ABF5D1';
 var G200 = exports.G200 = '#57D9A3';
@@ -49,6 +51,8 @@ var B100 = exports.B100 = '#4C9AFF';
 var B400 = exports.B400 = '#0052CC';
 var B500 = exports.B500 = '#0747A6';
 var L200 = exports.L200 = '#D3F1A7';
+var L600 = exports.L600 = '#6A9A23';
+var L800 = exports.L800 = '#4C6B1F';
 var N0 = exports.N0 = '#FFFFFF';
 var N20 = exports.N20 = '#F4F5F7';
 var N30 = exports.N30 = '#EBECF0';
@@ -66,7 +70,12 @@ var N600 = exports.N600 = '#758195';
 var N800 = exports.N800 = '#172B4D';
 var N1000 = exports.N1000 = '#172B4D';
 var M200 = exports.M200 = '#FDD0EC';
+var M600 = exports.M600 = '#CD519D';
+var M800 = exports.M800 = '#943D73';
 var O200 = exports.O200 = '#FEDEC8';
+var Orange200 = exports.Orange200 = '#FCE4A6';
+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';

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

@@ -106,7 +106,29 @@ var editorTextPalette = exports.editorTextPalette = {
   /** whiteGray - medium */
   '#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
   /** whiteGray - strong */
-  '#172B4D': 'var(--ds-text, #172B4D)'
+  '#172B4D': 'var(--ds-text, #172B4D)',
+  /** lime - light */
+  '#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
+  /** lime - medium */
+  '#6A9A23': 'var(--ds-icon-accent-lime, #6A9A23)',
+  /** lime - strong */
+  '#4C6B1F': 'var(--ds-text-accent-lime, #4C6B1F)',
+  /** orange - light */
+  '#FCE4A6': 'var(--ds-background-accent-orange-subtler, #FCE4A6)',
+  /** orange - medium */
+  '#E06C00': 'var(--ds-icon-accent-orange, #E06C00)',
+  /** orange - strong */
+  '#9E4C00': 'var(--ds-text-accent-orange, #9E4C00)',
+  /** magenta - light */
+  '#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
+  /** magenta - medium */
+  '#CD519D': 'var(--ds-icon-accent-magenta, #CD519D)',
+  /** magenta - strong */
+  '#943D73': 'var(--ds-text-accent-magenta, #943D73)',
+  /** yellow - medium */
+  '#B38600': 'var(--ds-icon-accent-yellow, #B38600)',
+  /** yellow - strong */
+  '#7F5F01': 'var(--ds-text-accent-yellow, #7F5F01)'
 };
 
 /**
@@ -146,7 +168,11 @@ var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
   /** Magenta - light */
   '#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
   /** Purple - light */
-  '#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)'
+  '#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)',
+  /** Blue - light */
+  '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
+  /** Green - light */
+  '#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)'
 };
 /**
  * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.

package/dist/es2019/entry-points/background-color.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
+export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';

package/dist/es2019/entry-points/schema-background-color.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
+export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';

package/dist/es2019/entry-points/schema-text-color.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
+export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor } from '../schema/marks/text-color';

package/dist/es2019/entry-points/text-color.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
+export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor } from '../schema/marks/text-color';

package/dist/es2019/index.js

@@ -1,8 +1,8 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette,
+export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, 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. */
-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, 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, backgroundColorPaletteNew, 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/next-schema/generated/nodeTypes.js

@@ -124,7 +124,7 @@ export const bodiedExtensionWithMarks = createPMNodeSpecFactory({
   isolating: true
 });
 export const bodiedSyncBlock = createPMNodeSpecFactory({
-  content: '(paragraph | blockCard | blockquote | bulletList | codeBlock | confluenceUnsupportedBlock | decisionList | embedCard | expand | heading | layoutSection | mediaGroup | mediaSingle | orderedList | panel | rule | table | taskList | unsupportedBlock)+',
+  content: '(paragraph | blockCard | blockquote | bulletList | codeBlock | confluenceUnsupportedBlock | decisionList | embedCard | expand | heading | layoutSection | mediaGroup | mediaSingle | orderedList | panel | panel_c1 | rule | table | taskList | unsupportedBlock)+',
   marks: 'unsupportedMark unsupportedNodeAttribute fontSize alignment indentation breakout link fragment',
   attrs: {
     resourceId: {

package/dist/es2019/next-schema/nodes/bodiedSyncBlock.js

@@ -34,7 +34,7 @@ export const bodiedSyncBlock = adfNode('bodiedSyncBlock').define({
       default: ''
     }
   },
-  content: [$onePlus($or(paragraph, paragraph.use('with_alignment'), paragraph.use('with_indentation'), paragraph.use('with_no_marks'), blockCard, blockquote, blockquote.use('legacy'), bulletList, codeBlock, confluenceUnsupportedBlock, decisionList, embedCard, expand, heading, heading.use('with_alignment'), heading.use('with_indentation'), heading.use('with_no_marks'), layoutSection, layoutSection.use('with_single_column'), layoutSection.use('full'), mediaGroup, mediaSingle, mediaSingle.use('caption'), mediaSingle.use('full'), mediaSingle.use('width_type'), orderedList, panel, rule, table,
+  content: [$onePlus($or(paragraph, paragraph.use('with_alignment'), paragraph.use('with_indentation'), paragraph.use('with_no_marks'), blockCard, blockquote, blockquote.use('legacy'), bulletList, codeBlock, confluenceUnsupportedBlock, decisionList, embedCard, expand, heading, heading.use('with_alignment'), heading.use('with_indentation'), heading.use('with_no_marks'), layoutSection, layoutSection.use('with_single_column'), layoutSection.use('full'), mediaGroup, mediaSingle, mediaSingle.use('caption'), mediaSingle.use('full'), mediaSingle.use('width_type'), orderedList, panel, panel.use('c1'), rule, table,
   // @ts-expect-error - types don't deal well with circular references for the variant
   table.use('with_nested_table'), taskList, unsupportedBlock))]
 });

package/dist/es2019/next-schema/nodes/panel.js

@@ -54,5 +54,6 @@ export const panel = adfNode('panel').define({
   // panel_c1 allows all standard panel content plus table (wired via addContent
   // in full-schema.adf.ts to avoid a circular module import).
   content: [$onePlus($or(...panelContent, extension.use('with_marks')))],
-  ignore: ['json-schema', 'validator-spec']
+  ignore: ['json-schema', 'validator-spec'],
+  preserveVariantNameInPm: true
 });

package/dist/es2019/schema/index.js

@@ -1,9 +1,9 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, 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, 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, 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, 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,
+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. */
-colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette } from './marks';
+colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './marks';
 export { unsupportedNodeTypesForMediaCards } from './unsupported';
 export { inlineNodes } from './inline-nodes';
 export { createSchema } from './create-schema';

package/dist/es2019/schema/marks/background-color.js

@@ -1,8 +1,8 @@
 import { backgroundColor as backgroundColorFactory } from '../../next-schema/generated/markTypes';
+import { B75, G75, L200, M200, Neutral300, O200, P200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
 import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
-import { rgbToHex, L200, T200, P200, M200, Neutral300, O200, Yellow200 } from '../../utils/colors';
-import { getGlobalTheme } from './text-color';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
+import { getGlobalTheme } from './text-color';
 
 /**
  * @name backgroundColor_mark
@@ -22,6 +22,24 @@ const colorArrayPalette = [[Neutral300, 'Gray'],
 // token: color.background.accent.lime.subtler
 [T200, 'Teal'] // token: color.background.accent.teal.subtler
 ];
+const colorArrayPaletteNew = [[Neutral300, 'Gray'],
+// token: color.background.accent.gray.subtler
+[B75, 'Blue'],
+// token: color.background.accent.blue.subtler
+[T200, 'Teal'],
+// token: color.background.accent.teal.subtler
+[G75, 'Green'],
+// token: color.background.accent.green.subtler
+[L200, 'Lime'],
+// token: color.background.accent.lime.subtler
+[Yellow200, 'Yellow'],
+// token: color.background.accent.yellow.subtler
+[O200, 'Orange'],
+// token: color.background.accent.orange.subtler
+[M200, 'Magenta'],
+// token: color.background.accent.magenta.subtler
+[P200, 'Purple'] // token: color.background.accent.purple.subtler
+];
 
 // @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
 export const backgroundColorPalette = new Map();
@@ -29,6 +47,8 @@ colorArrayPalette.forEach(([color, label]) => backgroundColorPalette.set(color.t
 
 // @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
 const RGB_PREFIX_BG_COLOR_REGEX = /^rgb/iu;
+export const backgroundColorPaletteNew = new Map();
+colorArrayPaletteNew.forEach(([color, label]) => backgroundColorPaletteNew.set(color.toLowerCase(), label));
 export const backgroundColor = backgroundColorFactory({
   parseDOM: [{
     style: 'background-color',

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

@@ -7,7 +7,7 @@ export { underline } from './underline';
 export { link, toJSON as linkToJSON } from './link';
 export { typeAheadQuery } from './type-ahead-query';
 export { subsup } from './subsup';
-export { textColor, colorPalette, colorPaletteExtended } from './text-color';
+export { textColor, colorPalette, colorPaletteNew, colorPaletteExtended } from './text-color';
 export { confluenceInlineComment } from './confluence-inline-comment';
 export { breakout } from './breakout';
 export { fontSize } from './font-size';
@@ -19,4 +19,4 @@ export { unsupportedNodeAttribute } from './unsupported-node-attributes';
 export { dataConsumer, toJSON as dataConsumerToJSON } from './data-consumer';
 export { fragment, toJSON as fragmentToJSON } from './fragment';
 export { border, borderColorPalette } from './border';
-export { backgroundColor, backgroundColorPalette } from './background-color';
+export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './background-color';